/* Generated by build_css_bundle.py. Do not edit. */

/* Shaarli base styles */
/*!
Pure v3.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE
*/
/*!
normalize.css v | MIT License | https://necolas.github.io/normalize.css/
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*csslint important:false*/

/* ==========================================================================
   Pure Base Extras
   ========================================================================== */

/**
 * Extra rules that Pure adds on top of Normalize.css
 */

html {
    font-family: sans-serif;
}

/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */

.hidden,
[hidden] {
    display: none !important;
}

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/

.pure-g {
    display: flex;
    flex-flow: row wrap;

    /* Prevents distributing space between rows */
    align-content: flex-start;
}

.pure-u {
    display: inline-block;
    vertical-align: top;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-24 {
    width: 4.1667%;
}

.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%;
}

.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5000%;
}

.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%;
}

.pure-u-1-5 {
    width: 20%;
}

.pure-u-5-24 {
    width: 20.8333%;
}

.pure-u-1-4,
.pure-u-6-24 {
    width: 25%;
}

.pure-u-7-24 {
    width: 29.1667%;
}

.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%;
}

.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5000%;
}

.pure-u-2-5 {
    width: 40%;
}

.pure-u-5-12,
.pure-u-10-24 {
    width: 41.6667%;
}

.pure-u-11-24 {
    width: 45.8333%;
}

.pure-u-1-2,
.pure-u-12-24 {
    width: 50%;
}

.pure-u-13-24 {
    width: 54.1667%;
}

.pure-u-7-12,
.pure-u-14-24 {
    width: 58.3333%;
}

.pure-u-3-5 {
    width: 60%;
}

.pure-u-5-8,
.pure-u-15-24 {
    width: 62.5000%;
}

.pure-u-2-3,
.pure-u-16-24 {
    width: 66.6667%;
}

.pure-u-17-24 {
    width: 70.8333%;
}

.pure-u-3-4,
.pure-u-18-24 {
    width: 75%;
}

.pure-u-19-24 {
    width: 79.1667%;
}

.pure-u-4-5 {
    width: 80%;
}

.pure-u-5-6,
.pure-u-20-24 {
    width: 83.3333%;
}

.pure-u-7-8,
.pure-u-21-24 {
    width: 87.5000%;
}

.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%;
}

.pure-u-23-24 {
    width: 95.8333%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
    width: 100%;
}
.pure-button {
    /* Structure */
    display: inline-block;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
            user-select: none;
    box-sizing: border-box;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* Inherit .pure-g styles */
.pure-button-group {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
}

.opera-only :-o-prefocus,
.pure-button-group {
    word-spacing: -0.43em;
}

.pure-button-group .pure-button {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

/*csslint outline-none:false*/

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: rgba(0, 0, 0, 0.80);
    border: none rgba(0, 0, 0, 0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.pure-button:focus {
    outline: 0;
}
.pure-button-active,
.pure-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000;
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
    border: none;
    background-image: none;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
    pointer-events: none;
}

.pure-button-hidden {
    display: none;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

/* Button Groups */
.pure-button-group .pure-button {
    margin: 0;
    border-radius: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.pure-button-group .pure-button:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.pure-button-group .pure-button:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-right: none;
}

/*csslint box-model:false*/
/*
Box-model set to false because we're setting a height on select elements, which
also have border and padding. This is done because some browsers don't render
the padding. We explicitly set the box-model for select elements to border-box,
so we can ignore the csslint warning.
*/

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]) {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}


/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
.pure-form input[type="color"] {
    padding: 0.2em 0.5em;
}


.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
    outline: 0;
    border-color: #129FEA;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA;
}

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA;
}
.pure-form .pure-checkbox,
.pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}

.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
    background-color: #eee; /* menu hover bg color */
    color: #777; /* menu text color */
    border-color: #ccc;
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d;
}
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}
.pure-form select {
    /* Normalizes the height; padding is not sufficient. */
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: white;
}
.pure-form select[multiple] {
    height: auto;
}
.pure-form label {
    margin: 0.5em 0 0.2em;
}
.pure-form fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em;
    border: 0;
}
.pure-form legend {
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin-bottom: 0.3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
    display: block;
    margin: 0.25em 0;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form-stacked input:not([type]) {
    display: block;
    margin: 0.25em 0;
}
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-message-inline {
    display: inline-block;
    vertical-align: middle;
}
.pure-form-aligned textarea {
    vertical-align: top;
}

/* Aligned Forms */
.pure-form-aligned .pure-control-group {
    margin-bottom: 0.5em;
}
.pure-form-aligned .pure-control-group label {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    width: 10em;
    margin: 0 1em 0 0;
}
.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 11em;
}

/* Rounded Inputs */
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: 0.5em 1em;
}

/* Grouped Inputs */
.pure-form .pure-group fieldset {
    margin-bottom: 10px;
}
.pure-form .pure-group input,
.pure-form .pure-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px;
}
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
    z-index: 3;
}
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
    top: 1px;
    border-radius: 4px 4px 0 0;
    margin: 0;
}
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
    top: 1px;
    border-radius: 4px;
    margin: 0;
}
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
    top: -2px;
    border-radius: 0 0 4px 4px;
    margin: 0;
}
.pure-form .pure-group button {
    margin: 0.35em 0;
}

.pure-form .pure-input-1 {
    width: 100%;
}
.pure-form .pure-input-3-4 {
    width: 75%;
}
.pure-form .pure-input-2-3 {
    width: 66%;
}
.pure-form .pure-input-1-2 {
    width: 50%;
}
.pure-form .pure-input-1-3 {
    width: 33%;
}
.pure-form .pure-input-1-4 {
    width: 25%;
}

/* Inline help for forms */
.pure-form-message-inline {
    display: inline-block;
    padding-left: 0.3em;
    color: #666;
    vertical-align: middle;
    font-size: 0.875em;
}

/* Block help for forms */
.pure-form-message {
    display: block;
    color: #666;
    font-size: 0.875em;
}

@media only screen and (max-width : 480px) {
    .pure-form button[type="submit"] {
        margin: 0.7em 0 0;
    }

    .pure-form input:not([type]),
    .pure-form input[type="text"],
    .pure-form input[type="password"],
    .pure-form input[type="email"],
    .pure-form input[type="url"],
    .pure-form input[type="date"],
    .pure-form input[type="month"],
    .pure-form input[type="time"],
    .pure-form input[type="datetime"],
    .pure-form input[type="datetime-local"],
    .pure-form input[type="week"],
    .pure-form input[type="number"],
    .pure-form input[type="search"],
    .pure-form input[type="tel"],
    .pure-form input[type="color"],
    .pure-form label {
        margin-bottom: 0.3em;
        display: block;
    }

    .pure-group input:not([type]),
    .pure-group input[type="text"],
    .pure-group input[type="password"],
    .pure-group input[type="email"],
    .pure-group input[type="url"],
    .pure-group input[type="date"],
    .pure-group input[type="month"],
    .pure-group input[type="time"],
    .pure-group input[type="datetime"],
    .pure-group input[type="datetime-local"],
    .pure-group input[type="week"],
    .pure-group input[type="number"],
    .pure-group input[type="search"],
    .pure-group input[type="tel"],
    .pure-group input[type="color"] {
        margin-bottom: 0;
    }

    .pure-form-aligned .pure-control-group label {
        margin-bottom: 0.3em;
        text-align: left;
        display: block;
        width: 100%;
    }

    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0 0;
    }

    .pure-form-message-inline,
    .pure-form-message {
        display: block;
        font-size: 0.75em;
        /* Increased bottom padding to make it group with its related input element. */
        padding: 0.2em 0 0.8em;
    }
}

/*csslint adjoining-classes: false, box-model:false*/
.pure-menu {
    box-sizing: border-box;
}

.pure-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
}

.pure-menu-list,
.pure-menu-item {
    position: relative;
}

.pure-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pure-menu-item {
    padding: 0;
    margin: 0;
    height: 100%;
}

.pure-menu-link,
.pure-menu-heading {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

/* HORIZONTAL MENU */
.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap;
}

.pure-menu-horizontal .pure-menu-list {
    display: inline-block;
}

/* Initial menus should be inline-block so that they are horizontal */
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
    display: inline-block;
    vertical-align: middle;
}

/* Submenus should still be display: block; */
.pure-menu-item .pure-menu-item {
    display: block;
}

.pure-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3;
}

.pure-menu-horizontal .pure-menu-children {
    left: 0;
    top: auto;
    width: inherit;
}

.pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
    display: block;
    position: absolute;
}

/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after {
    padding-left: 0.5em;
    content: "\25B8";
    font-size: small;
}

/* Horizontal Menus - show the dropdown arrow */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    content: "\25BE";
}

/* scrollable menus */
.pure-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden;
}

.pure-menu-scrollable .pure-menu-list {
    display: block;
}

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display: inline-block;
}

.pure-menu-horizontal.pure-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    /* a little extra padding for this style to allow for scrollbars */
    padding: .5em 0;
}

/* misc default styling */

.pure-menu-separator,
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0;
}

.pure-menu-horizontal .pure-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em ;
}

/* Need to reset the separator since submenu is vertical */
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
    display: block;
    width: auto;
}

.pure-menu-heading {
    text-transform: uppercase;
    color: #565d64;
}

.pure-menu-link {
    color: #777;
}

.pure-menu-children {
    background-color: #fff;
}

.pure-menu-link,
.pure-menu-heading {
    padding: .5em 1em;
}

.pure-menu-disabled {
    opacity: .5;
}

.pure-menu-disabled .pure-menu-link:hover {
    background-color: transparent;
    cursor: default;
}

.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
    background-color: #eee;
}

.pure-menu-selected > .pure-menu-link,
.pure-menu-selected > .pure-menu-link:visited {
    color: #000;
}

.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 1em; /* cell padding */
}

.pure-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}

/*!
Pure v3.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE
*/
@media screen and (min-width: 35.5em) {
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-2,
    .pure-u-sm-1-3,
    .pure-u-sm-2-3,
    .pure-u-sm-1-4,
    .pure-u-sm-3-4,
    .pure-u-sm-1-5,
    .pure-u-sm-2-5,
    .pure-u-sm-3-5,
    .pure-u-sm-4-5,
    .pure-u-sm-5-5,
    .pure-u-sm-1-6,
    .pure-u-sm-5-6,
    .pure-u-sm-1-8,
    .pure-u-sm-3-8,
    .pure-u-sm-5-8,
    .pure-u-sm-7-8,
    .pure-u-sm-1-12,
    .pure-u-sm-5-12,
    .pure-u-sm-7-12,
    .pure-u-sm-11-12,
    .pure-u-sm-1-24,
    .pure-u-sm-2-24,
    .pure-u-sm-3-24,
    .pure-u-sm-4-24,
    .pure-u-sm-5-24,
    .pure-u-sm-6-24,
    .pure-u-sm-7-24,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24,
    .pure-u-sm-10-24,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-24 {
        width: 4.1667%;
    }

    .pure-u-sm-1-12,
    .pure-u-sm-2-24 {
        width: 8.3333%;
    }

    .pure-u-sm-1-8,
    .pure-u-sm-3-24 {
        width: 12.5000%;
    }

    .pure-u-sm-1-6,
    .pure-u-sm-4-24 {
        width: 16.6667%;
    }

    .pure-u-sm-1-5 {
        width: 20%;
    }

    .pure-u-sm-5-24 {
        width: 20.8333%;
    }

    .pure-u-sm-1-4,
    .pure-u-sm-6-24 {
        width: 25%;
    }

    .pure-u-sm-7-24 {
        width: 29.1667%;
    }

    .pure-u-sm-1-3,
    .pure-u-sm-8-24 {
        width: 33.3333%;
    }

    .pure-u-sm-3-8,
    .pure-u-sm-9-24 {
        width: 37.5000%;
    }

    .pure-u-sm-2-5 {
        width: 40%;
    }

    .pure-u-sm-5-12,
    .pure-u-sm-10-24 {
        width: 41.6667%;
    }

    .pure-u-sm-11-24 {
        width: 45.8333%;
    }

    .pure-u-sm-1-2,
    .pure-u-sm-12-24 {
        width: 50%;
    }

    .pure-u-sm-13-24 {
        width: 54.1667%;
    }

    .pure-u-sm-7-12,
    .pure-u-sm-14-24 {
        width: 58.3333%;
    }

    .pure-u-sm-3-5 {
        width: 60%;
    }

    .pure-u-sm-5-8,
    .pure-u-sm-15-24 {
        width: 62.5000%;
    }

    .pure-u-sm-2-3,
    .pure-u-sm-16-24 {
        width: 66.6667%;
    }

    .pure-u-sm-17-24 {
        width: 70.8333%;
    }

    .pure-u-sm-3-4,
    .pure-u-sm-18-24 {
        width: 75%;
    }

    .pure-u-sm-19-24 {
        width: 79.1667%;
    }

    .pure-u-sm-4-5 {
        width: 80%;
    }

    .pure-u-sm-5-6,
    .pure-u-sm-20-24 {
        width: 83.3333%;
    }

    .pure-u-sm-7-8,
    .pure-u-sm-21-24 {
        width: 87.5000%;
    }

    .pure-u-sm-11-12,
    .pure-u-sm-22-24 {
        width: 91.6667%;
    }

    .pure-u-sm-23-24 {
        width: 95.8333%;
    }

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-5-5,
    .pure-u-sm-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-2,
    .pure-u-md-1-3,
    .pure-u-md-2-3,
    .pure-u-md-1-4,
    .pure-u-md-3-4,
    .pure-u-md-1-5,
    .pure-u-md-2-5,
    .pure-u-md-3-5,
    .pure-u-md-4-5,
    .pure-u-md-5-5,
    .pure-u-md-1-6,
    .pure-u-md-5-6,
    .pure-u-md-1-8,
    .pure-u-md-3-8,
    .pure-u-md-5-8,
    .pure-u-md-7-8,
    .pure-u-md-1-12,
    .pure-u-md-5-12,
    .pure-u-md-7-12,
    .pure-u-md-11-12,
    .pure-u-md-1-24,
    .pure-u-md-2-24,
    .pure-u-md-3-24,
    .pure-u-md-4-24,
    .pure-u-md-5-24,
    .pure-u-md-6-24,
    .pure-u-md-7-24,
    .pure-u-md-8-24,
    .pure-u-md-9-24,
    .pure-u-md-10-24,
    .pure-u-md-11-24,
    .pure-u-md-12-24,
    .pure-u-md-13-24,
    .pure-u-md-14-24,
    .pure-u-md-15-24,
    .pure-u-md-16-24,
    .pure-u-md-17-24,
    .pure-u-md-18-24,
    .pure-u-md-19-24,
    .pure-u-md-20-24,
    .pure-u-md-21-24,
    .pure-u-md-22-24,
    .pure-u-md-23-24,
    .pure-u-md-24-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-md-1-24 {
        width: 4.1667%;
    }

    .pure-u-md-1-12,
    .pure-u-md-2-24 {
        width: 8.3333%;
    }

    .pure-u-md-1-8,
    .pure-u-md-3-24 {
        width: 12.5000%;
    }

    .pure-u-md-1-6,
    .pure-u-md-4-24 {
        width: 16.6667%;
    }

    .pure-u-md-1-5 {
        width: 20%;
    }

    .pure-u-md-5-24 {
        width: 20.8333%;
    }

    .pure-u-md-1-4,
    .pure-u-md-6-24 {
        width: 25%;
    }

    .pure-u-md-7-24 {
        width: 29.1667%;
    }

    .pure-u-md-1-3,
    .pure-u-md-8-24 {
        width: 33.3333%;
    }

    .pure-u-md-3-8,
    .pure-u-md-9-24 {
        width: 37.5000%;
    }

    .pure-u-md-2-5 {
        width: 40%;
    }

    .pure-u-md-5-12,
    .pure-u-md-10-24 {
        width: 41.6667%;
    }

    .pure-u-md-11-24 {
        width: 45.8333%;
    }

    .pure-u-md-1-2,
    .pure-u-md-12-24 {
        width: 50%;
    }

    .pure-u-md-13-24 {
        width: 54.1667%;
    }

    .pure-u-md-7-12,
    .pure-u-md-14-24 {
        width: 58.3333%;
    }

    .pure-u-md-3-5 {
        width: 60%;
    }

    .pure-u-md-5-8,
    .pure-u-md-15-24 {
        width: 62.5000%;
    }

    .pure-u-md-2-3,
    .pure-u-md-16-24 {
        width: 66.6667%;
    }

    .pure-u-md-17-24 {
        width: 70.8333%;
    }

    .pure-u-md-3-4,
    .pure-u-md-18-24 {
        width: 75%;
    }

    .pure-u-md-19-24 {
        width: 79.1667%;
    }

    .pure-u-md-4-5 {
        width: 80%;
    }

    .pure-u-md-5-6,
    .pure-u-md-20-24 {
        width: 83.3333%;
    }

    .pure-u-md-7-8,
    .pure-u-md-21-24 {
        width: 87.5000%;
    }

    .pure-u-md-11-12,
    .pure-u-md-22-24 {
        width: 91.6667%;
    }

    .pure-u-md-23-24 {
        width: 95.8333%;
    }

    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-5-5,
    .pure-u-md-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 64em) {
    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-1-2,
    .pure-u-lg-1-3,
    .pure-u-lg-2-3,
    .pure-u-lg-1-4,
    .pure-u-lg-3-4,
    .pure-u-lg-1-5,
    .pure-u-lg-2-5,
    .pure-u-lg-3-5,
    .pure-u-lg-4-5,
    .pure-u-lg-5-5,
    .pure-u-lg-1-6,
    .pure-u-lg-5-6,
    .pure-u-lg-1-8,
    .pure-u-lg-3-8,
    .pure-u-lg-5-8,
    .pure-u-lg-7-8,
    .pure-u-lg-1-12,
    .pure-u-lg-5-12,
    .pure-u-lg-7-12,
    .pure-u-lg-11-12,
    .pure-u-lg-1-24,
    .pure-u-lg-2-24,
    .pure-u-lg-3-24,
    .pure-u-lg-4-24,
    .pure-u-lg-5-24,
    .pure-u-lg-6-24,
    .pure-u-lg-7-24,
    .pure-u-lg-8-24,
    .pure-u-lg-9-24,
    .pure-u-lg-10-24,
    .pure-u-lg-11-24,
    .pure-u-lg-12-24,
    .pure-u-lg-13-24,
    .pure-u-lg-14-24,
    .pure-u-lg-15-24,
    .pure-u-lg-16-24,
    .pure-u-lg-17-24,
    .pure-u-lg-18-24,
    .pure-u-lg-19-24,
    .pure-u-lg-20-24,
    .pure-u-lg-21-24,
    .pure-u-lg-22-24,
    .pure-u-lg-23-24,
    .pure-u-lg-24-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-lg-1-24 {
        width: 4.1667%;
    }

    .pure-u-lg-1-12,
    .pure-u-lg-2-24 {
        width: 8.3333%;
    }

    .pure-u-lg-1-8,
    .pure-u-lg-3-24 {
        width: 12.5000%;
    }

    .pure-u-lg-1-6,
    .pure-u-lg-4-24 {
        width: 16.6667%;
    }

    .pure-u-lg-1-5 {
        width: 20%;
    }

    .pure-u-lg-5-24 {
        width: 20.8333%;
    }

    .pure-u-lg-1-4,
    .pure-u-lg-6-24 {
        width: 25%;
    }

    .pure-u-lg-7-24 {
        width: 29.1667%;
    }

    .pure-u-lg-1-3,
    .pure-u-lg-8-24 {
        width: 33.3333%;
    }

    .pure-u-lg-3-8,
    .pure-u-lg-9-24 {
        width: 37.5000%;
    }

    .pure-u-lg-2-5 {
        width: 40%;
    }

    .pure-u-lg-5-12,
    .pure-u-lg-10-24 {
        width: 41.6667%;
    }

    .pure-u-lg-11-24 {
        width: 45.8333%;
    }

    .pure-u-lg-1-2,
    .pure-u-lg-12-24 {
        width: 50%;
    }

    .pure-u-lg-13-24 {
        width: 54.1667%;
    }

    .pure-u-lg-7-12,
    .pure-u-lg-14-24 {
        width: 58.3333%;
    }

    .pure-u-lg-3-5 {
        width: 60%;
    }

    .pure-u-lg-5-8,
    .pure-u-lg-15-24 {
        width: 62.5000%;
    }

    .pure-u-lg-2-3,
    .pure-u-lg-16-24 {
        width: 66.6667%;
    }

    .pure-u-lg-17-24 {
        width: 70.8333%;
    }

    .pure-u-lg-3-4,
    .pure-u-lg-18-24 {
        width: 75%;
    }

    .pure-u-lg-19-24 {
        width: 79.1667%;
    }

    .pure-u-lg-4-5 {
        width: 80%;
    }

    .pure-u-lg-5-6,
    .pure-u-lg-20-24 {
        width: 83.3333%;
    }

    .pure-u-lg-7-8,
    .pure-u-lg-21-24 {
        width: 87.5000%;
    }

    .pure-u-lg-11-12,
    .pure-u-lg-22-24 {
        width: 91.6667%;
    }

    .pure-u-lg-23-24 {
        width: 95.8333%;
    }

    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-5-5,
    .pure-u-lg-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 80em) {
    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-1-2,
    .pure-u-xl-1-3,
    .pure-u-xl-2-3,
    .pure-u-xl-1-4,
    .pure-u-xl-3-4,
    .pure-u-xl-1-5,
    .pure-u-xl-2-5,
    .pure-u-xl-3-5,
    .pure-u-xl-4-5,
    .pure-u-xl-5-5,
    .pure-u-xl-1-6,
    .pure-u-xl-5-6,
    .pure-u-xl-1-8,
    .pure-u-xl-3-8,
    .pure-u-xl-5-8,
    .pure-u-xl-7-8,
    .pure-u-xl-1-12,
    .pure-u-xl-5-12,
    .pure-u-xl-7-12,
    .pure-u-xl-11-12,
    .pure-u-xl-1-24,
    .pure-u-xl-2-24,
    .pure-u-xl-3-24,
    .pure-u-xl-4-24,
    .pure-u-xl-5-24,
    .pure-u-xl-6-24,
    .pure-u-xl-7-24,
    .pure-u-xl-8-24,
    .pure-u-xl-9-24,
    .pure-u-xl-10-24,
    .pure-u-xl-11-24,
    .pure-u-xl-12-24,
    .pure-u-xl-13-24,
    .pure-u-xl-14-24,
    .pure-u-xl-15-24,
    .pure-u-xl-16-24,
    .pure-u-xl-17-24,
    .pure-u-xl-18-24,
    .pure-u-xl-19-24,
    .pure-u-xl-20-24,
    .pure-u-xl-21-24,
    .pure-u-xl-22-24,
    .pure-u-xl-23-24,
    .pure-u-xl-24-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xl-1-24 {
        width: 4.1667%;
    }

    .pure-u-xl-1-12,
    .pure-u-xl-2-24 {
        width: 8.3333%;
    }

    .pure-u-xl-1-8,
    .pure-u-xl-3-24 {
        width: 12.5000%;
    }

    .pure-u-xl-1-6,
    .pure-u-xl-4-24 {
        width: 16.6667%;
    }

    .pure-u-xl-1-5 {
        width: 20%;
    }

    .pure-u-xl-5-24 {
        width: 20.8333%;
    }

    .pure-u-xl-1-4,
    .pure-u-xl-6-24 {
        width: 25%;
    }

    .pure-u-xl-7-24 {
        width: 29.1667%;
    }

    .pure-u-xl-1-3,
    .pure-u-xl-8-24 {
        width: 33.3333%;
    }

    .pure-u-xl-3-8,
    .pure-u-xl-9-24 {
        width: 37.5000%;
    }

    .pure-u-xl-2-5 {
        width: 40%;
    }

    .pure-u-xl-5-12,
    .pure-u-xl-10-24 {
        width: 41.6667%;
    }

    .pure-u-xl-11-24 {
        width: 45.8333%;
    }

    .pure-u-xl-1-2,
    .pure-u-xl-12-24 {
        width: 50%;
    }

    .pure-u-xl-13-24 {
        width: 54.1667%;
    }

    .pure-u-xl-7-12,
    .pure-u-xl-14-24 {
        width: 58.3333%;
    }

    .pure-u-xl-3-5 {
        width: 60%;
    }

    .pure-u-xl-5-8,
    .pure-u-xl-15-24 {
        width: 62.5000%;
    }

    .pure-u-xl-2-3,
    .pure-u-xl-16-24 {
        width: 66.6667%;
    }

    .pure-u-xl-17-24 {
        width: 70.8333%;
    }

    .pure-u-xl-3-4,
    .pure-u-xl-18-24 {
        width: 75%;
    }

    .pure-u-xl-19-24 {
        width: 79.1667%;
    }

    .pure-u-xl-4-5 {
        width: 80%;
    }

    .pure-u-xl-5-6,
    .pure-u-xl-20-24 {
        width: 83.3333%;
    }

    .pure-u-xl-7-8,
    .pure-u-xl-21-24 {
        width: 87.5000%;
    }

    .pure-u-xl-11-12,
    .pure-u-xl-22-24 {
        width: 91.6667%;
    }

    .pure-u-xl-23-24 {
        width: 95.8333%;
    }

    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-5-5,
    .pure-u-xl-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 120em) {
    .pure-u-xxl-1,
    .pure-u-xxl-1-1,
    .pure-u-xxl-1-2,
    .pure-u-xxl-1-3,
    .pure-u-xxl-2-3,
    .pure-u-xxl-1-4,
    .pure-u-xxl-3-4,
    .pure-u-xxl-1-5,
    .pure-u-xxl-2-5,
    .pure-u-xxl-3-5,
    .pure-u-xxl-4-5,
    .pure-u-xxl-5-5,
    .pure-u-xxl-1-6,
    .pure-u-xxl-5-6,
    .pure-u-xxl-1-8,
    .pure-u-xxl-3-8,
    .pure-u-xxl-5-8,
    .pure-u-xxl-7-8,
    .pure-u-xxl-1-12,
    .pure-u-xxl-5-12,
    .pure-u-xxl-7-12,
    .pure-u-xxl-11-12,
    .pure-u-xxl-1-24,
    .pure-u-xxl-2-24,
    .pure-u-xxl-3-24,
    .pure-u-xxl-4-24,
    .pure-u-xxl-5-24,
    .pure-u-xxl-6-24,
    .pure-u-xxl-7-24,
    .pure-u-xxl-8-24,
    .pure-u-xxl-9-24,
    .pure-u-xxl-10-24,
    .pure-u-xxl-11-24,
    .pure-u-xxl-12-24,
    .pure-u-xxl-13-24,
    .pure-u-xxl-14-24,
    .pure-u-xxl-15-24,
    .pure-u-xxl-16-24,
    .pure-u-xxl-17-24,
    .pure-u-xxl-18-24,
    .pure-u-xxl-19-24,
    .pure-u-xxl-20-24,
    .pure-u-xxl-21-24,
    .pure-u-xxl-22-24,
    .pure-u-xxl-23-24,
    .pure-u-xxl-24-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xxl-1-24 {
        width: 4.1667%;
    }

    .pure-u-xxl-1-12,
    .pure-u-xxl-2-24 {
        width: 8.3333%;
    }

    .pure-u-xxl-1-8,
    .pure-u-xxl-3-24 {
        width: 12.5000%;
    }

    .pure-u-xxl-1-6,
    .pure-u-xxl-4-24 {
        width: 16.6667%;
    }

    .pure-u-xxl-1-5 {
        width: 20%;
    }

    .pure-u-xxl-5-24 {
        width: 20.8333%;
    }

    .pure-u-xxl-1-4,
    .pure-u-xxl-6-24 {
        width: 25%;
    }

    .pure-u-xxl-7-24 {
        width: 29.1667%;
    }

    .pure-u-xxl-1-3,
    .pure-u-xxl-8-24 {
        width: 33.3333%;
    }

    .pure-u-xxl-3-8,
    .pure-u-xxl-9-24 {
        width: 37.5000%;
    }

    .pure-u-xxl-2-5 {
        width: 40%;
    }

    .pure-u-xxl-5-12,
    .pure-u-xxl-10-24 {
        width: 41.6667%;
    }

    .pure-u-xxl-11-24 {
        width: 45.8333%;
    }

    .pure-u-xxl-1-2,
    .pure-u-xxl-12-24 {
        width: 50%;
    }

    .pure-u-xxl-13-24 {
        width: 54.1667%;
    }

    .pure-u-xxl-7-12,
    .pure-u-xxl-14-24 {
        width: 58.3333%;
    }

    .pure-u-xxl-3-5 {
        width: 60%;
    }

    .pure-u-xxl-5-8,
    .pure-u-xxl-15-24 {
        width: 62.5000%;
    }

    .pure-u-xxl-2-3,
    .pure-u-xxl-16-24 {
        width: 66.6667%;
    }

    .pure-u-xxl-17-24 {
        width: 70.8333%;
    }

    .pure-u-xxl-3-4,
    .pure-u-xxl-18-24 {
        width: 75%;
    }

    .pure-u-xxl-19-24 {
        width: 79.1667%;
    }

    .pure-u-xxl-4-5 {
        width: 80%;
    }

    .pure-u-xxl-5-6,
    .pure-u-xxl-20-24 {
        width: 83.3333%;
    }

    .pure-u-xxl-7-8,
    .pure-u-xxl-21-24 {
        width: 87.5000%;
    }

    .pure-u-xxl-11-12,
    .pure-u-xxl-22-24 {
        width: 91.6667%;
    }

    .pure-u-xxl-23-24 {
        width: 95.8333%;
    }

    .pure-u-xxl-1,
    .pure-u-xxl-1-1,
    .pure-u-xxl-5-5,
    .pure-u-xxl-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 160em) {
    .pure-u-xxxl-1,
    .pure-u-xxxl-1-1,
    .pure-u-xxxl-1-2,
    .pure-u-xxxl-1-3,
    .pure-u-xxxl-2-3,
    .pure-u-xxxl-1-4,
    .pure-u-xxxl-3-4,
    .pure-u-xxxl-1-5,
    .pure-u-xxxl-2-5,
    .pure-u-xxxl-3-5,
    .pure-u-xxxl-4-5,
    .pure-u-xxxl-5-5,
    .pure-u-xxxl-1-6,
    .pure-u-xxxl-5-6,
    .pure-u-xxxl-1-8,
    .pure-u-xxxl-3-8,
    .pure-u-xxxl-5-8,
    .pure-u-xxxl-7-8,
    .pure-u-xxxl-1-12,
    .pure-u-xxxl-5-12,
    .pure-u-xxxl-7-12,
    .pure-u-xxxl-11-12,
    .pure-u-xxxl-1-24,
    .pure-u-xxxl-2-24,
    .pure-u-xxxl-3-24,
    .pure-u-xxxl-4-24,
    .pure-u-xxxl-5-24,
    .pure-u-xxxl-6-24,
    .pure-u-xxxl-7-24,
    .pure-u-xxxl-8-24,
    .pure-u-xxxl-9-24,
    .pure-u-xxxl-10-24,
    .pure-u-xxxl-11-24,
    .pure-u-xxxl-12-24,
    .pure-u-xxxl-13-24,
    .pure-u-xxxl-14-24,
    .pure-u-xxxl-15-24,
    .pure-u-xxxl-16-24,
    .pure-u-xxxl-17-24,
    .pure-u-xxxl-18-24,
    .pure-u-xxxl-19-24,
    .pure-u-xxxl-20-24,
    .pure-u-xxxl-21-24,
    .pure-u-xxxl-22-24,
    .pure-u-xxxl-23-24,
    .pure-u-xxxl-24-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xxxl-1-24 {
        width: 4.1667%;
    }

    .pure-u-xxxl-1-12,
    .pure-u-xxxl-2-24 {
        width: 8.3333%;
    }

    .pure-u-xxxl-1-8,
    .pure-u-xxxl-3-24 {
        width: 12.5000%;
    }

    .pure-u-xxxl-1-6,
    .pure-u-xxxl-4-24 {
        width: 16.6667%;
    }

    .pure-u-xxxl-1-5 {
        width: 20%;
    }

    .pure-u-xxxl-5-24 {
        width: 20.8333%;
    }

    .pure-u-xxxl-1-4,
    .pure-u-xxxl-6-24 {
        width: 25%;
    }

    .pure-u-xxxl-7-24 {
        width: 29.1667%;
    }

    .pure-u-xxxl-1-3,
    .pure-u-xxxl-8-24 {
        width: 33.3333%;
    }

    .pure-u-xxxl-3-8,
    .pure-u-xxxl-9-24 {
        width: 37.5000%;
    }

    .pure-u-xxxl-2-5 {
        width: 40%;
    }

    .pure-u-xxxl-5-12,
    .pure-u-xxxl-10-24 {
        width: 41.6667%;
    }

    .pure-u-xxxl-11-24 {
        width: 45.8333%;
    }

    .pure-u-xxxl-1-2,
    .pure-u-xxxl-12-24 {
        width: 50%;
    }

    .pure-u-xxxl-13-24 {
        width: 54.1667%;
    }

    .pure-u-xxxl-7-12,
    .pure-u-xxxl-14-24 {
        width: 58.3333%;
    }

    .pure-u-xxxl-3-5 {
        width: 60%;
    }

    .pure-u-xxxl-5-8,
    .pure-u-xxxl-15-24 {
        width: 62.5000%;
    }

    .pure-u-xxxl-2-3,
    .pure-u-xxxl-16-24 {
        width: 66.6667%;
    }

    .pure-u-xxxl-17-24 {
        width: 70.8333%;
    }

    .pure-u-xxxl-3-4,
    .pure-u-xxxl-18-24 {
        width: 75%;
    }

    .pure-u-xxxl-19-24 {
        width: 79.1667%;
    }

    .pure-u-xxxl-4-5 {
        width: 80%;
    }

    .pure-u-xxxl-5-6,
    .pure-u-xxxl-20-24 {
        width: 83.3333%;
    }

    .pure-u-xxxl-7-8,
    .pure-u-xxxl-21-24 {
        width: 87.5000%;
    }

    .pure-u-xxxl-11-12,
    .pure-u-xxxl-22-24 {
        width: 91.6667%;
    }

    .pure-u-xxxl-23-24 {
        width: 95.8333%;
    }

    .pure-u-xxxl-1,
    .pure-u-xxxl-1-1,
    .pure-u-xxxl-5-5,
    .pure-u-xxxl-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 240em) {
    .pure-u-x4k-1,
    .pure-u-x4k-1-1,
    .pure-u-x4k-1-2,
    .pure-u-x4k-1-3,
    .pure-u-x4k-2-3,
    .pure-u-x4k-1-4,
    .pure-u-x4k-3-4,
    .pure-u-x4k-1-5,
    .pure-u-x4k-2-5,
    .pure-u-x4k-3-5,
    .pure-u-x4k-4-5,
    .pure-u-x4k-5-5,
    .pure-u-x4k-1-6,
    .pure-u-x4k-5-6,
    .pure-u-x4k-1-8,
    .pure-u-x4k-3-8,
    .pure-u-x4k-5-8,
    .pure-u-x4k-7-8,
    .pure-u-x4k-1-12,
    .pure-u-x4k-5-12,
    .pure-u-x4k-7-12,
    .pure-u-x4k-11-12,
    .pure-u-x4k-1-24,
    .pure-u-x4k-2-24,
    .pure-u-x4k-3-24,
    .pure-u-x4k-4-24,
    .pure-u-x4k-5-24,
    .pure-u-x4k-6-24,
    .pure-u-x4k-7-24,
    .pure-u-x4k-8-24,
    .pure-u-x4k-9-24,
    .pure-u-x4k-10-24,
    .pure-u-x4k-11-24,
    .pure-u-x4k-12-24,
    .pure-u-x4k-13-24,
    .pure-u-x4k-14-24,
    .pure-u-x4k-15-24,
    .pure-u-x4k-16-24,
    .pure-u-x4k-17-24,
    .pure-u-x4k-18-24,
    .pure-u-x4k-19-24,
    .pure-u-x4k-20-24,
    .pure-u-x4k-21-24,
    .pure-u-x4k-22-24,
    .pure-u-x4k-23-24,
    .pure-u-x4k-24-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-x4k-1-24 {
        width: 4.1667%;
    }

    .pure-u-x4k-1-12,
    .pure-u-x4k-2-24 {
        width: 8.3333%;
    }

    .pure-u-x4k-1-8,
    .pure-u-x4k-3-24 {
        width: 12.5000%;
    }

    .pure-u-x4k-1-6,
    .pure-u-x4k-4-24 {
        width: 16.6667%;
    }

    .pure-u-x4k-1-5 {
        width: 20%;
    }

    .pure-u-x4k-5-24 {
        width: 20.8333%;
    }

    .pure-u-x4k-1-4,
    .pure-u-x4k-6-24 {
        width: 25%;
    }

    .pure-u-x4k-7-24 {
        width: 29.1667%;
    }

    .pure-u-x4k-1-3,
    .pure-u-x4k-8-24 {
        width: 33.3333%;
    }

    .pure-u-x4k-3-8,
    .pure-u-x4k-9-24 {
        width: 37.5000%;
    }

    .pure-u-x4k-2-5 {
        width: 40%;
    }

    .pure-u-x4k-5-12,
    .pure-u-x4k-10-24 {
        width: 41.6667%;
    }

    .pure-u-x4k-11-24 {
        width: 45.8333%;
    }

    .pure-u-x4k-1-2,
    .pure-u-x4k-12-24 {
        width: 50%;
    }

    .pure-u-x4k-13-24 {
        width: 54.1667%;
    }

    .pure-u-x4k-7-12,
    .pure-u-x4k-14-24 {
        width: 58.3333%;
    }

    .pure-u-x4k-3-5 {
        width: 60%;
    }

    .pure-u-x4k-5-8,
    .pure-u-x4k-15-24 {
        width: 62.5000%;
    }

    .pure-u-x4k-2-3,
    .pure-u-x4k-16-24 {
        width: 66.6667%;
    }

    .pure-u-x4k-17-24 {
        width: 70.8333%;
    }

    .pure-u-x4k-3-4,
    .pure-u-x4k-18-24 {
        width: 75%;
    }

    .pure-u-x4k-19-24 {
        width: 79.1667%;
    }

    .pure-u-x4k-4-5 {
        width: 80%;
    }

    .pure-u-x4k-5-6,
    .pure-u-x4k-20-24 {
        width: 83.3333%;
    }

    .pure-u-x4k-7-8,
    .pure-u-x4k-21-24 {
        width: 87.5000%;
    }

    .pure-u-x4k-11-12,
    .pure-u-x4k-22-24 {
        width: 91.6667%;
    }

    .pure-u-x4k-23-24 {
        width: 95.8333%;
    }

    .pure-u-x4k-1,
    .pure-u-x4k-1-1,
    .pure-u-x4k-5-5,
    .pure-u-x4k-24-24 {
        width: 100%;
    }
}
/* Images */
.pure-img-eliptical {
	border-radius: 80%;
}
.pure-img-rounded {
	border-radius: 3px;
}
.pure-img-bordered {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px;
}


/* Thumbnails */
.pure-thumbnails li {
    text-align: center;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5em;
}
.pure-thumbnails {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pure-thumbnails a:focus {
    outline: 0 none;
}

.pure-thumb {
    display: block;
    text-decoration: none;
    color: inherit;
}
.pure-thumb img {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle; /* this will remove a thin line below the image */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pure-thumb-bordered {
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.pure-thumb .caption {
    text-align: left;
    display: block;
    margin: 0 5px 6px;

}
.pure-thumb .caption p {
    margin: 0.3em 0 0;
    font-size: 75%;
}
.pure-thumb .caption .caption-head {
    font-weight: bold;
    margin-top: 0.3em;
}

.pure-thumb-eliptical img {
	border-radius: 50%;
}
.pure-thumb-rounded img {
	border-radius: 3px;
}

/* Badges/Pills */
.pure-badge,
.pure-badge-error,
.pure-badge-warning,
.pure-badge-success,
.pure-badge-info,
.pure-badge-inverse {
    padding: 0.35em 0.9em 0.35em;
    background-color: #9D988E;
    color: #fff;
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 1.2em;
    vertical-align: baseline;
    white-space: nowrap;
    border-radius: 20px;
    margin: 0.2em;
}
.pure-badge-error {
    background-color: #D13C38;
}
.pure-badge-warning {
    background-color: #E78C05;
}
.pure-badge-success {
    background-color: rgb(83, 180, 79);
}
.pure-badge-info {
    background-color: rgb(18, 169, 218);
}
.pure-badge-inverse {
    background-color: #4D370C;
}

/* Alerts */
.pure-alert {
    position: relative;
    margin-bottom: 1em;
    padding: 1em;
    background: #ccc;
    border-radius: 3px;
}

.pure-alert label {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    white-space: nowrap;
}

.pure-alert {
    background-color: rgb(209, 235, 238);
    color: rgb(102, 131, 145);
}
.pure-alert-error {
    background-color: #D13C38;
    color: #fff;
}

.pure-alert-warning {
    background-color: rgb(250, 191, 103);
    color: rgb(151, 96, 13);
}

.pure-alert-success {
    background-color: rgb(83, 180, 79);
    color: #fff;
}


/* Contextual Modals */

.pure-popover {
    position: relative;
    width: 300px;
    background-color: #f0f1f3;
    color: #2f3034;
    padding: 15px;
    border: 1px solid #bfc0c8;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    box-padding: border-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.pure-arrow-border, .pure-arrow {
    border-style: solid;
    border-width: 10px;
    height:0;
    width:0;
    position:absolute;
}


/* POPOVER ARROW POSITIONING BOTTOM */

.pure-popover.bottom .pure-arrow-border {
    border-color: #bfc0c8 transparent transparent transparent;
    bottom: -20px;
    left: 50%;
}
.pure-popover.bottom .pure-arrow {
    border-color: #f0f1f3 transparent transparent transparent;
    bottom:-19px;
    left: 50%;
}

/* POPOVER ARROW POSITIONING TOP*/

.pure-popover.top .pure-arrow-border {
    border-color: transparent transparent #bfc0c8 transparent;
    top: -21px;
    left: 50%;
}
.pure-popover.top .pure-arrow {
    border-color: transparent transparent #f0f1f3 transparent;
    top:-20px;
    left: 50%;
}

/* POPOVER ARROW POSITIONING RIGHT*/

.pure-popover.right .pure-arrow-border {
    border-color: transparent transparent transparent #bfc0c8;
    top: 45%;
    right: -21px;
}
.pure-popover.right .pure-arrow {
    border-color: transparent transparent transparent #f0f1f3;
    top:45%;
    right: -20px;
}


/* POPOVER ARROW POSITIONING LEFT*/

.pure-popover.left .pure-arrow-border {
    border-color: transparent #bfc0c8 transparent transparent;
    top: 45%;
    left: -21px;
}
.pure-popover.left .pure-arrow {
    border-color: transparent #f0f1f3 transparent transparent;
    top:45%;
    left: -20px;
}


/* BUTTON IMPROVEMENTS */
.pure-button-block {
    display: block;
}
.pure-button-small {
    padding: .6em 2em .65em;
    font-size:70%;
}
.pure-button-large {
    padding: .8em 5em .9em;
    font-size:110%;
}
.pure-button-selected {
    background-color: #345fcb;
    color: #fff;
}
.pure-button-secondary {
    background: rgb(161, 195, 238);
    color: rgb(26, 88, 122);
}
.pure-button-error {
    background: rgb(214, 86, 75);
    color: white;
}
.pure-button-success {
    background: rgb(54, 197, 71);
    color: white;
}
.pure-button-warning {
    background: rgb(255, 163, 0);
    color: white;
}


.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: inline-block;
    position: relative;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0,0%,100%,.9);
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

@supports (transform: scale(0)) {
	.awesomplete > ul {
		transition: .3s cubic-bezier(.4,.2,.5,1.4);
		transform-origin: 1.43em -.43em;
	}
	
	.awesomplete > ul[hidden],
	.awesomplete > ul:empty {
		opacity: 0;
		transform: scale(0);
		display: block;
		visibility: hidden;
		transition-timing-function: ease;
	}
}

	/* Pointer */
	.awesomplete > ul:before {
		content: "";
		position: absolute;
		top: -.43em;
		left: 1em;
		width: 0; height: 0;
		padding: .4em;
		background: white;
		border: inherit;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.awesomplete > ul > li {
		position: relative;
		padding: .2em .5em;
		cursor: pointer;
	}
	
	.awesomplete > ul > li:hover {
		background: hsl(200, 40%, 80%);
		color: black;
	}
	
	.awesomplete > ul > li[aria-selected="true"] {
		background: hsl(205, 40%, 40%);
		color: white;
	}
	
		.awesomplete mark {
			background: hsl(65, 100%, 50%);
		}
		
		.awesomplete li:hover mark {
			background: hsl(68, 100%, 41%);
		}
		
		.awesomplete li[aria-selected="true"] mark {
			background: hsl(86, 100%, 21%);
			color: inherit;
		}

:root{--main-color: #1b926c;--background-color: #d0d0d0;--dark-main-color: #186446}body{background:var(--background-color)}.strong{font-weight:bold}.clear{clear:both}.center{margin:auto;text-align:center}.label{display:inline-block;border-radius:.25rem;padding:.25em .4em;vertical-align:baseline;text-align:center;line-height:1;white-space:nowrap;font-size:75%;font-weight:700}pre{max-width:100%}@font-face{font-family:Roboto;font-weight:400;font-style:normal;src:local("Roboto-Regular"),url(../fonts/Roboto-Regular.woff2) format("woff2"),url(../fonts/Roboto-Regular.woff) format("woff")}@font-face{font-family:Roboto;font-weight:700;font-style:normal;src:local("Roboto-Bold"),url(../fonts/Roboto-Bold.woff2) format("woff2"),url(../fonts/Roboto-Bold.woff) format("woff")}body,.pure-g [class*=pure-u]{font-family:Roboto,Arial,sans-serif}.pure-u-0{display:none !important}@media screen and (min-width: 35.5em){.pure-u-sm-0{display:none !important}.pure-u-sm-visible{display:inline-block !important}}@media screen and (min-width: 48em){.pure-u-md-0{display:none !important}.pure-u-md-visible{display:inline-block !important}}@media screen and (min-width: 64em){.pure-u-lg-0{display:none !important}.pure-u-lg-visible{display:inline-block !important}}@media screen and (min-width: 80em){.pure-u-xl-0{display:none !important}.pure-u-xl-visible{display:inline-block !important}}.page-form code,.pure-alert code{display:inline-block;padding:0 2px;color:#252525;background-color:var(--background-color)}.pure-alert-closable .fa-times{float:right}.pure-alert-close{cursor:pointer}.pure-alert-success{background-color:var(--main-color)}.pure-alert-warning a{color:#97600d;font-weight:bold}.page-single-alert{margin-top:100px}.anchor:target{padding-top:40px}.shaarli-menu{position:fixed;top:0;transition:max-height .5s;z-index:999;background:var(--main-color);width:100%;max-height:45px;overflow:hidden;-webkit-font-smoothing:antialiased}.shaarli-menu.open{transition:max-height .75s;max-height:500px}.pure-menu-item{height:45px}.pure-menu-item:hover::after{display:block;margin:-4px auto 0;background:#fff;width:100%;height:4px;content:""}.head-logo{float:left;margin:0 5px 0 0}.pure-menu-selected .pure-menu-link:visited,.pure-menu-selected .pure-menu-link,.pure-menu-link:visited,.pure-menu-link{padding:.8em 1em;color:#f5f5f5}.pure-menu-selected .pure-menu-link:hover,.pure-menu-selected .pure-menu-link:focus,.pure-menu-link:hover,.pure-menu-link:focus{background:rgba(0,0,0,0);color:#fff}.menu-toggle{display:none;position:absolute;top:5px;right:0;width:34px;height:45px}.menu-toggle .bar{display:block;position:absolute;top:18px;right:7px;border-radius:100px;background-color:#b0ddce;width:20px;height:2px;transition-duration:.5s}.menu-toggle .bar:first-child{transform:translateY(-6px)}.menu-toggle.x .bar{transform:rotate(45deg)}.menu-toggle.x .bar:first-child{transform:rotate(-45deg)}@media screen and (max-width: 64em){.menu-toggle{display:block}}.header-buttons{text-align:right}.linkcount{color:#252525;font-size:.8em}@media screen and (min-width: 64em){.linkcount{position:absolute;right:5px}}.searchform-block{width:100%;text-align:center}.searchform-block input[type=text]{border:medium none currentcolor;border-radius:2px;box-shadow:0 1px 0 hsla(0,0%,100%,.078),0 1px 1px rgba(0,0,0,.298) inset;background:#f5f5f5;padding:0 5px;width:260px;height:30px;color:#252525}.searchform-block input[type=text]::placeholder{color:#797979}.searchform-block button{border:0;border-radius:2px;background-color:var(--main-color);padding:4px 8px 6px;color:#f5f5f5}@media screen and (max-width: 64em){.searchform{margin:0 auto;max-width:260px}}.search-tagcloud button{width:90%}@media screen and (max-width: 64em){.search-linklist button{width:100%}.search-linklist .awesomplete{margin:5px 0}}.header-search button:hover,.search-linklist button:hover,.search-tagcloud button:hover{color:var(--background-color)}.header-search,.search-linklist{padding:6px 0}@media screen and (max-width: 64em){.header-search,.header-search *{visibility:hidden}}.subheader-form .remember-me,.subheader-form input[type=text],.subheader-form input[type=password]{border:medium none currentcolor;border-radius:2px;box-shadow:0 1px 0 hsla(0,0%,100%,.078),0 1px 4px rgba(0,0,0,.298) inset;background:#f5f5f5;padding:5px 5px 3px 15px;color:#252525}.subheader-form{display:block;position:fixed;visibility:hidden;z-index:999;background:var(--main-color);padding:5px 0;width:100%;height:30px;text-align:center}.subheader-form input[type=text]::placeholder,.subheader-form input[type=password]::placeholder{color:#252525}.subheader-form[type=submit]{display:inline-block;margin:0 0 5px;border:1px solid #f5f5f5;border-radius:2px;background:var(--main-color);padding:4px 0;width:100px;height:28px;color:#f5f5f5}.subheader-form[type=submit]:hover{background:#f5f5f5;color:var(--main-color)}.subheader-form .remember-me{display:inline-block;cursor:pointer;padding:5px 20px 3px;width:auto}.subheader-form .remember-me label,.subheader-form .remember-me input{cursor:pointer}.subheader-form a.button{border:2px solid #f5f5f5;border-radius:5px;padding:3px 10px;text-decoration:none;color:#f5f5f5;font-weight:bold}.header-login-form input[type=text],.header-login-form input[type=password]{width:200px}.header-login-form input[type=text]::placeholder,.header-login-form input[type=password]::placeholder{color:#797979}@media screen and (min-width: 64em){.subheader-form.open{visibility:visible}.subheader-form.open *{visibility:visible}}.new-version-message{text-align:center}.new-version-message a{color:#97600d;font-weight:bold}.header-alert-message{text-align:center}.container{position:relative;z-index:2;margin-top:45px}.toolbar-plugin{margin:5px 0;text-align:center}.toolbar-plugin input[type=text]{border:medium none currentcolor;border-radius:2px;box-shadow:0 1px 0 hsla(0,0%,100%,.078),0 1px 1px rgba(0,0,0,.298) inset;background:#f5f5f5;padding:0 5px;width:300px;height:30px;color:#252525}.toolbar-plugin input[type=text]::placeholder{color:#797979}.toolbar-plugin input[type=submit]{border:medium none currentcolor;border-radius:2px;background:#f5f5f5;padding:0 10px;height:30px;color:#252525}.toolbar-plugin input[type=submit]:hover{background:#fff}@media screen and (max-width: 64em){.toolbar-plugin input[type=text]{width:70%}}.linklist-filters{margin:5px 0;color:#252525;font-size:.9em}.linklist-filters a{display:inline-block;margin:3px 0;padding:5px 8px;text-decoration:none}.linklist-filters .filter-off{background:#f5f5f5;color:#252525}.linklist-filters .filter-on{background:var(--main-color);color:#b0ddce}.linklist-filters .filter-block{background:#ac2925;color:#f5f5f5}.linklist-pages{margin:5px 0;text-align:center;color:#252525}.linklist-pages a{text-decoration:none;color:#252525}.linklist-pages a:hover{color:#fff}.linksperpage input[type=text],.linksperpage a{display:inline-block;width:20px;text-align:center}.linksperpage{margin:5px 0;text-align:right;color:#252525;font-size:.9em}.linksperpage form{display:inline}.linksperpage a{background:#f5f5f5;padding:5px;text-decoration:none;color:#252525}.linksperpage a.selected{background:var(--main-color);color:#fff}.linksperpage input[type=text]{margin:0;border:medium none currentcolor;background:#f5f5f5;padding:4px 5px 3px 8px;height:20px;color:#252525;font-size:.8em}.linklist-item{position:relative;margin:0 0 10px;box-shadow:1px 1px 3px #797979;background:#f5f5f5}.linklist-item.private::before{display:block;position:absolute;top:0;left:0;z-index:1;background:#f89406;width:2px;height:100%;content:""}.linklist-item .search-highlight{background-color:#ff0}.linklist-item-buttons{position:relative;z-index:99;background:rgba(0,0,0,0);width:23px}.linklist-item-buttons-right{float:right;margin-right:-25px}.linklist-item-buttons *{display:block;float:left;margin:auto;width:100%;text-align:center}.linklist-item-title{position:relative;margin:0;background:#f5f5f5;word-wrap:break-word}.linklist-item-title h2{margin:0;padding:3px 10px 0;line-height:30px;word-wrap:break-word}.linklist-item-title h2 a{vertical-align:middle;text-decoration:none;color:#252525;font-size:.7em}.linklist-item-title h2 a:visited .linklist-link{color:var(--dark-main-color)}.linklist-item-title h2 a:hover{color:#252525}.linklist-item-title .linklist-link{color:var(--main-color);font-size:1.1em}.linklist-item-title .linklist-link:hover{color:#252525}.linklist-item-title .label{font-family:Arial,sans-serif;font-size:.65em}.linklist-item-title .label-private{border:solid 1px #f89406;color:#f89406}.linklist-item-title .label-sticky{border:solid 1px #0b5ea6;color:#0b5ea6}.fold-button{display:none;color:#252525}.linklist-item-editbuttons{float:right;padding:8px 5px}.linklist-item-editbuttons *{display:block;float:left;margin:0 1px}.linklist-item-editbuttons a{font-size:1em}.linklist-item-editbuttons .link-checkbox{display:none}.edit-link{color:#0b5ea6;font-size:1.2em}.delete-link{color:#ac2925 !important;font-size:1.3em}.pin-link{font-size:1.3em}.pinned-link{color:#0b5ea6 !important}.linklist-item-description{position:relative;padding:0 10px;line-height:1.3em;color:#252525;word-wrap:break-word}.linklist-item-description a{text-decoration:none;color:var(--main-color)}.linklist-item-description a:hover{color:#252525}.linklist-item-description a:visited{color:var(--dark-main-color)}.linklist-item-thumbnail{position:relative;float:right;z-index:50;margin:0;padding:0 0 0 5px;height:90px}.linklist-item-infos{background:#ddd;padding:4px 8px;color:#252525}.linklist-item-infos a{text-decoration:none;color:#252525}.linklist-item-infos a:hover{color:#000}.linklist-item-infos .linklist-item-tags{font-size:.8em}.linklist-item-infos .label-tag{font-size:1em}.linklist-item-infos .mobile-buttons{text-align:right}.linklist-item-infos .linklist-plugin-icon{display:inline-block;margin:0 2px;width:16px;height:16px}.linklist-item-infos-dateblock{font-size:.9em}.linklist-plugin-icon{width:13px;height:13px}.linklist-item-infos-url{height:23px;overflow:hidden;text-align:right;text-overflow:ellipsis;line-height:23px;white-space:nowrap;font-size:.8em}.linklist-item-infos-controls-group{display:inline-block;border-right:1px solid #797979;padding-right:6px}.ctrl-edit{margin:0 7px}.ctrl-delete{margin:0 7px 0 0}@media screen and (max-width: 64em){.linklist-item-infos-url{text-align:left}}.footer-container{margin:20px 0;padding:5px;text-align:center;color:#252525}.footer-container::before{display:block;margin:10px auto;background:linear-gradient(to right, var(--background-color), #252525, var(--background-color));width:80%;height:1px;content:""}.footer-container a{color:#252525}.page-form textarea,.page-form input[type=password],.page-form input[type=text]{margin:10px 0;border:solid 1px #d8d8d8;border-radius:2px;background:#eee;padding:5px 5px 3px 15px;width:90%;height:35px;color:#252525;box-sizing:border-box}input[name=save_edit_batch],.page-form input[type=submit],.page-form a.button{display:inline-block;margin:15px 5px;border:0;box-shadow:1px 1px 1px #d8d8d8,-1px -1px 6px #d8d8d8,-1px 1px 2px #d8d8d8,1px -1px 2px #d8d8d8;background:var(--main-color);min-width:150px;height:35px;vertical-align:center;text-decoration:none;line-height:35px;color:#f5f5f5;font-size:1.2em;font-weight:normal}.page-form{margin:20px 0 0;box-shadow:1px 1px 2px #797979;background:#f5f5f5;overflow:hidden;color:#252525}.page-form .window-title{margin:0 0 10px;background:#f5f5f5;padding:10px 0;width:100%;text-align:center;color:var(--main-color)}.page-form .window-subtitle{text-align:center}.page-form a{text-decoration:none;color:var(--main-color);font-weight:bold}.page-form p{margin:0;padding:5px 10px}.page-form input[type=text]::placeholder{color:#797979}.page-form input[type=password]::placeholder{color:#797979}.page-form textarea{padding:15px 5px 3px 15px;min-height:240px;resize:vertical;overflow-y:auto;word-wrap:break-word}.page-form select{color:#252525}.page-form .button.button-red{background:#ac2925}.page-form .button.button-grey{background:#797979}.page-form .submit-buttons{margin-bottom:10px}.page-form section{margin:10px 0 25px}.page-form table,.page-form th,.page-form td{border-width:1px 0;border-style:solid;border-color:#797979}.page-form th,.page-form td{padding:5px}.page-form table{margin:10px auto 25px auto;width:90%}.page-form table .order{text-decoration:none;color:#252525}.page-form .awesomplete{width:90%}.page-form .awesomplete input{width:100%}.page-form div .awesomplete>ul{color:#000}@media screen and (min-width: 64em){.page-form .submit-buttons{position:relative}.page-form .submit-buttons .button.button-red{position:absolute;right:5%}.page-form .submit-buttons .button.button-grey{position:absolute;left:5%}}@media screen and (max-width: 64em){.page-form .submit-buttons .button{margin:auto}}.page-form-light div,.page-form-light p{text-align:center}.page-form-complete .timezone,.page-form-complete .form-input select.align,.page-form-complete .form-input input,.page-form-complete .form-label label{position:absolute;top:50%;transform:translateY(-50%)}.page-form-complete div,.page-form-complete p{color:#252525}.page-form-complete .form-label,.page-form-complete .form-input{position:relative;height:60px}.page-form-complete .form-label label{right:0;padding:0 20px;text-align:right}.page-form-complete .label-name{font-weight:bold}.page-form-complete .label-desc{font-size:.8em}.page-form-complete .form-input input[type=text],.page-form-complete .form-input input[type=password]{margin:0}.page-form-complete textarea{margin:0}div.awesomplete{width:inherit}div.awesomplete>input{display:inherit}div.awesomplete>ul{z-index:9999}form[name=linkform].page-form{overflow:visible}@media screen and (max-width: 64em){.page-form-complete .timezone,.page-form-complete .form-input input,.page-form-complete .form-label label{position:inherit;top:inherit;transform:translateY(0)}.page-form-complete .form-label{height:inherit}.page-form-complete .form-label label{display:block;margin:10px 0 0;text-align:left}.page-form-complete .form-input{text-align:center}.page-form-complete .form-input input[type=checkbox]{position:absolute;top:50%;right:50%;transform:translateY(-50%)}.page-form-complete .radio-buttons{padding:5px 15px;text-align:left}.timezone-continent::after{white-space:pre;content:"\a\a"}}.page-visitor{color:#252525}.page-error-container{color:#252525}.page-error-container h2{margin:70px 0 25px}.page-error-container a{color:var(--main-color)}.page-error-container pre{margin:0 20%;padding:20px 0;text-align:left;line-height:1em}.edit-link-container .created-date{margin-bottom:10px;color:#797979}.loading-input{position:relative}@keyframes around{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-input .icon-container{position:absolute;right:60px;top:calc(50% - 10px)}.loading-input .loader{position:relative;height:20px;width:20px;display:inline-block;animation:around 5.4s infinite}.loading-input .loader::after,.loading-input .loader::before{content:"";background:#eee;position:absolute;display:inline-block;width:100%;height:100%;border-width:2px;border-color:#333 #333 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-radius:20px;box-sizing:border-box;top:0;left:0;animation:around .7s ease-in-out infinite}.loading-input .loader::after{animation:around .7s ease-in-out .1s infinite;background:rgba(0,0,0,0)}.login-form-container .remember-me{margin:5px 0}.search-result a{text-decoration:none;color:#fff}.search-result .label-tag{border-color:#fff}.search-result .label-tag .remove{margin:0 0 0 5px;border-left:#fff 1px solid;padding:0 0 0 5px}.search-result .label-private{border:1px solid #fff}.tools-item{margin:10px 0}.tools-item .pure-button:hover{background-color:var(--main-color);background-image:none;color:#f5f5f5}.pluginform-container .mobile-row{font-size:.9em}.pluginform-container .more{margin-top:10px}@media screen and (max-width: 64em){.pluginform-container .main-row{border-top-style:none;border-bottom-style:none}.pluginform-container .main-row td{border-top-style:none;border-bottom-style:none}}.import-field-container{margin:15px 0}.cloudtag-container{padding:10px;text-align:center;text-decoration:none;color:#252525}.cloudtag-container a{text-decoration:none;color:#252525}.cloudtag-container .count{color:#797979}.taglist-container{padding:0 10px}.taglist-container a{text-decoration:none;color:#252525}.taglist-container .count{display:inline-block;width:35px;text-align:right;color:#797979}.taglist-container .rename-tag-form{display:none}.taglist-container .delete-tag{display:none;color:#ac2925}.taglist-container .rename-tag{color:#0b5ea6}.taglist-container .validate-rename-tag{color:var(--main-color)}.picwall-container{clear:both;margin:0 10px 10px;background-color:#f5f5f5;color:#252525}.picwall-pictureframe{display:table-cell;position:relative;float:left;z-index:5;margin:2px;background-color:#f5f5f5;width:90px;height:90px;overflow:hidden;vertical-align:middle;text-align:center}.picwall-pictureframe img{max-width:100%;height:auto;color:rgba(0,0,0,0)}.picwall-pictureframe a{text-decoration:none}.picwall-pictureframe span.info{display:none;font-family:Arial,sans-serif}.picwall-pictureframe:hover span.info{display:block;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.298);width:90px;height:90px;text-align:left;color:#f5f5f5;font-size:9pt;font-weight:bold}.b-lazy{transition:opacity 500ms ease-in-out;opacity:0;min-width:1px;min-height:1px}.b-lazy.b-loaded{opacity:1}.daily-desc{color:#797979;font-size:.8em}.daily-desc a{text-decoration:none;color:#252525}.daily-desc a:hover{color:#797979}.daily-about h3::before,.daily-about h3::after{display:block;margin:10px auto;background:linear-gradient(to right, var(--background-color), #252525, var(--background-color));width:90%;height:1px;content:""}.daily-entry{padding:0 10px}.daily-entry .daily-entry-title{margin:10px 0 0}.daily-entry .daily-entry-title a{text-decoration:none;color:#000}.daily-entry .daily-entry-title::after{display:block;margin:5px auto;background:linear-gradient(to right, #fff, #797979, #fff);width:70%;height:1px;content:""}.daily-entry .daily-entry-description{padding:5px 5px 0;text-align:justify;font-size:.9em;word-wrap:break-word}.daily-entry .daily-entry-tags{padding:0 5px 5px;font-size:.8em}.daily-entry-thumbnail{float:left;margin:15px 5px 5px 15px}.daily-entry-description a{text-decoration:none;color:var(--main-color)}.daily-entry-description a:hover{text-shadow:1px 1px #ddd}.daily-entry-description a:visited{color:var(--dark-main-color)}.tag-sort{margin-top:30px;text-align:center}.tag-sort a{background:#f5f5f5;display:inline-block;padding:5px;text-decoration:none;color:#252525}.markdown p{margin:0 !important}.markdown p+p{margin:.5em 0 0 !important}.markdown *:first-child{margin-top:0 !important}.markdown *:last-child{margin-bottom:5px !important}.pure-button-success,.pure-button-error,.pure-button-warning,.pure-button-primary,.pure-button-shaarli,.pure-button-secondary{border-radius:4px;text-shadow:0 1px 1px rgba(0,0,0,.298);color:#fff !important}.pure-button-shaarli{background-color:var(--main-color)}.progressbar{border-radius:6px;background-color:var(--main-color);padding:1px}.progressbar>div{border-radius:10px;background:repeating-linear-gradient(-45deg, #f5f5f5, #f5f5f5 6px, var(--background-color) 6px, var(--background-color) 12px);width:0%;height:10px}.thumbnails-page-container .progress-counter{padding:10px 0 20px}.thumbnails-page-container .thumbnail-placeholder{margin:10px auto;background-color:#797979}.thumbnails-page-container .thumbnail-link-title{padding-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-tables-page .window-subtitle::before,.server-tables .window-subtitle::before{display:block;margin:8px auto;background:linear-gradient(to right, var(--background-color), #252525, var(--background-color));width:50%;height:1px;content:""}.server-tables-page .server-row p,.server-tables .server-row p{height:25px;padding:0 10px}.server-tables-page .server-label,.server-tables .server-label{text-align:right;font-weight:bold}.server-tables-page i.fa-color-green,.server-tables i.fa-color-green{color:#1b926c}.server-tables-page i.fa-color-orange,.server-tables i.fa-color-orange{color:#f89406}.server-tables-page i.fa-color-red,.server-tables i.fa-color-red{color:#ac2925}@media screen and (max-width: 64em){.server-tables-page .server-label,.server-tables .server-label{text-align:center}.server-tables-page .server-row p,.server-tables .server-row p{text-align:center}}.addlink-batch-show-more{display:flex;align-items:center;margin:20px 0 8px}.addlink-batch-show-more a{color:var(--main-color);text-decoration:none}.addlink-batch-show-more::before,.addlink-batch-show-more::after{content:"";flex-grow:1;background:rgba(0,0,0,.35);height:1px;font-size:0;line-height:0}.addlink-batch-show-more::before{margin:0 16px 0 0}.addlink-batch-show-more::after{margin:0 0 0 16px}.dark-layer{display:none;position:fixed;height:100%;width:100%;z-index:998;background-color:rgba(0,0,0,.75);color:#fff}.dark-layer .screen-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh}.dark-layer .progressbar{width:33%}.addlink-batch-form-block .pure-alert{margin:25px 0 0 0}@media print{.shaarli-menu{position:absolute}.search-linklist,.link-count-block,.linklist-item-infos-controls-group,.mobile-buttons{display:none}}

/* Shaarli Markdown styles */
.markdown p{margin:.75em 0}.markdown img{max-width:100%}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{font-weight:normal;font-style:normal;line-height:1em;margin:.75em 0}.markdown h4,.markdown h5,.markdown h6{font-weight:bold}.markdown h1{font-size:2.5em}.markdown h2{font-size:2em}.markdown h3{font-size:1.5em}.markdown h4{font-size:1.2em}.markdown h5{font-size:1em}.markdown h6{font-size:.9em}.markdown blockquote{color:#666;padding-left:3em;border-left:.5em #eee solid;margin:.75em 0}.markdown hr{display:block;height:2px;border:0;border-top:1px solid #aaa;border-bottom:1px solid #eee;margin:1em 0;padding:0}.markdown pre,.markdown code,.markdown kbd,.markdown samp{font-family:monospace,"courier new";font-size:.98em}.markdown pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}.markdown b,.markdown strong{font-weight:bold}.markdown dfn,.markdown em{font-style:italic}.markdown ins{background:#ff9;color:#000;text-decoration:none}.markdown mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}.markdown sub,.markdown sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown sup{top:-0.5em}.markdown sub{bottom:-0.25em}.markdown ul,.markdown ol{margin:1em 0;padding:0 0 0 2em}.markdown li p:last-child{margin:0}.markdown dd{margin:0 0 0 2em}.markdown img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}.markdown table{border-collapse:collapse;border-spacing:0}.markdown td{vertical-align:top}@media only screen and (min-width: 480px){.markdown{font-size:.9em}}@media only screen and (min-width: 768px){.markdown{font-size:1em}}#linklist .markdown li{padding:0;border:none;background:none}#linklist .markdown ul li{list-style:circle}#linklist .markdown ol li{list-style:decimal}.markdown table{padding:0}.markdown table tr{border-top:1px solid #ccc;background-color:#fff;margin:0;padding:0}.markdown table tr:nth-child(2n){background-color:#f8f8f8}.markdown table tr th{font-weight:bold;border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}.markdown table tr td{border:1px solid #ccc;text-align:left;margin:0;padding:6px 13px}.markdown table tr th :first-child,.markdown table tr td :first-child{margin-top:0}.markdown table tr th :last-child,table tr td :last-child{margin-bottom:0}.markdown pre{background-color:#eee;padding:4px 9px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:auto;box-shadow:0 -1px 0 #e5e5e5,0 0 1px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.markdown pre code{color:#000;font-family:"Consolas","Monaco","Andale Mono",monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.7;font-size:11.5px;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}.markdown :not(pre) code{background-color:#eee;padding:1px 3px;border-radius:1px;box-shadow:0 -1px 0 #e5e5e5,0 0 1px rgba(0,0,0,.12),0 1px 1px rgba(0,0,0,.24)}#pageheader .md_help{color:#fff}#pageheader .md_help a{color:#d3d3d3;font-weight:bold;text-decoration:underline;background:none;box-shadow:none;padding:0;margin:0}#pageheader .md_help a:hover{color:#fff}

/* mihaicosma.com refinements */
@font-face {
    font-family: "D2Coding";
    src: url("/D2CodingLigature-web.woff2") format("woff2");
    font-display: swap;
}

:root {
    color-scheme: dark;
    --main-color: #ff9800;
    --background-color: #040506;
    --dark-main-color: #a69987;
    --refined-text: #b6aa99;
    --refined-supporting: #a69987;
    --refined-bright: #e0e0e0;
    --refined-link: #e8dcc0;
    --refined-border: #6b5a35;
    --refined-border-soft: #3d3428;
    --refined-panel: #0a0908;
    --refined-danger: #b84a3a;
    --refined-success: #6b8f5e;
}

.svg-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
    fill: currentColor;
}

.svg-icon::before {
    content: none !important;
}

.svg-icon use {
    pointer-events: none;
}

.fa-chevron-up .svg-icon-chevron-down,
.fa-chevron-down .svg-icon-chevron-up {
    display: none;
}

.server-tables-page .svg-icon.fa-color-green,
.server-tables .svg-icon.fa-color-green {
    color: #1b926c;
}

.server-tables-page .svg-icon.fa-color-orange,
.server-tables .svg-icon.fa-color-orange {
    color: #f89406;
}

.server-tables-page .svg-icon.fa-color-red,
.server-tables .svg-icon.fa-color-red {
    color: #ac2925;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body,
.pure-g [class*="pure-u"],
input,
button,
select,
textarea {
    font-family: "D2Coding", monospace;
}

body {
    margin: 0;
    background: var(--background-color);
    color: var(--refined-text);
    font-size: 1rem;
    line-height: 1.4;
}

.strong,
strong,
b,
th,
.label {
    font-weight: normal;
}

a,
a:visited {
    color: var(--refined-link);
    text-decoration: none;
    border-bottom: 1px solid rgba(232, 220, 192, 0.4);
    transition: border-color 0.2s ease, color 0.2s ease;
}

a:hover,
a:focus {
    color: var(--refined-link);
    border-bottom-color: var(--refined-link);
}

code,
pre,
.markdown pre,
.markdown :not(pre) code {
    color: var(--refined-bright);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: none;
}

code,
.markdown :not(pre) code {
    padding: 0.1em 0.4em;
}

pre,
.markdown pre {
    padding: 10px 12px;
    overflow-x: auto;
}

.markdown pre code {
    padding: 0;
    color: inherit;
    background: transparent;
    box-shadow: none;
}

/* GENERATED SITE HEADER THEME:START */
/* Generated from site-theme.css. Do not edit this block. */
.shaarli-menu {
    background: var(--background-color);
    border-bottom: 1px solid var(--refined-border);
    box-shadow: none;
}

.pure-menu-link,
.pure-menu-link:visited,
.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
    color: var(--refined-link);
    border-bottom: 0;
    background: transparent;
    font-weight: normal;
}

.pure-menu-link:hover,
.pure-menu-link:focus,
.pure-menu-selected .pure-menu-link:hover,
.pure-menu-selected .pure-menu-link:focus {
    color: var(--refined-bright);
    background: transparent;
}

.shaarli-title,
.shaarli-title:visited {
    color: var(--refined-bright);
    letter-spacing: 0.05em;
}

.pure-menu-item:hover::after {
    margin-top: -1px;
    height: 1px;
    background: var(--site-header-accent);
}

.pure-menu-item:has(> .site-navigation-link):hover::after {
    display: none;
}

.menu-toggle .bar {
    background: var(--refined-link);
    border-radius: 0;
}

.header-buttons {
    color: var(--refined-supporting);
}

@media screen and (min-width: 64.001em) {
    .shaarli-menu {
        max-height: none;
        overflow: visible;
    }

    .container {
        margin-top: 89px;
    }

    .shaarli-menu .menu-transform {
        position: relative;
    }

    .shaarli-menu .menu-transform > .pure-menu-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100% !important;
        white-space: normal;
    }

    .shaarli-menu .menu-transform > .pure-menu-list::after {
        content: "";
        flex: 0 0 100%;
        height: 1px;
        order: 10;
        background: var(--refined-border-soft);
    }

    .shaarli-menu .menu-transform > .pure-menu-list > .pure-menu-item {
        width: auto;
        order: 20;
    }

        .shaarli-menu .menu-transform > .pure-menu-list > li:has(> .site-navigation-home) {
        order: 1;
    }

    .shaarli-menu .menu-transform > .pure-menu-list > li:has(> .site-navigation-blog) {
        order: 2;
    }

    .shaarli-menu .menu-transform > .pure-menu-list > li:has(> .site-navigation-links) {
        order: 3;
    }

    .shaarli-menu .menu-transform > .pure-menu-list > li:has(> .site-navigation-autoresearch) {
        order: 4;
    }

    .shaarli-menu .menu-transform > .pure-menu-list > li:has(> .site-navigation-status) {
        order: 5;
    }

    .shaarli-menu .menu-transform > .pure-menu-list > li:has(> #shaarli-title-desktop) {
        display: none !important;
    }

    .shaarli-menu .menu-transform > .pure-menu-list > li:has(> .site-navigation-local) {
        order: 20;
    }

    #shaarli-menu-tags {
        order: 21;
    }

    #shaarli-menu-picwall {
        order: 22;
    }

    #shaarli-menu-daily {
        order: 23;
    }

    #shaarli-menu-shaare {
        order: 24;
    }

    #shaarli-menu-tools {
        order: 25;
    }

    .shaarli-menu .header-buttons {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
    }
}

@media screen and (max-width: 64em) {
    .shaarli-menu.open {
        max-height: 100vh;
        overflow-y: auto;
        border-bottom-color: var(--refined-border);
    }

    .pure-menu-item {
        border-top: 1px solid var(--refined-border-soft);
    }

    .shaarli-menu .menu-transform > .pure-menu-list {
        display: flex;
        flex-direction: column;
    }

    .shaarli-menu .menu-transform > .pure-menu-list > li:has(> .site-navigation-link) {
        order: 1;
    }

    .shaarli-menu .menu-transform > .pure-menu-list > li:has(> .site-navigation-local) {
        order: 20;
        margin-top: 4px;
        padding-top: 4px;
        border-top-color: var(--refined-border);
    }

    #shaarli-menu-shaare {
        order: 21;
    }

    #shaarli-menu-tools {
        order: 22;
    }

    #shaarli-menu-tags {
        order: 23;
    }

    #shaarli-menu-picwall {
        order: 24;
    }

    #shaarli-menu-daily {
        order: 25;
    }

    #shaarli-menu-mobile-rss {
        order: 26;
    }

    #shaarli-menu-mobile-login,
    #shaarli-menu-mobile-logout {
        order: 27;
    }
}
:root {
    --site-header-accent: #ff9800;
    --site-header-background: #040506;
    --site-header-border: #6b5a35;
    --site-header-border-soft: #3d3428;
    --site-header-link: #e8dcc0;
    --site-header-bright: #e0e0e0;
    --site-header-height: 45px;
    --site-header-row-height: 44px;
}

.site-navigation-link,
.site-navigation-link:visited {
    display: block;
    height: auto;
    padding: 0.8em 1em;
    border: 0;
    background: transparent;
    color: var(--site-header-link);
    font-weight: normal;
}

.site-navigation-link:hover,
.site-navigation-link:focus {
    background-color: transparent;
    background-image: linear-gradient(var(--site-header-accent), var(--site-header-accent));
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    color: var(--site-header-bright);
}

.site-navigation-link[aria-current="page"] {
    border-bottom: 1px solid var(--site-header-accent);
    color: var(--site-header-bright);
}
/* GENERATED SITE HEADER THEME:END */

/* Full-width content */
.container {
    width: 100%;
    max-width: none;
    padding: 20px 24px;
}

#linklist-loop-block > [class*="pure-u-lg-2-24"],
#link-count-block > [class*="pure-u-lg-2-24"] {
    display: none;
}

#linklist-loop-content,
#link-count-content {
    width: 100% !important;
}

.linkcount,
.linklist-filters,
.linklist-pages,
.linksperpage {
    color: var(--refined-supporting);
}

/* Search and controls */
.searchform-block input[type="text"],
.toolbar-plugin input[type="text"],
.subheader-form input[type="text"],
.subheader-form input[type="password"],
.page-form input[type="text"],
.page-form input[type="password"],
.page-form textarea,
.page-form select,
input[type="number"],
input[type="url"] {
    border: 1px solid var(--refined-border-soft);
    border-radius: 0;
    box-shadow: none;
    background: var(--refined-panel);
    color: var(--refined-text);
}

input::placeholder,
textarea::placeholder {
    color: #7a6e5e !important;
}

input:focus,
textarea:focus,
select:focus,
button:focus {
    outline: 1px solid #ff9800;
    outline-offset: 1px;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: #ff9800;
}

button,
input[type="submit"],
.pure-button,
.button,
.page-form a.button,
.page-form input[type="submit"] {
    border: 1px solid var(--refined-border);
    border-radius: 0;
    box-shadow: none;
    background: var(--refined-panel);
    color: var(--refined-link);
    font-size: 0.95rem;
    font-weight: normal;
}

button:hover,
input[type="submit"]:hover,
.pure-button:hover,
.button:hover,
.page-form a.button:hover {
    border-color: #ff9800;
    background: var(--refined-panel);
    color: var(--refined-bright);
}

.searchform .search-button,
.searchform .search-button:hover,
.searchform .search-button:focus {
    border: 1px solid var(--refined-border);
    border-radius: 0;
    background: var(--refined-panel);
    color: var(--refined-link);
}

.searchform .search-button:hover,
.searchform .search-button:focus {
    border-color: #ff9800;
    color: var(--refined-bright);
}

/* Search suggestions */
.awesomplete > ul {
    width: 100%;
    min-width: 100%;
    margin: 3px 0 0;
    border: 1px solid var(--refined-border);
    border-radius: 0;
    box-shadow: none;
    background: var(--refined-panel);
    color: var(--refined-text);
}

.awesomplete > ul::before {
    display: none;
}

.awesomplete > ul > li:hover,
.awesomplete > ul > li[aria-selected="true"] {
    background: var(--refined-border-soft);
    color: var(--refined-bright);
}

.page-form .awesomplete > ul > li {
    color: var(--refined-text);
}

.page-form .awesomplete > ul > li:hover,
.page-form .awesomplete > ul > li[aria-selected="true"] {
    color: var(--refined-bright);
}

.awesomplete mark,
.awesomplete li:hover mark,
.awesomplete li[aria-selected="true"] mark {
    background: transparent;
    color: #ff9800;
}

.subheader-form {
    background: var(--refined-panel);
    border-bottom: 1px solid var(--refined-border);
}

.subheader-form .remember-me {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    color: var(--refined-text);
}

.linklist-filters .filter-off,
.linksperpage a,
.tag-sort a {
    background: var(--refined-panel);
    color: var(--refined-supporting);
}

.linklist-filters .filter-on,
.linksperpage a.selected {
    background: transparent;
    color: #ff9800;
    border-color: #ff9800;
}

/* Shaares */
.linklist-item {
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid var(--refined-border);
    box-shadow: none;
    background: transparent;
}

.linklist-item:first-child {
    border-top-color: var(--refined-border-soft);
}

.linklist-item.private::before {
    left: -8px;
    width: 2px;
    background: #ff9800;
}

.linklist-item-title {
    background: transparent;
}

.linklist-item-title h2 {
    margin: 0 0 2px;
    padding: 0;
    color: var(--refined-bright);
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

.linklist-item-title h2 a,
.linklist-item-title h2 a:hover,
.linklist-item-title h2 a:visited,
.linklist-item-title .linklist-link,
.linklist-item-title .linklist-link:hover,
.linklist-item-title h2 a:visited .linklist-link {
    color: var(--refined-link);
    font-size: 1rem;
    border-bottom-color: rgba(232, 220, 192, 0.4);
}

.linklist-item-description {
    padding: 2px 0 4px;
    color: var(--refined-text);
    line-height: 1.4;
}

.linklist-item-description a,
.linklist-item-description a:visited {
    color: var(--refined-link);
}

.linklist-item-infos {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 16px;
    align-items: baseline;
    padding: 2px 0;
    background: transparent;
    color: var(--refined-supporting);
}

.linklist-item-tags {
    grid-column: 2;
    grid-row: 1;
    color: var(--refined-supporting);
    font-size: 0.78rem;
    text-align: right;
}

.linklist-item-tags > .fa-tags {
    display: none;
}

.linklist-item-infos-date-url-block {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

.linklist-item-infos-dateblock {
    width: 100% !important;
}

.linklist-item-infos-url {
    display: none;
}

.linklist-item-infos a,
.linklist-item-infos a:visited,
.linklist-item-infos a:hover,
.linklist-item-infos-url,
.fold-button {
    color: var(--refined-supporting);
}

.linklist-item-infos-controls-group {
    border-right-color: var(--refined-border-soft);
}

.linklist-item-thumbnail {
    margin-left: 10px;
    padding: 0;
    border: 1px solid var(--refined-border-soft);
}

.label {
    border-radius: 0;
    background: transparent;
    color: var(--refined-supporting);
}

.label-tag {
    padding: 0;
    color: var(--refined-supporting);
}

.label-private,
.linklist-item-title .label-private {
    border-color: #c4862c;
    color: #c4862c;
}

.label-sticky,
.linklist-item-title .label-sticky,
.pinned-link {
    border-color: var(--refined-success);
    color: var(--refined-success) !important;
}

.edit-link {
    color: var(--refined-link);
}

.delete-link {
    color: var(--refined-danger) !important;
}

.search-highlight {
    background: rgba(255, 152, 0, 0.24) !important;
    color: var(--refined-bright);
}

/* Forms, tools, and tables */
.page-form,
.page-form-light,
.page-visitor,
.page-error-container {
    margin-top: 16px;
    border-top: 1px solid var(--refined-border);
    box-shadow: none;
    background: transparent;
    color: var(--refined-text);
}

.page-form .window-title,
.daily-about h3 {
    margin: 0 0 4px;
    padding: 16px 0 4px;
    background: transparent;
    color: #ff9800;
    font-size: 0.95rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.page-form .window-subtitle,
.page-form-complete div,
.page-form-complete p,
.page-visitor,
.page-error-container {
    color: var(--refined-text);
}

.page-form a,
.page-error-container a,
.cloudtag-container a,
.taglist-container a {
    color: var(--refined-link);
    font-weight: normal;
}

.page-form table,
.page-form th,
.page-form td,
.pure-table,
.pure-table th,
.pure-table td {
    border-color: var(--refined-border-soft);
    background: transparent;
    color: var(--refined-text);
}

.page-form section {
    margin: 10px 0 16px;
}

.tools-item {
    margin: 6px 0;
}

.cloudtag-container,
.taglist-container {
    color: var(--refined-text);
}

.cloudtag-container .count,
.taglist-container .count,
.edit-link-container .created-date {
    color: var(--refined-supporting);
}

/* Alerts */
.pure-alert {
    border: 1px solid var(--refined-border);
    border-radius: 0;
    background: var(--refined-panel);
    color: var(--refined-text);
}

.pure-alert-success {
    border-color: var(--refined-success);
}

.pure-alert-warning {
    border-color: #c4862c;
}

.pure-alert-error {
    border-color: var(--refined-danger);
}

.pure-alert a,
.search-result a {
    color: var(--refined-link);
}

/* Picture wall */
.picwall-container {
    margin: 0;
    background: transparent;
    color: var(--refined-text);
}

.picwall-pictureframe {
    margin: 2px;
    border: 1px solid var(--refined-border-soft);
    background: var(--refined-panel);
}

.picwall-pictureframe:hover span.info {
    background: rgba(4, 5, 6, 0.92);
    color: var(--refined-link);
    font-family: "D2Coding", monospace;
    font-weight: normal;
}

/* Daily view */
.daily-desc,
.daily-desc a {
    color: var(--refined-supporting);
}

.daily-about h3::before,
.daily-about h3::after,
.daily-entry-title::after {
    height: 1px;
    background: var(--refined-border);
}

.daily-entry {
    padding: 10px 0;
    border-top: 1px solid var(--refined-border-soft);
    color: var(--refined-text);
}

.daily-entry .daily-entry-title a,
.daily-entry-description a,
.daily-entry-description a:visited {
    color: var(--refined-link);
}

/* Footer */
.footer-container {
    margin: 28px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid #8a7d6a;
    color: var(--refined-supporting);
    text-align: left;
}

.footer-container::before {
    display: none;
}

.footer-container a,
.footer-container a:visited {
    color: var(--refined-supporting);
}

@media screen and (max-width: 64em) {
    .container {
        padding: 12px 10px;
    }

    .searchform-block input[type="text"] {
        width: 100%;
    }

    .linklist-item-thumbnail {
        margin-left: 6px;
    }

    .linklist-item-infos {
        grid-template-columns: 1fr;
    }

    .linklist-item-tags {
        grid-column: 1;
        grid-row: 2;
        margin-top: 2px;
        text-align: left;
    }
}