/*!
Pure v1.0.1
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

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

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

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

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

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

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

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

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

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

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

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

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

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*csslint important:false*/

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

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

/**
 * 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;
}

/*!
Pure v1.0.1
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/
/*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;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
            box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
            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;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
            box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
            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,
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    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 */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form .pure-help-inline,
.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;
    }

    /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
    .pure-form .pure-help-inline,
    .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;
    }
}

/*!
Pure v1.0.1
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/
.pure-button {
    /* Structure */
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-box-sizing: border-box;
            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 */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: 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: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    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 {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
            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;
    /* csslint ignore:start */
    filter: alpha(opacity=40);
    /* csslint ignore:end */
    opacity: 0.40;
    cursor: not-allowed;
    -webkit-box-shadow: none;
            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 #111;  /* fallback color for rgba() for IE7/8 */
    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;
}

/*!
Pure v1.0.1
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/

.pure-g {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */

    /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/pure-css/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

    /* Use flexbox when possible to avoid `letter-spacing` side-effects. */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;

    /* Prevents distributing space between rows */
    -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
            align-content: flex-start;
}

/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	table .pure-g {
		display: block;
	}
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -0.43em;
}

.pure-u {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class *= "pure-u"] {
    font-family: sans-serif;
}

.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;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
    width: 100%;
}
/*!
Pure v1.0.1
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/
@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;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .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;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-5-5,
    .pure-u-xl-24-24 {
        width: 100%;
    }
}
/* ----------------------------------------------------------- */
/* == tingle v0.14.0 */
/* ----------------------------------------------------------- */

.tingle-modal * {
  box-sizing: border-box;
}

.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, .8);
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: transform .2s ease;
}

/* confirm and alerts
-------------------------------------------------------------- */

.tingle-modal--confirm .tingle-modal-box {
  text-align: center;
}

/* modal
-------------------------------------------------------------- */

.tingle-modal--noOverlayClose {
  cursor: default;
}

.tingle-modal--noClose .tingle-modal__close {
  display: none;
}

.tingle-modal__close {
  position: fixed;
  top: 10px;
  right: 28px;
  z-index: 1000;
  padding: 0;
  width: 5rem;
  height: 5rem;
  border: none;
  background-color: transparent;
  color: #f0f0f0;
  font-size: 6rem;
  font-family: monospace;
  line-height: 1;
  cursor: pointer;
  transition: color .3s ease;
}

.tingle-modal__closeLabel {
  display: none;
}

.tingle-modal__close:hover {
  color: #fff;
}

.tingle-modal-box {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 60%;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
  -ms-transform: scale(.8);
  transform: scale(.8);
}

.tingle-modal-box__content {
  padding: 3rem 3rem;
}

.tingle-modal-box__footer {
  padding: 1.5rem 2rem;
  width: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5;
  cursor: auto;
}

.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: "";
}

.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px; /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  transition: bottom .3s ease-in-out .3s;
}

/* state
-------------------------------------------------------------- */

.tingle-enabled {
  position: fixed;
  right: 0;
  left: 0;
  overflow: hidden;
}

.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0;
}

.tingle-enabled .tingle-content-wrapper {
  filter: blur(8px);
}

.tingle-modal--visible {
  visibility: visible;
  opacity: 1;
}

.tingle-modal--visible .tingle-modal-box {
  -ms-transform: scale(1);
  transform: scale(1);
}

.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}

/* btn
-------------------------------------------------------------- */

.tingle-btn {
  display: inline-block;
  margin: 0 .5rem;
  padding: 1rem 2rem;
  border: none;
  background-color: grey;
  box-shadow: none;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
  transition: background-color .4s ease;
}

.tingle-btn--primary {
  background-color: #3498db;
}

.tingle-btn--danger {
  background-color: #e74c3c;
}

.tingle-btn--default {
  background-color: #34495e;
}

.tingle-btn--pull-left {
  float: left;
}

.tingle-btn--pull-right {
  float: right;
}

/* responsive
-------------------------------------------------------------- */

@media (max-width : 540px) {
  .tingle-modal {
    top: 0px;
    display: block;
    padding-top: 60px;
    width: 100%;
  }

  .tingle-modal-box {
    width: auto;
    border-radius: 0;
  }

  .tingle-modal-box__content {
    overflow-y: scroll;
  }

  .tingle-modal--noClose {
    top: 0;
  }

  .tingle-modal--noOverlayClose {
    padding-top: 0;
  }

  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%;
  }

  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #2c3e50;
    box-shadow: none;
    color: #fff;
    line-height: 55px;
  }

  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  }

  .tingle-modal__closeIcon {
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
    font-size: 4rem;
  }
}

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  .tingle-modal {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

  @media (max-width : 540px) {
    .tingle-modal {
      -webkit-backdrop-filter: blur(8px);
      backdrop-filter: blur(8px);
    }
  }

  .tingle-enabled .tingle-content-wrapper {
    filter: none;
  }
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #3f4458;
  -webkit-box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #20222c, -1px 0 0 #20222c, 0 1px 0 #20222c, 0 -1px 0 #20222c, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #20222c;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #20222c;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #3f4458;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #20222c;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #3f4458;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: #3f4458;
  color: #fff;
  fill: #fff;
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: #fff;
  fill: #fff;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #eee;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(192,187,167,0.1);
}
.numInputWrapper span:active {
  background: rgba(192,187,167,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(255,255,255,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255,255,255,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(255,255,255,0.5);
}
.numInputWrapper:hover {
  background: rgba(192,187,167,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(192,187,167,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255,255,255,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #3f4458;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(192,187,167,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #3f4458;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #3f4458;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #20222c;
          box-shadow: -1px 0 0 #20222c;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(255,255,255,0.95);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #646c8c;
  border-color: #646c8c;
}
.flatpickr-day.today {
  border-color: #eee;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #eee;
  background: #eee;
  color: #3f4458;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #80cbc4;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #80cbc4;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #80cbc4;
          box-shadow: -10px 0 0 #80cbc4;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
          box-shadow: -5px 0 0 #646c8c, 5px 0 0 #646c8c;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255,255,255,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(255,255,255,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
          box-shadow: -5px 0 0 #80cbc4, 5px 0 0 #80cbc4;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #20222c;
          box-shadow: 1px 0 0 #20222c;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(255,255,255,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255,255,255,0.95);
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255,255,255,0.95);
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: rgba(255,255,255,0.95);
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: rgba(255,255,255,0.95);
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #6a7395;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}


.autocomplete {
    background: white;
    z-index: 1000;
    font: 14px/22px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    overflow: auto;
    box-sizing: border-box;
    border: 1px solid rgba(50, 50, 50, 0.6);
}

.autocomplete * {
    font: inherit;
}

.autocomplete > div {
    padding: 0 4px;
}

.autocomplete .group {
    background: #eee;
}

.autocomplete > div:hover:not(.group),
.autocomplete > div.selected {
    background: #81ca91;
    cursor: pointer;
}


body {
background-color: #494949;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

* {
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

abbr[title]{
  text-decoration: none;
}

.content{
  word-wrap: break-word;
}

.content, #postcontent, a.loadsibling, .loadsibling{
  font-size: 14px ;
}

code, pre{
  background: #eee;
}

pre{
  padding: .4em;
  word-wrap: anywhere;
  white-space: pre-wrap;
}

code{
  padding: 1px;
  line-height: 1.4em;
}

blockquote p{margin: 0;}

blockquote > p:not(:last-child) {margin-bottom: 1em;}

blockquote{
  border-left: 3px solid gray;
  margin: .3em 0 .3em 1em;
  padding: .3em 0 .3em .7em;
}

.pure-control-group .markdown-editor .editbtns{
  display: inline-block;
}
.pure-control-group .markdown-editor{
  display: inline-block;
  width: calc(100% - 210px);
}

.announcement, .pollflair, .stick, .nsfw {
padding: 1px;
border-radius: 4px;
color: #ddd;
font-size: 11px;
margin-right: .3em;
}

.announcement {
background-color: #1ea11a;
border: 1px solid #1ea11a;
}

.pollflair {
background-color: #b37700;
border: 1px solid #b37700;
}

.stick {
background-color: #009300;
border: 1px solid #009300;
}

.nsfw {
background-color: #a22;
border: 1px solid #a22;
}

.mod2-inv{
  background-color: #eee;
  border: 1px solid gray;
  padding: 1em;
}

.pure-g.head {
  display: flex;
  margin-top: 1em;
}

/* mobile menu  */
/*.th-navbar {
  margin-bottom: 1em;
  -webkit-font-smoothing: antialiased;
  height: 2.1em;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
}

.th-navbar.open {
    height: 8em;
}*/

#th-uinfo {
    text-align: right;
    height: 100%;
}

.th-toggle {
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    margin-top: .8em;
    margin-right: .5em;
}

/*.th-toggle .bar {
    background-color: #fff;
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 100px;
    position: absolute;
    top: 18px;
    right: 7px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.th-toggle .bar:first-child {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
}

.th-toggle.x .bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.th-toggle.x .bar:first-child {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}*/

@media (max-width: 47.999em) {
  #th-uinfo {
      text-align: left;
  }
  .th-toggle {
      display: block;
  }
}

/* /mobile menu */

/*.cw-items a{
  color: #fff;
}

.cw-items form{
  display: inline-block;
}*/

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

.important {
  border: 2px dashed red;
  padding: 2px;
  text-align: center;
}

.div-error{
  display: none;
}

/*@media screen and (min-width: 48em){
  #th-menu {
    padding-left: 2em;
  }
  .cw-items{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: #fff
  }
  #th-uinfo {
    position: absolute;
    top: 0;
    right: 1em;
    text-align: right;
  }
}

#th-menu a.pure-menu-link {
  color: white;
}

#th-menu a.pure-menu-link:hover, #th-menu li[active='true'] a, #th-menu li[active] a {
  background-color: rgb(57, 101, 164);
}*/

.glyphbutton{
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: .25em;
  margin-left: .25em;
}

.separator {
  margin-left: .1em;
  margin-right: .25em;
  border-left: 1px #444 dotted;
  padding-top: 3px;
}

a {
  color: #bbb;
  text-decoration: none;
}

a:hover {
  color: #ffffff;
  cursor:pointer;
}

.footer {
  text-align: left;
  font-size: small;
  color: #939393;
  padding: 2em;
}

.center-container form h1{
  text-align: center;
}
/* Header */

/*.th-navbar {
  background-color: #d94f00;
  margin-bottom: 0;
  -webkit-font-smoothing: antialiased;
  padding: .4em 0 .4em .3em;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.6);
  -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.6);
  box-shadow: 0 3px 5px 0 rgba(0,0,0,.6);
  position: relative;
  height: 3.6em;
  z-index: 100;
}*/

#center-container {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
  top: 5.1em;
  left: 0;
  bottom: 4em;
  width: 100%;
}

#container {
  /*padding-top: .5em;
  padding-left: .5em;*/
  width: 100%;
  height: 100%;
}

.error{
  margin-top: 1em;
  padding: 5px;
  background-color: #1a2745;
  color: white;
  margin-bottom: 15px;
  border-radius: 3px;
}

.error span{
  display:block;
}

.alert.div-error {
  background: #d92800;
  color: #ffffff;
  margin: 6px;
  padding-top: .1em;
  padding-bottom: .1em;
}

.div-error span.closebtn {
  margin: 4px;
  float: right;
}

.alert.div-error ul {
    padding-bottom: 10px;
}

#bottombar {
  height: 4em;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(200,200,200,0.5);
  z-index: 100;
}

#coords{
  margin: 1em 1em 0;
  display: block;
}

.c-color {
  display: inline-block;
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
  cursor: pointer;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
  position: relative;
}

#palette{
  margin-top: 1em;
  text-align: center;
}

#info p{
  margin: .2em;
}

#overlay {
  position: fixed;
  z-index: 10000;
  height: 4em;
  bottom: 0;
  padding: 1em;
  font-weight: 600;
  width: 100%;
  background-color: rgba(255,255,255,0.8);
  text-align: center;
    vertical-align: middle;
}

span#notification {
  opacity:1;
  transition: opacity 3s;
  margin-left: .2em;
  font-weight: 700;
}

span#notification.fade {
  opacity:0;
}

#reticule{
  position:fixed;
  top:0;
  left:0;
  margin:0;
  border:2px solid black;
  background-color:rgba(0,0,0,0);
  box-sizing:content-box;
  pointer-events:none;will-change:transform;z-index:100;
}

#curr div {
  height: 3em;
  border: 1px solid #aaa;
  border-radius: 2px;
  margin-right: 10px;
  cursor: pointer;
}

#curr div:hover {
  background-color: #ccc;
}

#curr div.selected {
  background-color: #888;
}

#buyamount{
  width: 8ch;
  margin: 0 10px;
}

.c-color.cancel:after{
  content:"";
  position:absolute;
  border-top:1px solid red;
  width:45px;
  transform: rotate(45deg);
  transform-origin: 0% 0%;
  left: 0;
}

.editbar path{fill: #4163ac ;}

.p-icon {
  /*margin-top: 5px;*/
  width: 16px;
  height: 16px;
  display:block;
}

.tx-icon {
  display: inline-flex;
  align-self: center;
}

.tx-icon svg{
  height:1em;
  width:1em;
  top: .15em;
  position: relative;
}

.inboxside .button-secondary {
background: #3a3a3a;
}

.inboxside .p-icon {
  margin-top: 0px;
}

.pure-button.button-secondary{
  background: #3e3e3e;
} 

.i-icon{
  width: 16px;
  height: 16px;
  display:inline-block;
}

.p-icon path{
  fill: #e3e3e3;
}


.iconlinktxt {
margin-top: 4px;
width: 25px;
height: 25px;
fill: #ddd;
padding: 0.1em;
margin-left: auto;
margin-right: auto;
display: block;
}


/*.icon {
  width: 16px;
  height: 16px;
  margin-left: auto;
  margin-right: auto;
  display:block;
}*/

.wholepost .icon.expando-btn {
    margin-top: 0;
}

.resize-handle {
text-align: right;
cursor: nwse-resize;
}

.hasmail i{
  color: #101010;
}

.content .hasmail path {
  fill: #d94f00;
}

.sbm-post.pure-button.button-xsmall.pure-button-primary.pure-u-md-7-24{
background-color:rgba(65, 99, 172, 0.75);
color: #ddd ;
pointer-events:auto;
width: auto;
border-radius: 4px 0 0 4px;
border: 0;
text-transform: uppercase;
}

.sidebar .pure-button-primary {
  color: #fff;
  /*background-color: #101010; makes admin buttons in user profile sidebar black*/
}

.sidebar .pure-button-primary:hover {
  background-color: rgba(65, 99, 172, 0.75)
}

.pure-button-primary, a.pure-button-primary {
    background-color: #d94f00;
    color: #fff;
}

.pure-button-primary:hover {
      background-color:rgba(65, 99, 172, 0.75);
    color: #fff;
}

.button-secondary, .pure-button, .button-secondary:hover, .pure-button:hover {
/* margin-left: 1em; */
background-color: rgba(255, 255, 255, 0.25);
}



.center{
    text-align: center;
}

.glyphbutton i{
  font-size: 19px;
}

/*  UPLOADER STYLES  */
.hide, #upload-input, #pbar, #filetable {
  display: none;
}

#filetable{background-color: #eee;padding: 1em; margin-bottom: 10px; margin-top: 10px;}
/*  /UPLOADER STYLES */

/* POST LIST STYLES */
.post {
  min-height: 88px;
  padding: 0.5em;
  background-color: #333333;
  border-radius: 8px;
  margin-bottom: 0.2em;
  overflow: auto;
}

.post:hover {
  background-color: #3a3a3a;
}

.post-heading {
  font-size: 15px;
  padding-top: 0.3em;
  font-weight: 500;
  padding-bottom: 0.3em;
  word-wrap:break-word;
  white-space: normal;
}

.post .title {
  color: #cdcdcd;
  text-decoration: none;
  line-height: 1.2em;
  font-size: 1em;
  word-wrap: break-word;
}

.post .title:link {
    color: #cdcdcd;
}

.post .title:visited {
  color: #93a8d7;
}

.post .title:hover {
  color: #ffffff;
}

div.post.newpost {
    min-height: 0px;
    animation: np 2s;
}


div.post.hiddenpost {
    min-height: 0px;
    animation: hp 1s;
}


@keyframes np {
    0% {
        max-height: 0;
        opacity: 0;
        transform: scale(0.3);
    }
    50% {
      transform: scale(1);
    }
    100% {   
        max-height: 300px;  
        opacity: 1;
    }
}

@keyframes hp {
    0% {
        max-height: 300px;  
        opacity: 1;
        transform: scale(1);
    }
    50% {
      transform: scale(0.5);
    }
    100% {   
        max-height: 0;
        opacity: 0;
        transform: scale(0);
    }
}

.misctainer {
  /*display: inline-block; disabled may 28*/ 
  float: left;
  max-height: 74px;
}

.pbody{
  display: inline-block;
  width: calc(100% - 110px);
  padding-left: .8em;
/*  padding-bottom: .4em;*/
/*  min-height: 70px; */
}

.post:after {
  content: "";
  display: table;
  clear: both;
}

.nothumbs{
  width: calc(100% - 32px);
}

/*
.p-icon[data-icon="exclaim"] {
    display: inline-block;
    top: 6px;
    position: relative;
}

.p-icon[data-icon="exclaim"] path {
    fill: #d94f00;
}
*/

/* .expando{
  display: inline-block;
  height: 22px;
  width: 22px;
  border-radius: 6px;
  background-color: #ddd;
  text-align: center;
  line-height: 2em;
  color: #444;
  margin-right: .2em;
  margin-left: 0px;
  cursor: pointer;
  top: 7px;
    position: relative;

}*/

.pure-u-1.pure-u-md-13-24.pastebin {
    width: 80%;
}
iframe {
  border: 0;
  display: block;
}

.iframewrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.iframewrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.expandotxt img {
  /*  max-width: 100%;
    max-height: 90vh;*/
}
.expandotxt video, .expandotxt iframe{
  max-height: 90vh;
  max-width: 100%;
}

.post .domain a, .post .domain {
    color: #989898;
    font-size: 0.7em;
}

.post .domain a:hover, .post .domain:hover {
    color: #ddd;
}

.post .author {
    font-size: small;
    color: #5d5454;
}
.post .thumbnail {
    width: 70px;
    height: 70px;
}
.post .thumbnail img{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.c-upvote, .c-downvote, .anonupvote, .anonpdvote, .anondvote, .upvote, .downvote {
  height: 20px;
  width: 16px;
  display: inline-block;
  cursor: pointer;
}

.c-downvote svg, .c-upvote svg, .anonupvote svg, .anonpdvote svg, .anondvote svg, .downvote svg, .upvote svg {
    fill: #ddd ;
}

.upvote {
margin-bottom: 8px;
}

.downvote {
margin-top: 10px;
}

.anonupvote {
margin-bottom: 8px;
}

.anonpdvote {
margin-top: 11px;
}

.upvoted path{
  fill: #4163ac;
}

.downvoted path{
  fill: #a00;
}

/*.misctainer{
  padding-left: .6em;
  padding-right: .4em;
}

.votebuttons {
  height: 100%;
  min-width: 1em;
  max-height: 70px;
  padding: .15em .2em 0 .2em;
  float: left;
  margin-right: 8px;
  max-width: 2.2em;
}*/

.score{
  font-size: 14px;
  /* margin: 5px 0 5px 0;*/
  text-align: center;
  letter-spacing: normal;
  color: #ddd;
}
.thcontainer {
  display: inline-flex;
  /*display: inline-block;*/
  position: relative;
  width: 70px;
  height: 70px;
  margin-left: 0.7em;
}

/*.expando svg path{
  fill: #555;
}*/

/*.expando svg {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  top: -1px;
  position: relative;
}*/

.expando .icon svg {
  width: 18px;
  height: 16px;
  /*top: -3px;*/
  position: relative;
}

.votebuttons svg{
  width: 16px;
  height: 16px;
  margin: 0;
}

.expandotxt {
  background-color: #e1e1e1;
  padding: 1em;
}

.thumbnail .placeholder svg path{
  fill: #777;
}

.pure-menu a svg {
    height: 4em;
    margin: 4px 0;
}

.thumbnail .placeholder {
  width: 50px;
  height: 50px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom:0;
  left: 0;
  right: 0;
}

a#nextp{
  color: #fff;
  float: right;
  margin: 1em 2em;
  border-radius: 4px;
}


a#prevp{
  color: #fff;
  float: left;
  margin: 1em 2em;
  border-radius: 4px;
}

#sortbuttons div {
  justify-content: center;
}

div#sortbuttons {
  padding-bottom: 5px;
}

path.htt0 {
fill: #C40000;
}

path.htt1 {
fill: #999;
}

.links{
  margin: 0;
  padding: 0; /* breaks buttons under title for posts if disabled */ 
  margin-left: 0em; 
  line-height: 1em;
  white-space: normal;
}

.linkscom{
  margin-top: .4em;
}

.links2{
  margin-top: .4em;
}

.linkbar {
margin-right: 0em;
line-height: 1em;
}

.linkbar:hover {
  color: #ddd;
  fill: #ddd;
}

.postauthor{
  /*position: absolute;
  left: calc(15% - 20px);
  margin-top: 0.4em;*/
}

a.slink, a.link{
  
  color: #12619c;
  font-weight: 700;
  cursor: pointer;
  -ms-user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  user-select: none;
}
.subinfo{text-align: center;}
.subs{margin-bottom: .6em;}

.links a{
  position:relative;
  right:0px;
  color: #979797;
  font-weight: 600;
  font-size: 11px;
  cursor: pointer;
  -ms-user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  user-select: none;
  line-height: 0.5em;
}


.bottombar.links a{
  font-weight: 600;
}

.links a.comments, .postinfo .links a {
  font-weight: 700;
}

.alldaposts .links a{
  color: #777;
}

.alldaposts .links a.comments{
  color: #0f5387;
}

.postinfo .links {
padding-top: 1em;
}

.links li{
  display: inline-block;
  padding: 0 .6em;
  text-align: center;
}
/* /POST LIST STYLES */

/* POST PAGE STYLES */

@media screen and (max-width: 48em) {
  .wholepost .thcontainer {
    display: none;
  }
  .wholepost .misctainer{
    float:none;
  }
}

.postinfo{
display: inline-block;
width: calc(100% - 102px);
padding-left: .8em;
padding-bottom: .4em;
min-height: 70px;
}

#postflairs {
  width: 50%;
  position: absolute;
  top: 5em;
  left: 25%;
  background-color: white;
  padding: 1em;
  border: 1px solid gray;
  z-index: 100;
}

.selflair {
  border: 1px solid #aaa;
  border-radius: 2px;
  background-color: #eee;
  padding: 5px;
  line-height: 2.5em;
  white-space: nowrap;
}

.postflair {
padding: 1px;
background-color: #4163AC ;
border-radius: 4px;
color: #fff;
font-size: 11px;
line-height: 12px;
margin-right: .3em;
border: 1px solid #4163AC ;
}

.selflair:hover {
  background-color: #d5d5d5;
}

.c-downvote {
  margin-top: .4em;
}
.red-confirm{
  color: red;
  font-size: 0.8em;
}
.red-confirm a{
  margin-left: 7px;
}
#post-source{
  display: none;
}

.wholepost{
  width: 100%;
  margin-bottom: 2em;
  padding-left: .5em;
  padding-right: .5em;
}

.comment-form{
  margin: 1em 0 1em 0;
}

.comment-form button{
  margin-top: .2em;
}

.alertbox{
  display:none;
}

.comments{
  margin-left: 1em;
}

.canclose .closemsg{
  position: absolute;
  top: 0;
  right: 0;
}

.canclose{
  position: relative;
}

.cmpreview{
  margin-top: .7em;
  margin-bottom: .4em;
  color: #fafafa;
  white-space: normal;
}

.votecomment{
  float: left;
  width: 0em;
  text-align: center;
  /*margin-right: .3em;
  margin-top: .3em;*/
  margin: 0 2em 0 0.8em;
}

/*.c-upvote svg, .c-downvote svg, .upvote svg, .downvote svg {
  fill: #888;
}*/

.togglecomment{
  cursor: pointer;
  margin-left: 0.5em;
}

.togglecommenthead {
  cursor: pointer;
}

.bottombar a{
  cursor: pointer;
}

ul.bottombar.links a{
color: #979797;
margin-left: 0em;
}

ul.bottombar.links a:hover, ul.links a:hover{
color: #fff;
}

ul.bottombar.links {
margin: 0.5em 0 1em 0.3em;
/* padding: 0; */
}

.commblock{
  /*display: block;*/
  width: calc(100% - 1em);
 /* width: 100%;*/
}
/* /POST PAGE STYLES */

/* COLOR BUTTONS, USED ERRYWHERE */
.button-xsmall {
  font-size: 70%;
}
.button-success {
  background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
  background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
  background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
  color: #fff;
  background: #101010; /* this is a light black */
}

.button-secondary:hover {
  background-color: rgba(65, 99, 172, 0.75);
}

/* /COLOR BUTTONS */

/* USERBAR STYLES */
#logout button{
  margin-left: 1em;
  font-size: 14px;
}

span.mailcount {
  position: absolute;
  top: 12px;
  right: -8px;
  line-height: 1em;
  min-width: 1em;
  border-radius: 1em;
  background: rgba(106, 102, 93, 0.71);
  font-size: small;
  display: inline-block;
  text-align: center;
  padding: 0.05em 0.12em;
  margin-right: 3px;
}

span.hasmail {
  display: inline-block;
}
/* /USERBAR STYLES */

/* SUB BAR STYLES */

.dropdown-toggle.moremenu{
  color: white;
  text-align: center;
  cursor: pointer;
}

#hiddensubs{
  position: absolute;
  /* top: 2em;*/
  right: 0;
  z-index: 48;
  display: none; 
  float: right;
  min-width: 160px;
  width: auto;
  padding: 5px 0;
  margin: 0 0 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;


  /*writing-mode: vertical-lr;*/
  flex-flow: column wrap;
  flex-wrap: wrap;
  align-content: flex-start;
  max-height: 100%;
}

.dropdown-toggle.moremenu path{fill: white;}


#hiddensubs {
max-width: 100%;
font-size: 0.6em;
text-align: left;
max-height: 120%;
background-color: #1e1e1e ;
}


#hiddensubs li{
  display: block;
  padding: 0 5px;
  font-variant: small-caps;
  font-size: larger;
  /*writing-mode: horizontal-tb;*/
}

#hiddensubs li:hover{
  background-color: #333;
}

#hiddensubs li a{
  color: #bbb;
  width: 100%;
  display: block;
}


#subsdropdown{
  width: 4em;
  display: inline-block;
  margin: .1em .1em .2em .1em;
  vertical-align: super;
}

.th-subbar {
  background-color: #101010;
  border-bottom:1px solid #101010;
  font-variant: all-small-caps;
  overflow: hidden;
}

.th-subbar ul{
  margin: .1em .1em .2em .1em;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: calc(100% - 2em);
}

.th-subbar ul li{
  color: #fff;
  display: inline-block;
  margin: 0 5px;
}

.th-subbar ul li a{
  color: #a1a1a1;
  font-size: .9em;
}

.th-subbar ul li a:hover {
color: #fff;
}

.th-subbar ul li.editbar{
  margin: 0;
}

.th-subbar a {
    color: #a5a5a5;
}

.th-subbar a:hover {
    color: #ffffff;
}
/* /SUB BAR STYLES */

/* SIDEBAR STYLES */

#innersb {
  padding: 0em 0.3em 0em 0.3em;
  transform: translate(0, 0); /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
}

.sidebar{
  flex: 0 0 250px;
  /*padding: 0 5px 5px 5px;*/
  overflow-wrap: break-word;
  word-wrap:break-word;
  margin-bottom: 1em;
  font-size: 12px;
  will-change: min-height;
}

.sidebar h4{
  color: #1b1b1b;
  margin: 0;
}
.sidebar ul{
  margin-top: .2em;
}

.sidebarlists ul {
  padding: 0 14px 0 18px;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
}

.sidebarlists ul li  {
  padding-top: 6px;
}

.sidebarlists table {
width: 100%;
}

.sidebarlists {
color: #7b93b8;
background-color: #3d3d3d;
border-radius: 0 0 8px 8px;
padding-top: 1em;
padding-bottom: 1em;
font-weight: 600;
}

.sidebarlists.head {
border-radius: 8px 8px 0 0;
background-color: #2e2e2e;
padding-top: .4em;
padding-bottom: .4em;
font-size: 14px;
pointer-events: none;
}

.sidebarlists.head a, a.sidebarlists.head a:hover {
color: #ffffff
}

.sbm-post{
  display: block;
  margin: 5px 0 5px 0;
}

.sbm-icon{
  position: relative;
  padding-left: 1em;
}

.sbm-icon svg{
  height: 16px;
  position: absolute;
  left: -.5em;
  top: 50%;
  transform: translateY(-50%);
}
.button-secondary svg{
  fill: white;
}

hr {
    border: 0;
    border-bottom: 1px solid #5d5d5d;
    /*width: 90%;*/
}

.top5{
  /*padding-left: 1.4em;*/
  font-size: 14px;
}

.sidelocale {
  font-size: 12px;
  margin-top: 4px;
}

input[type=search] {
  box-sizing: border-box;
  border: solid #3a3a3a 1px;
border-radius: 18px;
  font-size: .9em;
background-color: rgba(170, 170, 170, 0.77);
color: #fff;
  padding: 12px 15px 10px 35px;
  -webkit-transition: width .4s ease-in-out;
  transition: width .4s ease-in-out;
  margin: 5px;
}

.search{
  position: relative;
  color: #000;
  font-size: 16px;
}
.search .icon {
position: absolute;
top: 1em;
left: 1em;
/* height: 10px; */
width: 18px;
}
.search .icon path{
  fill: darkgray;
}

/* /SIDEBAR STYLES */

/* CREATE POST PAGE STYLES */
.content.createpost {
  width: 100%
}

.createpost input#title,
.createpost input#link,
.createpost textarea#content {
    width: calc(100% - 210px);
}

.createpost input.sbm-poll-opt {
  margin-top: 0.5em;
  width: 90%; 
  min-width: 200px;
}

.createpost #sbm-poll-opts {
  display: inline-block;
  width: calc(100% - 210px);
}

.pure-form input[type="title"] {
padding: 0.5em 0.6em;
display: inline-block;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 3px #ddd;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.pure-form input[type=title], input[type=color], .pure-form input[type=date], .pure-form input[type=datetime-local], .pure-form input[type=datetime], .pure-form input[type=email], .pure-form input[type=month], .pure-form input[type=number], .pure-form input[type=password], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=text], .pure-form input[type=time], .pure-form input[type=url], .pure-form input[type=week], .pure-form select, .pure-form textarea {
border-radius: 18px; 
}

.pure-form textarea {
border-radius: 10px;
}
/* / CREATE POST PAGE STYLES */

/* POST PAGE STYLES */
.postbar{
  white-space: nowrap;
  min-height: 70px;
  border-radius: 8px 8px 0 0;
}
/*.postbar *{
  white-space: normal;
}*/

.postbar.post {
  border-radius: 8px;
  margin-bottom: 0;
}

.wholepost .title{
  font-size: 1.2em;
}

.wholepost .author{
  font-size: small;
  color: #5d5454;
  margin-top: .3em;
}

/*.poll-space{
  background-color: #606060;
}*/

#postcontent{
  font-size: 14px;
  padding: 1px 1em;
  background: transparent;
  color: #eee;
  /*border-radius: 0 0 14px 14px;*/
  padding-bottom: 1em;
  white-space: normal;
}

#postcontent textarea, .commblock textarea{
  resize: vertical;
  width: 100%;
  overflow: auto;
  border-radius: 8px;
}

.pure-form fieldset {
margin-bottom: 2em;
}

.pure-form textarea {
border: 2px solid #5a5a5a;
}

textarea {
overflow: auto;
background-color: #787878;
border-radius: 8px;
}

.pure-form textarea:focus {
border-color: #4163ac;
}

.pure-form textarea:focus:invalid {
border-color: #aa0000;
}

.cwrap {
  margin-top: 5px;
  width: 100%;
}

div.comments {
  padding-right: 8px;
}

.pchild {
  /*margin-left: 2px;
  border-left: 1px dotted #cecece;*/
  padding-bottom: 0.1em;
}

/*.pchild-e {
  margin-left: 15px;
}*/

.commentrow{
  margin-left: 7px;
}

div.commentContent {
    padding-bottom: 5px;
}

div.commentContent p{
  margin-top: .45em;
  margin-bottom: .45em;
}

.comment p, .cpreview-content p,  #postcontent p{
overflow-wrap: anywhere;
word-break: normal;
white-space: pre-wrap;
}

div.post.deletedpost, div.deletedpost.post, div.deletedpost, .deletedpost {
background: hsla(0, 100%, 51%, 0.2) !important;
color: #ddd;
}

/* /POST PAGE STYLES */

/* EDITOR STYLES */
.editbtns {
  height: 26px;
  margin-top: 2px;
  padding-left: .2em;
  width: 100%;
  border: 1px solid #ccc;
}

.editbtns .separator{
  border: none;
}

.editbtns div{
  margin-top: 2px;
  display: inline-block;
  height: 20px;
  width: 20px;
  border: solid 1px black;
  margin-right: 1px;
  text-align: center;
  padding-top: 1px;
}

.editbtns div svg{
  height: 18px;
}

.markdown-editor textarea {
  padding-top: .3em;
  margin-top: 0;
  box-shadow: none;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  width: 100%;
  color: #ddd;
}
/* /EDITOR STYLES */

/* MESSAGES STYLES */
.center-container .content{
  max-width: 100%;
}

#container2, .content a:link {
    color: #7c96cd;
}

#container2, .content a:visited {
    color: #7c96cd;
}

#container2, .content a:hover {
    color: #fff;
}

.pmessage.post p.title {
  border-bottom: 1px solid #c8c8c8;
  margin-left: 30px;
}

.pmessage.post {
  min-height: 70px;
  padding: .8em;
  border-radius: 8px 0 0 8px;
  background-color: #fefefe;
  -webkit-box-shadow: -3px 2px 4px 0 rgba(0,0,0,.1);
  -moz-box-shadow: -3px 2px 4px 0 rgba(0,0,0,.1);
  box-shadow: -3px 2px 4px 0 rgba(0,0,0,.1);
  margin: 8px 0;
}

.pmessage.post:nth-child(2n) {
  background-color: #f7f7f7;
  -webkit-box-shadow: -3px 2px 4px 0 rgba(0,0,0,.1);
  -moz-box-shadow: -3px 2px 4px 0 rgba(0,0,0,.1);
  box-shadow: -3px 2px 4px 0 rgba(0,0,0,.1);
}

.pmessage p.container a:hover {
    background: #ff6d15;
    color: #ffffff;
}

.pmessage p.container a {
    margin-right: 4px;
    cursor: pointer;
    padding: .5em 1em;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.06);
}

.pmessage p.container a.deletedmsg {
    background: #e20000;
    color: #ffffff;
}

.pmessage p.container a.savedmsg {
    background: #00aa09;
    color: #ffffff;
}

article.pmessage.post.newmsg {
    border-left: 5px solid #00b421;
}

.inbox.content {
  width: 96%;
}

form#msg-form {
  padding: 20px;
}

.closemsg,
.closepopmsg {
  float: right;
  font-size: 26px;
  cursor: pointer;
}

.highlight{
  background-color: rgba(244, 194, 10, 0.35);
}

@media (max-width: 35.5em){
  .createpost input#title, .createpost input#link, textarea#content,
  input#subject, form#msg-form .editbtns{
    width: auto;
  }
}

#formpop {
  position: fixed;
  top: 20px;
  left: 15%;
  z-index: 100;
  padding-top: 108px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

body .modal-content{
    background-color: #333;
    margin: auto;
    padding: 20px;
    width: 90%;
    border: 1px solid #555;
    border-radius: 10px;
}

/*#formpop .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 0px;
  border: 1px solid #888;
  width: 80%;
  border-radius: 10px;
  box-shadow: 4px 4px 16px #555;
}*/

textarea#content {
    width: calc(100% - 300px);
}
#msgpop textarea#content{width:100%;}
form#msg-form h3 {
    margin-top: 0;
}

/* /MESSAGES STYLES */

/* SUBS PAGE */

.sortable td {
    -webkit-box-shadow: -3px 2px 4px 0 rgba(0,0,0,.04);
    -moz-box-shadow: -3px 2px 4px 0 rgba(0,0,0,.04);
    box-shadow: -3px 2px 4px 0 rgba(0,0,0,.04);
}


.subs.content {
    width: 90%;
}

.subsentry .author {
  min-height: 40px;
}

.subsentry span.subcount,
.subsentry p.container button {
    margin-right: 4px;
    cursor: pointer;
    padding: .5em 1em;
    border-radius: 3px;
    background-color: rgba(0,0,0,.06);
}

td.subsentry.subsubscribed {
  border-left: 4px solid #00b421;
}

td.subsentry.blocked {
    border-left: 4px solid #b40000;
}
.sortable th svg {
  height: 16px;
}

td.subsentry.defaultsub {
  border-left: 4px solid #4163ac;
}
/* /SUBS PAGE */

/* USER PAGE */
.uprofile-top {
    text-align: center;
}

.uprofile-top .score{
  font-weight: bold;
}

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

.pblock.level{
  width: 120px;
  height: 120px;
  background-color: #d6dadc;
  border-radius: 50%;
}

.pblock.level .uprofile-level-box .mask, .pblock.level .uprofile-level-box .fill{
  width: 120px;
  height: 120px;
  position: absolute;
  border-radius: 50%;
  transition: -webkit-transform 1s;
  transition: -ms-transform 1s;
  transition: transform 1s;
  backface-visibility: hidden;
}

.pblock.level .uprofile-level-box .mask{
  clip: rect(0px, 120px, 120px, 60px);
}

.pblock.level .uprofile-level-box .fill{
  clip: rect(0px, 60px, 120px, 0px);
  background-color: #4163ac;
}

.pblock.level .inset{
  width: 100px;
  height: 100px;
  position: absolute;
  margin-left: 10px;
  margin-top: 10px;
  background-color: white;
  border-radius: 50%;

  line-height: 100px;
  font-size: 50px;
  font-weight: bold;
}

.statdiv {
    margin-left: 1em;
    margin-top: 1em;
}
li.profilebadge {
    list-style: none;
    display: inline-block;
    height: 48px;
    width: 48px;
    border-radius: 10px;
    margin: 4px;
    text-align: center;
}
.ucount {
    font-size: 34px;
    font-weight: bold;
}


.profilebadgeicon {
    font-size: 38px;
    padding: 0;
}
.profilebadgexp,
.profilebadgename {
    font-size: 12px;
}

article.comment {
    /*padding: .8em 0 0 .5em;*/
    border-radius: 8px 0 0 8px;
    background-color: #fefefe;
    margin: 4px 0;
}

/*article.comment {
padding: 0.5em 0 0.9em 0.5em;
background-color: #393939;
}*/

/*article.comment .score{
  margin: 0;
  line-height: 15px;
}*/

article.comment:nth-child(1n) {
  background-color: #595959;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(34, 34, 34, 1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(34, 34, 34, 1);
  box-shadow: 0px 0px 4px 0px rgba(34, 34, 34, 1);
}

article.comment:nth-child(2n) {
  background-color: #595959;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(34, 34, 34, 1);
  -moz-box-shadow: 0px 0px 4px 0px rgba(34, 34, 34, 1);
  box-shadow: 0px 0px 4px 0px rgba(34, 34, 34, 1);
}

article.comment:nth-child(1n):hover{
border-left: 2px solid #000000;
margin-left: -2px;
}

article.comment:nth-child(2n):hover{
border-left: 2px solid #000000;
margin-left: -2px;
}


article.comment.highlight {
  background-color: rgba(65, 99, 172, 0.67);
}

article.comment.highlightnew {
border: 2px solid #4163ac;
margin: -2px;
}

.commtitle {
    margin: .3em;
}
.userrow {
    text-align: center;
}
.userrow h3 {
    text-align: left;
}
.userrow .pblock {
    text-align: left;
}
li.habitentry {
    text-align: left;
}
/* /USER PAGE*/


/* MISC */

/* body::-webkit-scrollbar {
   width: 4px;
   background: #d94f00;
   z-index: -1;
}

body::-webkit-scrollbar-thumb {
    background: rgb(16, 16, 16);
}*/

/*ul#th-menu ul.left li {
    display: inline-block;
    margin-left: 4px;
}*/

/*.pure-menu a svg.logo {
    height: 2.8em;
    margin-top: 0px;
}*/

/* TABLE STYLES (from purecss) */
table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}
table td,
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 */
}

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

table td {
    background-color: transparent;
}


/* /TABLE STYLES */

/* chat */
.bigchat{height: 75vh;}

#fixedchat{
  height: 70vh;
}

#chbott-fixed{
  margin-top: .3em;
} 
#chbott-fixed #chsend{
  border: 1px solid;
}
#chpop{
  -webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.25);
  border:none;
  width: 25%;
  position: fixed;
  right: 1em;
  bottom: 0;
  background: #9f9f9f;
  border-radius: 2px 2px 0 0;
  max-height: 20em;
  height: 50%;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-radius: 8px 8px 0 0;
  z-index: 50;
}
#chbott{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.7em;
}
#chsend{
  background-color: #969696;
  width: 100%;
  height: 1.7em;
  padding-left: 5px;
}

#chtitle {
  color: #fff;
  background: #4163ac;
  font-size: smaller;
  height: 1.8em;
  padding-top: .2em;
  padding-left: .5em;
  cursor: pointer;
  border-radius: 8px 8px 0 0;
}
#chtitle:hover {
  color: #fff;
  background: rgba(65, 99, 172, 0.75);
}
#chtitle a{
  color: #fff;
}
#chcont{
  border-bottom: solid 1px #bbb;
  margin-left: 2px;
  height: calc(100% - 4.1em);
  color: #000;
  font-family: monospace;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #808080;
}
.msguser {
  padding-right: 5px;
  color: #273a66;
}


#chtitle .glyphbutton {
top: 0;
float: right;
margin-right: 0.5em;
}

/*#chcont::-webkit-scrollbar {
   width: 4px;
   background: #555;
   z-index: -1;
}
#chcont::-webkit-scrollbar-thumb {
    background: rgb(16, 16, 16);
}*/

.msg-hl{
  background-color: #d7d7d7;
}

.msg-ac{
  font-style: italic;
}
/* chat text format */
.irc-underline{text-decoration: underline;}
.irc-italic{font-style: italic;}
.irc-bold{font-weight: bold;}

.irc-fg0 {color:#ccc}
.irc-fg1 {color:#000}
.irc-fg2 {color:#3535b3}
.irc-fg3 {color:#2a8c2a}
.irc-fg4 {color:#c33b3b}
.irc-fg5 {color:#c73232}
.irc-fg6 {color:#80267f}
.irc-fg7 {color:#66361f}
.irc-fg8 {color:#d9a641}
.irc-fg9 {color:#3dcc3d}
.irc-fg10{color:#195555}
.irc-fg11{color:#2e8c74}
.irc-fg12{color:#4545e6}
.irc-fg13{color:#b037b0}
.irc-fg14{color:#4c4c4c}
.irc-fg15{color:#959595}

.irc-bg0 {background-color:#ccc}
.irc-bg1 {background-color:#000}
.irc-bg2 {background-color:#3535b3}
.irc-bg3 {background-color:#2a8c2a}
.irc-bg4 {background-color:#c33b3b}
.irc-bg5 {background-color:#c73232}
.irc-bg6 {background-color:#80267f}
.irc-bg7 {background-color:#66361f}
.irc-bg8 {background-color:#d9a641}
.irc-bg9 {background-color:#3dcc3d}
.irc-bg10{background-color:#195555}
.irc-bg11{background-color:#2e8c74}
.irc-bg12{background-color:#4545e6}
.irc-bg13{background-color:#b037b0}
.irc-bg14{background-color:#4c4c4c}
.irc-bg15{background-color:#959595}


/* Poll styles */ 

.poll-pbar {
background-color: #aaa ;
border-radius: 25px ;
border: 1px solid #9f9f9f ;
  width: 70%; 
  margin: 0 5px 2px 0; 
  padding: 1px; 
  vertical-align: middle;
  display: inline-block;
  height: 1.5em;
  background: #707070;
  margin-top: 0.5em;
}

.poll-pbar > div {
background-color: rgba(229, 229, 229, 1) ;
border-radius: 25px ; 
  height: 1.25em;
}

.poll-pbar.poll-voted > div {
background-color: #4163ac ;
    border-color: #4163ac ;
    border-radius: 25px ;
}

.poll-option {
margin-top: 1em;
margin-bottom: 1em;
}

.poll-option-text {
margin-left: 0.6em;
}

.poll-pbar.poll-voted {
margin-top: 0.5em;
}

.poll-space {
  color: #eee;
  padding: 0.02em 1em 1em;
}

.poll-space .poll-vote, .poll-space .poll-votes {
margin-left: 0.6em;
}

/* user uploads page */
.uploads.content {
    max-width: 640px;
}
.uploaditem {
    float: left;
    width: 120px;
    height: 140px;
    border: 1px solid rgba(85, 85, 85, 0.25);
    padding: 10px;
    text-align: center;
}
.uploadlinks {
    padding: 4px;
}
.uploadlink {
    margin-top: 4px;
}
.uploadthumb {
    width: 70px;
    height: 70px;
    margin: auto;
    border-radius: 4px;
}

/* admin */
tr.deletedrow {
    background: hsla(0, 100%, 51%, 0.2);
}

tr.redrow {
    background: hsla(0, 100%, 51%, 0.2);
}

tr.purplerow {
    background: hsla(284.72, 100%, 51%, 0.2);
}

tr.orangerow {
    background: hsla(34.77, 100%, 46.56%, 0.32);
}

a[href="#spoiler"]{
  background-color: #000;
  color: #000
}

a[href="#spoiler"]:hover{
  color:#fff
}

a[href="#toodamncool"]{
  animation: rb3 4s infinite;
  font-weight: 900;
}

@keyframes rb3{20%{color: red;}40%{color: yellow;}60%{color: green;}80%{color: blue;}100%{color: orange;}}

a.newcom {
  -webkit-animation: glowcom 1s ease-in-out alternate infinite;
  -moz-animation: glowcom 1s ease-in-out alternate infinite;
  animation: glowcom 1s ease-in-out alternate infinite;
}

@keyframes glowcom {
  from {
    color: #fff;
  }
  
  to {
    color: gray;
  }
}

.expandotxt, #postcontent, .commblock .content{
  word-wrap: break-word;
  /*word-break: break-all;*/
}

#postcontent img, .comments .content img{
  max-width: 100%;
  animation: expandopen 1s;
}

.commblock .content{
  margin-left: 1em;
  overflow: hidden;
}

.expando-master{
  display: block;
 /* margin-top: 0.7em;*/
}

.expando-wrapper{
  will-change: height;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.expando-iframe{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

.replybox{
  margin-bottom: 1em;
}

.motto{
  z-index: 20;
  top: 30px;
  position: absolute;
/*  left: 4em; */
  color: white;
  font-size: smaller;
}

#logocont{
  z-index: -1;
  position: absolute;
}

.admin_alert{
  background-color: red;
  color: white;
  top: 0px;
  position: fixed;
  width: 100%;
  display: block;
  height: 1.5em;
  font-size: 1.1em;
  text-align: center;
  line-height: 1.5em;
  z-index: 150;
}

.body_admin{
  margin-top: 1.5em;
}

.admin_alert form{
  display: inline-block;
}

.btn_link {
    background: none;
    border: none;
    padding: 0px;
    color: #00419d;
    font: inherit;
    text-decoration: underline;
}

/* topbar settings page */
.subsort_item{
  cursor: move;
  padding: 10px 40px;
  width: 32em;
  background: rgba(0,0,0,.1)
}

#subsort{
  list-style: none;
}

#playlistsort{
  cursor: move;
}

*.pure-button {
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
color: rgba(255, 255, 255, 1);
}

/**.pure-button-primary .button-sort-active {
color: #fff ;
border-bottom: #5778bf solid 3px ;
}*/

.homebutton:hover, *.button-sort-active{
color: #fff;
background-color: rgba(255, 255, 255, 0.16);
}

a.lv-0, a.poster.lv-0{
border: 1px solid #f374f0;
border-radius: 25px;
color: #f374f0;
}
a.lv0, a.poster.lv0{color: #009cb3;}
a.lv2, a.poster.lv2{color: #3e9a42;}
a.lv6, a.poster.lv6{color: #e2cc01;}
a.lv20, a.poster.lv20{color: #d39503;}
a.lv30, a.poster.lv30{color: #ba0000;}
a.lv50, a.poster.lv50{
color: #8cf;
border-left: 4px solid #4163ac;
border-right: 4px solid #4163ac;
border-radius: 15px;
background-color: #4163ac;
}
a.lv100, a.poster.lv100{
color: #cacaca;
border-left: 4px solid #aa0000;
border-right: 4px solid #aa0000;
border-radius: 15px;
background-color: #aa0000;
}




/* -----------------------------------------------------------------Below needs cleanup (some duplicates with above)-------------------------------------------------------*/



/* ---------------Scroll Text Banner-------------*/

.poaltxtbanner {
 overflow: hidden;
 position: relative;
}

.poaltxtbanner p{
  font-size: 0.8em;
  font-weight: 400;
  color: #999;
  position: relative;
  height: 1em;  
  z-index: 100;
  max-height: 1em;
  max-width: 100%;
  margin: 0;
  line-height: 1em;
  text-align: center;
  white-space: nowrap;
  -moz-transform:translateX(0%);
  -webkit-transform:translateX(0%);    
  transform:translateX(0%); 
  -moz-animation: poaltxtbanner 60s linear infinite;
  -webkit-animation: poaltxtbanner 60s linear infinite;
  animation: poaltxtbanner 60s linear infinite;
}

@media screen and (max-width: 800px){
.poaltxtbanner p{
  -moz-animation: poaltxtbanner 20s linear infinite;
  -webkit-animation: poaltxtbanner 20s linear infinite;
  animation: poaltxtbanner 20s linear infinite;
}
}

.poaltxtbanner p:hover {
  -webkit-animation-play-state:paused;
  -moz-animation-play-state:paused;
  animation-play-state:paused;
  cursor: pointer;
}

@-moz-keyframes poaltxtbanner {
  0%   { -moz-transform: translateX(100%); }
  100% { -moz-transform: translateX(-200%); }
}
@-webkit-keyframes poaltxtbanner {
  0%   { -webkit-transform: translateX(100%); }
  100% { -webkit-transform: translateX(-200%); }
}
@keyframes poaltxtbanner {
  0%   { 
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);       
 }
  100% { 
  -moz-transform: translateX(-200%);
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%); 
 }
}

/* ---------------Scroll Text Banner-------------*/



.pure-form-aligned2 .pure-control-group2 label {
text-align: left;
display: inline-block;
vertical-align: middle;
width: 18em;
}

#bttb {
display: none;
position: fixed;
bottom: 55px;
float: right;
right: 17px;
width: 2em;
font-size: 30px;
background-color: rgba(65, 99, 172, 0.40);
border-radius: 8px;
color: rgba(255, 255, 255, 0.40);
border: none;
margin: 0 auto;
padding: 0;
}

#bttb:hover {
  background-color: rgba(65, 99, 172, 0.40);
}

.pblock {
margin-right: 2em;
}


.commblocked {
opacity: 0.4;
}

.commnotblocked {
opacity: 1.0;
}

.ptime {
  color: #c4c4c4;
}

strong:not(a[href="#spoiler"] > strong) {
color: #e7e7e7 ;
}

a[href="#spoiler"]:hover > strong {
color: #fff ;
}



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

.htitle{
  font-size: 23px ;
  margin-top: 0.7em;
  margin-bottom: 0.3em;
}

/* div.pure-g .sbm-post .pure-button {
 
} */

.pure-g {

  letter-spacing: 0em;
}

button, input, optgroup, select, textarea {
color: #333;
}

#inputimg{
  color: #c9c9c9;
}

.bold.menuscore {
  color: #bbb;
}

.post:nth-child(2n) .expandotxt {
background-color: transparent;
/*background-color: #525252;*/
}

.expandotxt {
background-color: #555555;
color: #ccc;
font-size: 14px;
}

/*#postcontent, .poll-space {
background-color: #666666;
}*/






.score.archived{
  padding-top: 20px;
  color: #ddd;
}

.postedby{
  color: #ddd;
}

.content .pure-button.pure-button-primary.button-xsmall.btn-editcomment {
margin-top: 1em;
margin-bottom: 1em;
}

.content .pure-button.button-xsmall.btn-preview {
margin-top: 1em;
margin-bottom: 1em;
}

.pure-button.btn-preview.txcont {
/* margin-top: 1em; */
}

.pure-button.button-xsmall.btn-preview {
margin-top: 1em;
margin-bottom: 1em;
}

#graburl.pure-button {
/* margin-left: 4.9em; */
}

.pure-button {
color: rgba(255, 255, 255, 1);
}

#postcontent a:any-link {
color: #849cd0 ;
}

#postcontent a:any-link:hover {
color: #abbddf ;
}

#postcontent a:any-link:visited {
color: #708cc9 ;
}

#postcontent a:any-link:visited:hover {
color: #abbddf ;
}

.editbtns {
/*height: 33px;
margin-top: 2px;
padding-left: 0em;
width: 100%;*/
border: 0px;
}

.tingle-modal-box {
  background: #ccc ;
  border-color: #4163ac ;
  border: 1px solid #ccc; 
  border-radius: 50px ;
}




.poll-pbar {
background-color: #aaa ;
border-radius: 25px ;
border: 1px solid #9f9f9f ;
  width: 70%; 
  margin: 0 5px 2px 0; 
  padding: 1px; 
  vertical-align: middle;
  display: inline-block;
  height: 1.5em;
  background: #707070;
  margin-top: 0.5em;
}

.poll-option {
margin-top: 1em;
margin-bottom: 1em;
}

.poll-option-text {
margin-left: 0.6em;
}

.poll-pbar.poll-voted {
margin-top: 0.5em;
}

.poll-space {
  /*color: transparent;*/
  padding: 0.02em 1em 1em;
}

.poll-space .poll-vote, .poll-space .poll-votes {
margin-left: 0.6em;
}

.poll-pbar.poll-voted > div {
background-color: #4163ac ;
    border-color: #4163ac ;
    border-radius: 25px ;
}

.poll-pbar {
border-radius: 25px ; 
}

.poll-pbar > div{
background-color: rgba(229, 229, 229, 1) ;
border-radius: 25px ; 
}

.embedgames {
 width: 360px;
 height: 408px;
 border: 2px solid 333;
 margin: 0 auto;
 position: relative;
 text-align: center;
}

table td, table th {
font-size: 12px;
text-align: center;
}
  

object:focus {
  outline: none;
}

a.parv {
  font-size: 12px ;
  color: #626262;
}

a.ppv {
color: #6382c4;
}

a.ddv {
color: #cd0000;
}

.combar{
font-size: 11px;
color: #a3a3a3;
pointer-events: none;
}

table td, table th {
border-bottom: 1px solid #cbcbcb;
}

.submit-preview-buttons{
  margin-top: 10px;
}

.message-content-spacer{
  margin-top: 20px;
}

.divVisible {display:block;} .divHidden {display:none;}

.pure-menu a svg {
height: 3.2em;
margin: 0 -0.7em;
}

.sbimgcont {
width: 100%;
height: auto;
/*min-height: 150px;
max-height: 150px;
min-width: 100%;*/
}


.alldaposts{
margin-left: 0.5em;
margin-right: 0.5em;
height: auto;
}

#announcement-post .post{
background-color: #273b68;
border-radius: 8px;
margin: 0em 0.5em 1em 0.4em;
border: 1px solid #203054;
}


a {
color: #bbb;
}

body a[class^="lv"]:hover
{
color: #bbb;
}

div.commenthead a[class^="lv"]
{
font-size: 12px;
}

body a[class^="lv"]
{
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 10px;
}

a.subbtn {
font-family: Futura, "Trebuchet MS", Arial, sans-serif;
font-size: 14px;
text-transform: lowercase;
font-variant: small-caps;
}

a.subbtn {
color: #5a7bc1;
}

a.subbtn:hover {
color: #fff;
}



body .comments {
margin-left: 0.2em ;
color: #aeaeae ;
font-size: 12px;
}

body .comments-block {
/* margin-left: 0.5em ; */
color: #ddd ;
}

body .cmnts2 {
margin-left: 1.2em ;
color: #bbb ;
}

body a.loadsibling {
margin-left: 1.2em;
color: #829ad0;
}

.i-icon {
fill: #4163AC;
}

.expando{
  display: inline-table;
  height: 16px;
  width: 18px;
  border-radius: 6px;
  text-align: center;
  /*line-height: 2em;*/
  color: #444;
  /*margin-right: .2em;
  margin-left: 0px;*/
  cursor: pointer;
  top: 4px;
  position: relative;
  margin-right: 0.6em;
}

/*.cmts{
  display: inline-block;
  height: 22px;
  width: 22px;
  border-radius: 6px;
  text-align: center;
  line-height: 2em;
  color: #444;
  margin-right: .2em;
  margin-left: 0px;
  cursor: pointer;
  top: 7px;
  position: relative;

}


.expando .icon svg {
width: 20px;
height: 16px;
left: -6px;
}*/

/*.commenticon .icon svg {
width: 20px;
height: 16px;
left: -6px;
}*/

.commenticon, .icons {
display: inline-table;
height: 16px;
width: 16px;
border-radius: 6px;
text-align: center;
line-height: 1.2em;
margin-right: 0em;
margin-left: 0px;
/*cursor: pointer;*/
top: 4px;
position: relative;
}
.icons {
margin-right: 0em;
line-height: 0em;
/*pointer-events:none;*/
}

.psaveicon {
display: inline-table;
height: 16px;
width: 16px;
/* border-radius: 6px; */
/* text-align: center; */
/* line-height: 2em; */
cursor: pointer;
top: 0;
position: relative;
/* margin-right: 0.6em; */
float: right;
}

.utagicon {
display: inline-block;
top: 2px;
height: 16px;
width: 16px;
cursor: pointer;
position: relative;
}

code, pre {
background: #777;
}

body .p-icon[data-icon="exclaim"] {
    display: inline-block;
    top: 3px;
    position: relative;
}

/*.p-icon {
margin-top: 1px;
}*/

/*blockquote>p:not(:last-child) {
margin-bottom: 0.1em;
}*/

p {
/*  margin-left: 1em;*/
}

.pmessage.post p.title {
margin-left: 13px;
margin-top: 0.5em;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



blockquote {
border-left: 2px solid #869ed1;
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: #aed9ef ;
margin-left: 2.2em;
}

blockquote > blockquote {
border-left: 3px solid rgb(105, 134, 211) ;
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(105, 134, 211) ;
}

blockquote > blockquote > blockquote {
border-left: 3px solid rgb(36, 59, 123);
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(36, 59, 123) ;
}

blockquote > blockquote > blockquote > blockquote {
border-left: 3px solid rgb(24, 39, 82);
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(24, 39, 82) ;
}

blockquote > blockquote > blockquote > blockquote > blockquote {
border-left: 3px solid rgb(78, 103, 165);
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(78, 103, 165) ;
}


h5 p{margin: 0;}

h5 > p:not(:last-child) {
    margin-bottom: 1em;
}

h5 {
font-family: "Comic Sans MS", cursive, sans-serif;
font-size: 20px ;
margin: .3em 0 .3em 1em;
padding: .01em 0 .01em .7em;
background: -webkit-linear-gradient(#7a9bff 51.68%, #4163ac 65.13%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}




body del {
color: #970000;
}

.post .author {
color: #868686;
/* margin-left: 1em; */
font-weight: 600;
}



.score2 {
font-size: 16px;
margin: 1px 0;
text-align: center;
letter-spacing: normal;
color: #080;
}

body .pure-button-primary {
color: #fff ;
background-color: #4163ac ;
/* margin-top: 1em; */
}

body .pure-button-primary:hover {
color: #ddd ;
background-color: rgba(65, 99, 172, 0.75) ;
}

body .pure-button-sort {
color: #eee ;
background-color: #4163ac ;
border-left: 8px solid #4163ac;
border-right: 8px solid #4163ac;
border-radius: 15px;
}

body a.pure-button-sort-noselect:hover {
color: #fff ;
}

.comment-form button {
margin-top: 0em;
}

.comment-thread{
border: rgba(56, 86, 149, 0) solid 0.5em;
border-radius: 12px 12px 0 0;
background-color: rgba(56, 86, 149, 0.47);
text-align: center;
font-size: 0.8em;
margin-top: 1em;
}

.comment-thread:hover {
color: #fff;
background-color: rgba(65, 99, 172, 0.67);
}

.dv {
font-size: 16px ;
margin: 1px 0 ;
text-align: center ;
letter-spacing: normal ;
color: #f00 ;
}

abbr[title] {
    border-bottom:0px ;
}

.cw-items a:visited {
  color: #ddd ;
  text-decoration: none; 
}



.editbtns div svg path {
fill: #bbb ;

}

.editbtns div {
fill: #bbb ;
border: 1px solid #bbb;
border-radius: 4px;
}

body.author a:visited
{
  color: #333 ;
  text-decoration: none;
}

.pbody .author a:hover
{
  color: #ddd ;
}

a.authorlink.csticky{
color: #00ee00 ;
}




*.commentrow.text-post.no-padding.comment.csticky{
background-color: #335931;
padding-left: 0.4em;
margin-bottom: 0.5em;
}



*.commentrow.text-post.no-padding.comment{
padding-left: 0.4em;
margin-bottom: 0.5em;
}


.sbm-post.pici-button{
color: #ff8f02 ;
/* background-color: #ff8f02 ; */
border-radius: 18px ;
border: 1px solid #ff8f02;
font-family: inherit;
font-size: 100%;
padding: .5em 1em;
text-align: center;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;

}

.sbm-post.poalserv-button, .sbm-post.poalserv-button2{
color: #fff ;
background-color: #4163ac ;
border-radius: 18px ;
/* border: 3px solid #ff8f02; */
font-family: inherit;
font-size: 100%;
padding: .5em 1em;
text-align: center;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
}

/*.sbm-post.poalserv-button2{
width: 215px;
}*/

.sbm-post.poalserv-button:hover, .sbm-post.poalserv-button2:hover{
color: #ddd ;
background-color: rgba(65, 99, 172, 0.75) ;
}

/*.sbm-post.poalserv-button2:hover{
width: 220px;
}*/


/*.post:nth-child(2n)*/ .expandotxt, .post .expandotxt{
  background-color: rgba(24, 24, 24, 0) ;
}

.expandotxt .postcontent {
  border-radius: 25px 0 0 0;
 animation: expandopen 1s;
}

.expandotxt video{
max-width: 100%;
 animation: expandopen 1s;
}

.post .thumbnail img {
border-radius: 8px;
}

img {
border-radius: 4px;
max-width: 100%;
margin: 0px auto;
/*animation: expandopen 1s;*/
}



.th-navbar {
height: 40px;
background-color: #252525;
z-index: 50;
top: 0;
overflow-y: none;
flex: 0 0 auto;
position: sticky;
position: -webkit-sticky;
}



.poal-logo img{
min-width: 155px !important;
max-width: 155px !important;
height: 38px; /* 40px */
display: inline;
max-width: none;
margin-top: 0.05em;
}

.motto{
z-index: 20;
position: absolute;
text-align: center;
font-size: 9px;
left: 10.5em;
top: 30px ;
}

div#sortbuttons {
  padding-bottom: 0px;
  margin-bottom: 1em;
}

.sortpostsbuttons {
padding-bottom: 0px;
/*margin-top: 0.6em;*/
font-size: 12px;
}

div#sortpostsbuttons {
/*width: 350px;
max-width: 350px;*/
margin-left: 8em;
margin-top: 0.7em;
}

.votebuttons {
float: left;
/*margin-right: 8px;
margin-left: 4px;*/
text-align: center;
min-width: 23px;
min-height: 70px;
}

.votedanim {
  -webkit-animation: glow 0.5s ease-in-out alternate;
  -moz-animation: glow 0.5s ease-in-out alternate;
  animation: glow 0.5s ease-in-out alternate;
}

@keyframes glow {
  from {
    color: #fff;
    text-shadow: 0 0 10px #4163aa, 0 0 20px #4163aa, 0 0 30px #4163aa, 0 0 40px #4163aa, 0 0 50px #4163aa, 0 0 60px #4163aa, 0 0 70px #4163aa, 0 0 90px #4163aa;
  }
  
  to {
    color: gray;
    text-shadow: 0 0 20px #4163aa, 0 0 30px #4163aa, 0 0 40px #4163aa, 0 0 50px #4163aa, 0 0 60px #4163aa, 0 0 70px #4163aa, 0 0 80px #4163aa, 0 1 90px #4163aa;
  }
}

.glyphbutton {
top: 4px;
}

.mobile-show {
display: none;
}

.mobile-hide {
display: inline;
}

.commenthead {
font-size: smaller;
color: #c0c0c0;
/*margin-left: -0.5em;*/
padding-top: .4em;
padding-bottom: .5em;
background-color: #3d3d3d;
border-radius: 6px 0 0 0;
margin-left: -0.5em;
}

body .editbar path {
fill: #4163ac ;
}

.pure-button-primary, a.pure-button-primary {
    background-color: #444;
    color: #fff ;
    /* border: 2px solid #333; */
}

.pure-button-primary:hover {
    background-color: #0a0;
    color: #fff ;
}

.dropdown-toggle.moremenu {
/* text-align: center; */
cursor: pointer;
position: absolute;
font-size: 1.5em;
right: 0;
overflow: hidden;
margin-top: -0.2em;
}

.dropdown-toggle.moremenu:hover {
  background-color: #1e1e1e;
}

.stickyposts .post {
background-color: #183e1a;
border-radius: 8px;
margin: 0em 0.5em 1em 0.5em;
}



body .form label, body .pure-control-group label {
    /*color: #4163ac;*/
    color: #97acd8;
}

.pmessage p.container a:hover {
    background: #888;
    color: #fff;
    border-radius: 18px;
}

.button-warning {
    background: #e22;
}


h2, h3, h4 {
color: #828282;
/*margin-left: 1em;*/
}

.sidebar h4 {
color: #ffffff;
}

div.moderators {
  color: #ffffff;
}

div.createdby {
  margin-left: 1em;
  color: #ffffff;
}

.pmessage.post:nth-child(2n) {
background-color: #282828;
}

.pmessage.post {
background-color: rgba(54, 54, 54, 1);
}

span.mailcount {
    background: #f00;
    color: #fff;
    top: 0px;
  width: 16px;
  height: 16px;
}



.pblock.level .inset {
background-color: #444;
font-size: 45px;
}



#container2, .content {
    color: #bdbdbd;
}

#container2, .logincontent {
    color: #ffffff;
    /*margin-top: 60px;*/
}

.sidebar p{
    /*color: #77A6CD;*/
    color: #7c96cd;
}

.warningsub{
  margin-left: 1em;
  color: #dd0000 ;
}

.subs {
color: #fff;
}

.highlight {
    background-color: #ddd;
}

.pmessage p.container a {
    margin-right: 1px ;
    border-radius: 18px;

}

.pmessage p.container a.savedmsg {
    background: #008407;
    color: #ddd ;
}

.pmessage p.container a:hover {
background: #4163ac;
color: #fff;
border-radius: 18px;
}


.content a[href="#spoiler"]:visited {
color: #555 ;
background-color: #555 ;
border-radius: 2px;
}

.content a[href="#spoiler"]:hover {
color: #abbddf ;
background-color: #555 ;
border-radius: 2px;
}

.content a[href="#spoiler"] {
color: #555 ;
background-color: #555 ;
border-radius: 2px;
}

#postcontent a[href="#spoiler"]:visited {
color: #555 ;
background-color: #555 ;
border-radius: 2px;
}

#postcontent a[href="#spoiler"]:hover {
color: #abbddf;
background-color: #555 ;
border-radius: 2px;
}

#postcontent a[href="#spoiler"] {
color: #555 ;
background-color: #555 ;
border-radius: 2px;
}

.expandotxt a:link {
color: #4163ac;
}

.expandotxt a:visited {
color: #7c7c7c;
}

.expandotxt a:hover {
color: #ffffff;
}

.expandotxt a[href="#spoiler"]:visited {
color: #555 ;
background-color: #555 ;
border-radius: 2px;
}

.expandotxt a[href="#spoiler"]:hover {
color: #abbddf ;
background-color: #555 ;
border-radius: 2px;
}

.expandotxt a[href="#spoiler"] {
color: #555 ;
background-color: #555 ;
border-radius: 2px;
}


#ban-user-form .date-picker-future.input{
  display: none;
}

.pure-form button[type="submit"] {
  margin: 0em 0 0;
}

.expandotxt img{
  border: 0;
  max-width: 100%;
  /* max-height: 90vh; */
  border-radius: 8px;
 animation: expandopen 1s;
}

@keyframes expandopen {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {        
        transform: scale(1);
        opacity: 1;
    }
}


.blk {
  color: #fff;
  background-color: #d00;
}

.blk:hover {
  color: #fff;
  background-color: #f00;
}

.sub {
  color: #fff;
  background-color: #009d00;
}

.sub:hover {
  color: #fff;
  background-color: #00c500;
}

.subs {
  color: #f2f2f2;
}


/* ---------------------------------------------------------------- */

.dropbtn {
background-color: rgba(81, 81, 81, 1);
color: #ddd;
padding: 0.45em;
font-size: 14px;
border: none;
cursor: pointer;
width: 4em;
position: relative;
z-index: 2;
border-radius: 16px 16px 0 0;
}

.postscore {
  color: #ffffff;
  font-size: 1.2em;
  margin-top: 0.44em;
}

.usermenu {
display: inline-block;
background-color: transparent;
color: rgba(255, 255, 255, 0.50);
padding: 0.5em;
font-size: 0.8em;
border: none;
cursor: pointer;
position: relative;
z-index: 5;
width: auto;
max-width: 130px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 1.5em;
}

.usermenu:hover, .usermenu:focus {
  color: #fff;
}

.noHover{
    pointer-events: none;
}

.separator {
margin-left: .25em;
margin-right: .25em;
border-left: 1px #444 dotted;
padding-top: 0px;
margin-top: 1em;
}



#usermenu-content {
display: none;
position: absolute;
background-color: inherit;
/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
z-index: 1;
margin-bottom: -16.5em;
font-size: 13px;
right: 0;
width: 5.5em;
text-align: center;
border-radius: 0 0 0 18px;
height: 16.5em;
bottom: 0;
}

#usermenu-content a {
  padding: 7px 16px;
  text-decoration: none;
  display: block;
  
}

#usermenu-content a:hover {
background-color: rgba(255, 255, 255, 0.16);
border-radius: 8px;
color: #fff ;
}



.dropbtn:hover, .dropbtn:focus {
  background-color: #4163ac;
  color: #fff ;
  z-index: 5;
  border-radius: 16px 16px 0 0;
}

.dropdown-menu {
position: absolute;
display: inline-block;
right: 0;
/* margin-top: 4px; */
bottom: 0.4em;
}

.dropdown {
position: absolute;
display: inline-block;
margin-top: -0.4em;
margin-left: 0.3em;
}

.dropdown-content {
display: none;
position: absolute;
background-color: inherit;
min-width: 4.65em;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
border-radius: 0 ;
margin-top: -1em;
margin-bottom: -1.4em;
font-size: 12px;
padding-top: 1.2em;
}

.dropdown-postsort {
display: none;
position: absolute;
background-color: inherit;
width: 3.7em;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
font-size: 1em;
}



.dropdown-content a.pure-button:hover{
background: rgba(65, 99, 172, 0.75);
color: #fff ;
padding: 8px;
border-radius: 0 ;
}

.dropdown-content a.pure-button {
background: #4163ac;
color: #fff;
padding: 8px;
}



.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  border-radius: 0 ;
}

.dropdown-content a:hover {
  background-color: #4163ac;
  border-radius: 0 0 16px 16px;
  color: #fff;
}

/*body .dropbtn.sortposts {
background-color: #4163ac;
border-radius: 0 0 10px 0;
margin-left: -2em;
position: absolute;
height: 1.8em;
font-size: 10px;
padding: 0em;
width: 7.11em;
}*/

.sortposts-content{
/*margin-left: -2em;*/
margin-top: 0.3em;
position: absolute;
}

.sortposts:hover{
border-radius: 0 16px 0 0;
}

.show, .showcomsort, .showpostsort {display:block;}

.hidden {display:none;}


::placeholder {
color: #555;
}

.searchp:hover, .submitp:hover {
background-color: #4163ac;
color: white;
}

#searchp-content, #submitp-content {
display: none;
position: absolute;
background-color: inherit;
z-index: 1;
margin-top: 3em;
font-size: 13px;
right: 0;
width: 22em;
text-align: center;
border-radius: 0 0 18px 18px;
height: auto;
top: 0;
}

#submitp-content {
margin-bottom: -5em;
width: 23em;
border-radius: 0 0 0 14px;
height: 5em;
}



.video-js {
  width: 66vw;
  height: 60vh;
}

.comcombo a.comamount, .links a.comamount {
color: #777;
}

.alldaposts a.comamount, .links a.comamount {
color: #777;
/*right: 0em;*/
}

.expando svg, .commenticon svg, .icons svg, .psaveicon svg {
fill: #777;
}

.alldaposts a.comamount:hover, .links a.comamount:hover {
color: #ddd;
/*right: 0em;*/
}

.expando svg:hover, a.commenticon svg:hover, .icons svg:hover, .psaveicon svg:hover {
fill: #ddd;
}

.comcombo:hover .commenticon svg {
fill: #ddd;
}

.comcombo:hover, .alldaposts a.comamount:hover {
color: #ddd;
fill: #ddd;
}

.comcombo {
  margin-right: 0.5em;
}

/* ------------Mentions-------------*/


.tribute-container {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  max-height: 300px;
  max-width: 500px;
  overflow: auto;
  display: block;
  z-index: 999999;
}
.tribute-container ul {
  margin: 0;
  margin-top: 6px;
  padding: 0;
  list-style: none;
  font-size: 0.9em;
  color: #fff;
  background-color: #888888;
  border: 1px solid #4163ac;
  border-radius: 6px;
}
.tribute-container li {
  padding: 5px 10px;
  cursor: pointer;
}
.tribute-container li.highlight {
  background: #4163ac;
}

.tribute-container li span {
  font-weight: bold;
}
.tribute-container li.no-match {
  cursor: default;
}
.tribute-container .menu-highlighted {
  font-weight: bold;
}


/* ---------------------------*/

/* admin section stuff */
@media screen and (max-width: 900px){  
  .admt {
    font-size:9px;
    max-width:84px;
    text-align:center;
  }
  .admt2 {
    font-size:9px;
    max-width:23px;
    text-align:center;
  }
}

/* --------------------------- */
@media (max-width: 27.999em) {
  .subinfomobile {
    /* margin-top: 88px ;*/
    text-align: center ;
  }
}

/* @media only screen and (min-width:481px) and (max-width:1024px){ */
@media only screen and (max-width:500px){
  .th-navbar {
    /*height: 75px;*/
    height: auto;
  }
  .dropdown-menu {
    /*bottom: 0.6em;*/
    bottom: auto;
  }
}

@media only screen and (min-width:399px) and (max-width:400px){
  .poll-pbar {
    width: 40%;
  }

  div#sortpostsbuttonsm {
    /*width: 350px;
    max-width: 350px;*/
    /*margin-left: 0em;
    margin-top: 0.6em;*/
    margin-left: 15em;
    margin-top: -3em;

  
  }

  body.dark .poll-pbar {
    width: 40%;
  }
  /* new comment width for mobile */

  /*.pchild {
    margin-left: 0px;
  }*/

  .upvote, .downvote {
    width: 20px;
  }

  .c-upvote, .c-downvote {
    width: 20px;
    height: 0em;
    margin-bottom: 2em;
    margin-left: 0.2em;
  }

  .votebuttons {
    margin-right: 0.1em;
    /*display: inline-flex;*/
    height: 100%;
    min-width: 1em;
    max-height: 70px;
    padding: .15em .2em 0 .2em;
    display: inline-block;
    float: left;
    margin-right: auto;
    /* max-width: 2.2em; */
    margin-left: auto;
    text-align: center;
  }

  .votecomment {
    width: 16px;
  }

  .post .thumbnail img {
    top: 57%;
  }

  .commenthead {
    margin-left: 1em;
  }

  .commentrow.text-post.no-padding.comment {
    padding: 0.4em 0 0.4em 0.4em;
  }

  article.comment:nth-child(n) {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  }

  article.comment:first-of-type {
    border-radius: 8px;
  }

  *.commentrow.text-post.no-padding.comment {
    padding-left: 0.4em;
  }

  /*body .comments-block {
    margin-left: 0.4em ;
  }*/

  /* new comment width for mobile */

  .mobile-show {
    display: inline;
  }

  .mobile-hide {
    display: none;
  }

}

@media screen and (min-width: 486px) and (max-width: 599px) {
  .sidebar-off{
   margin-left: -20em;
  }
}

@media (max-width: 375px){
  /*.editbtns {
    height: 33px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0em;
    width: 104% ;
    border: 0px;
  }*/
  div.markdown-editor {
    width: 100%;
  }
}

@media (max-width: 35.5em){
  .createpost input#link, .createpost input#title, form#msg-form .editbtns, input#subject, textarea#content {
    width: 100%;
    /*text-align: center;*/
  }

  .createpost input#link {
    width: 100%;
    /*text-align: center;*/
  }

  /*.editbtns {
    width: 104% ;
  }*/

  form#msg-form {
    padding: 25px ;
  }

  .markdown-editor textarea {
    width: 100%;
  }
}


@media screen and (min-width: 481px){  
  #hiddensubs {
    /*margin: 1.8em 0 0;*/
    max-height: 75%;
    overflow: hidden;
  }
}

@media only screen and (max-width:599px){

.post-heading {
    padding-top: 0em;
}


  body .sidebar-on, body .sidebar-off {
    background-color: #333333;
  }

  #tsb{
    min-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .sidebar-on {
    -webkit-transition: left linear 0.3s;
    -moz-transition: left linear 0.3s;
    -o-transition: left linear 0.3s;
    transition: left linear 0.3s;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .sidebar-off {
    -webkit-transition: left linear 0.3s;
    -moz-transition: left linear 0.3s;
    -o-transition: left linear 0.3s;
    transition: left linear 0.3s;
    position: absolute;
    height: auto;
    display: inline-block;
    left: -40em;
    min-width: 100%;
  }

  .tsb-on{
    display: none;
  }

  .tsb-off{
  height: 100%;
  width: 0;
  top: 0;
  left: 0;
  /*background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);*/
  overflow-x: hidden;
  width: 100%;
  display: block;
  }

  .ft-on{
  display: none;
  }

  .ft-off{

  }

  article.comment {
    padding: 0.8em 0 0 0em;
    background-color: #393939;
  }

  .links li {
    display: inline-block;
    padding: 0 .6em;
  }

  /*.links {
    margin: -8px 0 -0.2em 0.3em;
  }*/

  .thcontainer{
    margin-left: 8px;
    width: 60px;
    height: 60px;
    margin-right: 8px;
    margin-top: 0.35em;
  }

  .post .thumbnail {
    width: 60px;
    height: 60px;
  }

  .pbody, .postinfo{
    padding-left: 0em;
  }

  .postinfo {
    width: 86%;
    margin-left: 1em;
  }

  .post-heading {
    font-size: 14px;
    /* font-weight: bold;
    margin-left: 2em; */
  }

 /* .pbody {
    max-width: calc(100% - 113px);
  }

  .nothumbs{
    max-width: calc(100% - 113px);
  }
*/

  .mobile-show {
    display: inline;
  }

  .mobile-hide {
    display: none;
  }

  .subinfo {
    margin: 0px;
  }

  body.dark .th-subbar {
    color: #fff ;
    background-color: #111;
    border-bottom: 1px solid #334;
    /* position: fixed;
    overflow: hidden;*/
    z-index: 50;
    /*padding-top: 48px;*/
  }

  body.dark .th-subbar a{
    color: #fff ;
  }

  .th-subbar a{
    color: #fff ;
  }

  .th-subbar {
    background-color: #334;
    border-bottom: 1px solid #334;
    /* position: fixed;
    overflow: hidden;*/
    z-index: 50;
    /*padding-top: 48px;*/
  }

  .wholepost {
    /*padding-top: 59px;
    margin-top: 1em ;*/
    padding-left: 0.5em;
    padding-right: 0.5em;
  }

  #container {
  /*  padding-top: 88px;*/
  }

  #searchcontainer {
    padding-top: 0px;
  }

  .searchcommblock{
    border-bottom: solid 1px #444;
  }

  #searchbutton {
    margin-left: 10px;
  }

  div.author{
    line-height: 19px;
  }

  #container {
    padding-left: 0px ;
  }

  .misctainer {
    padding-right: 4px;
    max-height: 70px;
  }

  .pure-control-group .markdown-editor {
    width: 100% ;
  }

  input#title {
    width: 300px ;
  }

  .content.createpost {
    width: 300px ;
  }

  #hiddensubs {
    /*top: 2em;*/
    z-index: 3 ;
  }

  .sidebarb {
    font-size: 1em ;
  }

  .th-subbar ul{
    margin: 0.1em 0.1em .2em;
  }
  
}


/*@media screen and (min-width: 600px){  
  .pure-u-md-1-4, .pure-u-md-6-24 {
    flex: 0 0 180px;
    font-size: 10px;
  }
  .pure-u-md-3-4, .pure-u-md-18-24 {
    flex: 1;
  }
  .pure-g.head {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
}/*

@media (max-width: 47.999em){  
.postinfo {
display: inline-block;
width: 91%;
margin-left: 0.5em;
}
}

/*@media screen and (min-height: 450px) and (min-width: 600px) and (max-width: 799px){  
.postinfo {
width: 88%;
margin-left: 1em;
}
}*/

@media screen and (min-width: 600px){  
  .pure-g.head {
    margin-left: auto;
    margin-right: auto;
    max-width: 1330px;
    width: 98%;
}

  .pure-u-md-1-4, .pure-u-md-6-24 {
    flex: 0 0 250px;
    /*width: 25%;*/
    font-size: 12px;
    min-width: 250px;
  }
  .pure-u-md-3-4, .pure-u-md-18-24 {
    flex: 1;
    /*width: 80% ;*/
  }
  /*.postinfo {
    width: 81%;
    margin-left: 0.5em;
  }*/
}

/*@media screen and (min-width: 799px) and (max-width: 1024px){  
  .postinfo {
    width: 81%;
    margin-left: 0.5em;
  }
}*/



@media (max-width: 47.999em) {
  .subinfomobile {
    /* margin-top: 22px ; */
    text-align: center ;
  }

  .pure-g.head {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }

  .footer {
    font-size: 9px;
  }

  /*.poal-logo img {
    height: 40px;
    display: inline;
    margin-left: -3em;
  }*

  .motto {
    left: 5em;
  }*/

  .usermenu {
    margin-right: 0;
    max-width: 80px;
    overflow: hidden; /* truncate... */
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #th-uinfo {
    /* margin-top: -13px; */
    margin-left: 10px;
  }
  .th-toggle{
    margin-top: 0.4em;
  }

  .pure-u-md-1-4, .pure-u-md-6-24 {
    flex: 0 0 180px;
    max-width: 180px;
  }

    div#sortbuttons {
    padding-top: 0.2em;
    padding-bottom: 0px;
    /*margin-left: 3em;*/
  }
  div#sortpostsbuttons {
    /*width: 350px;
    max-width: 350px;*/
    /*margin-left: 0em;
    margin-top: 0.6em;*/
    margin-left: 14em;
    margin-top: -3em;

  
  }
  .pure-u-1.pure-u-md-3-24{
    /*width: 155px;*/
    /*margin-left: -3em;*/
  }
  /*.poal-logo{
    width: 100px;
  }*/

}

@media screen and (max-width: 599px) {
  #usermenu-content, #searchp-content {
    z-index: 150
  }
  .video-js {
    width: 100%;
    max-height: 300px;
  }
  .pure-u-md-1-4, .pure-u-md-6-24 {
    /*flex: 0 0 180px;
    max-width: 180px;*/
    min-width: 100%;
  }
  .commenthead {
    margin-top: -1em;
  }
  .commenthead.recent {
    margin-top: -1em;
    /*margin-left: -0.7em !important;*/
  }
}

/* dark mode styles */
body.dark .th-l-stroke[stroke="#fff"] {
    stroke: #cdcdcd;
}

body.dark .th-l-fill[fill="#fff"] {
    fill: #cdcdcd;
}

body.dark code, body.dark pre{
  background: #161616;
}

body.dark .profilebadge path {
  /* fill: #686868; */
}

body.dark .th-toggle .bar{
  background-color: #666;
}

body.dark {
  background-color: #0d0d0d;
  color: #7d7d7d;
}

body.dark .hasmail i{
  color: #e14f00;
}

body.dark #toggledark i {
    color: #ff0;
}
/*body.dark .postflair {
  background-color: #000;
  border: 1px solid #1d1d1d;
}*/
/* Hot, Top, New, Domain */

body.dark div#sortbuttons span {
/*    color: #ddd;
    background-color: #101010;*/
}


body.dark div#sortbuttons {
/*  color: #7b4a3f; */
}

/*body.dark a:hover,
body.dark #sortbuttons a:hover, {
color: #d17262;
}
*/

body.dark .post .domain a,
body.dark .post .domain {
    color: #555;
}

body.dark .post .domain a:hover, body.dark .post .domain:hover {
color: #ddd;
}

/* Header */

body.dark .th-navbar {
  background-color: #0a0a0a;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
}

/* Sub bar */

/*body.dark .th-subbar{
  background-color: #000;
  border-bottom: 1px solid #333;
}

body.dark .th-subbar ul li {
    color:#cdcdcd;
}

body.dark .th-subbar a {
    color: #a5a5a5;
}

body.dark .th-subbar a:hover {
    color: #ffffff;
}*/

/* Posts */

body.dark .highlight{
  background-color: rgba(64, 64, 61, 0.35);
}

body.dark .votebuttons {
  fill: #7d7d7d;
  color: #7d7d7d;
}





/*body.dark .thumbnail .placeholder svg path {
    fill: #555;
}

body.dark .p-icon[data-icon="exclaim"] path {
    fill: #ffffff;
}*/

body.dark path.htt0 {
fill: #C40000 ;
}

body.dark path.htt1 {
fill: #fff ;
}

/* Buttons */



body.dark .pure-button {
  background: rgba(51, 51, 51, 0.5);
  color: #ddd;
}

body.dark .inboxside .button-secondary {
    background: #3e3e3e;
}

body.dark .button-secondary:hover, body.dark .pure-button:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
}

body.dark .pure-button-primary {
color: #ddd ;
background-color: rgba(65, 99, 172, 0.75) ;
}

body.dark .pure-button-primary:hover {
color: #fff ;
background-color: #4163ac ;
}

body.dark .pure-button.button-secondary{
  background: #333;
} 


body.dark a#nextp,
body.dark a#prevp {
  color: #c0c0c0;
}

body.dark a#nextp:hover,
body.dark a#prevp:hover {
  color: #ffffff;
}

body.dark .cmpreview {
 color: #fafafa;
}

body.dark .homebutton:hover, body.dark .button-sort-active{
color: #fff;
background-color: rgba(255, 255, 255, 0.16);
}

/* Expandos */

/* body.dark .expando {
    background-color: #0a0a0a;
}*/

body.dark .post:nth-child(2n) .expandotxt {
    background-color: transparent;
    /*color: transparent;*/
}

/* body.dark .post .expandotxt {
  color: #ddd;
}*/

body.dark .post{
background-color: #181818;
border: none;
}

body.dark .post:hover {
background-color: #242424;
}

body.dark .post .title:link {
    color: #969696;
}

body.dark .post .title {
  color: #a6a6a6;
}

body.dark .post .title:visited {
  color: #5c7dc2;
  }

body.dark .post .title:hover {
  color: #ffffff;
}



body.dark .pure-control-group label,
body.dark .form label {
    color: #a63c00;
}

body.dark input[type="text"]:not(.numInput),
body.dark input[type="email"],
body.dark input[type="url"],
body.dark textarea,
body.dark input[type="password"] {
  color: #ffffff;
  background-color: #252525;
  box-shadow: inset 0 1px 3px #303030;
  border-color: #444;
}

body.dark{
  color: #666;
}

body.dark #postcontent, body.dark .poll-space{
  /*background: #111;*/
  background: transparent;
}
body.dark .editbtns{
  border-color: #444;
}

body.dark .editbtns div{
  border-color: #292929;
}

body.dark .editbtns svg path{
  fill: #666;
}

body.dark input[type="text"]::placeholder,
body.dark input[type="email"]::placeholder,
body.dark input[type="url"]::placeholder,
body.dark textarea::placeholder,
body.dark input[type="password"]::placeholder {
  color: #555;
}

body.dark input#buyamount ~ b {
    color: #c2c2c2;
}


body.dark input[type="title"] {
color: #ddd;
background-color: #252525;
box-shadow: inset 0 0px 0px #252525;
border-color: #252525;
}

/* Mentions */
body.dark .tribute-container li.highlight {
  background: #203054;
}

body.dark .tribute-container ul {
background-color: #1f1f1f;
border: 1px solid #203054;
border-radius: 6px;
}
/* /Mentions */


/* Sidebar */
body.dark .sidebar{
  background-color: #0d0d0d;
}

body.dark .sidebar h4 {
  color: #ccc;
}

body.dark input[type="search"] {
  background-color: #000;
  color: #fff;
  border-color: black;
}

body.dark .sidebar ul.top5 li a {
    color: #ab4409;
}

body.dark hr {
   border-bottom: 1px solid #333333;
}

body.dark .sidebarlists {
color: #7b93b8;
background-color: #232323;
}

body.dark .sidebarlists.head {
background-color: #171717;
}


/* /Sidebar */

/* MESSAGES STYLES */
body.dark .pmessage.post p.title {
    border-bottom: 1px solid #343434;
}
body.dark .pmessage.post {
    background-color: #000000;
}

body.dark .pmessage.post p.container a{
    background-color: rgba(0, 0, 0, 0.2);
}

body.dark .pmessage.post p.container a:hover{
    background-color: rgba(0, 0, 0, 0.5);
    color: #b66f5f;
}

body.dark .pmessage p.container a.deletedmsg {
    background-color: rgba(226, 0, 0, 0.3);
    color: #a8a8a8;
}

body.dark .pmessage p.container a.savedmsg {
    background-color: rgba(0, 170, 9, 0.3);
    color: #a8a8a8;
}

body.dark .pmessage.post:nth-child(2n) {
    background-color: #101010;
}

body.dark .modal-content{
    background-color: #111;
}

/*body.dark #formpop .modal-content {
    background-color: #111;
    border: 1px solid #4d4848;
    box-shadow: 4px 4px 16px #1d1d1d;
}*/
body.dark .modal-content h3,
body.dark #formpop .modal-content h3,
body.dark #formpop .modal-content p {
    color: #cccccc;
}
body.dark .modal-content .closemsg,
body.dark #formpop .modal-content .closemsg {
    color: #999;
}
/* /MESSAGES STYLES */

/* SUBS PAGE */
body.dark .subsentry svg {
    fill: #fff;
}
body.dark .sbm-icon svg {
    fill: #fff;
}

body.dark div.moderators {
  color: #dddddd;
}

body.dark div.createdby {
  margin-left: 1em;
  color: #dddddd;
}

/* /SUBS PAGE */

/* USER PAGE */
body.dark .pblock.level .inset{
  background-color: #0a0a0a;
}

body.dark .pblock.level{
  background-color: #474747;
}

body.dark .uprofile.content {
    border: 2px solid #474747;
    background: rgba(0, 0, 0, 0.9);
}
body.dark article.comment {
    background-color: #101010;
}
body.dark article.comment:nth-child(2n) {
    background-color: #0d0d0d;
}
/* /USER PAGE */

/* misc */
body.dark span.mailcount {
  background: red;
}
body.dark table td, body.dark table th, body.dark table{
  border-color: #4e4e4e;
}
body.dark table thead{
  background-color: #5c5c5c;
}
body.dark path[stroke="#ff6d15"] {
    stroke: #7b4a3f;
}
body.dark path[fill="#ff6d15"] {
    fill: #7b4a3f;
}
body.dark .mod2-inv{background-color: #060606;}

body.dank div:not(.pure-menu):not(.cw-brand):not(#menu) {
    filter: grayscale(100%);
}

body.dank::-webkit-scrollbar{
     background: #555;
}

body.dank .th-l-stroke {animation: rb 1s infinite; }
body.dank .th-l-fill {animation: rb2 1s infinite; }
@keyframes rb2{20%{fill: red;}40%{fill: yellow;}60%{fill: green;}80%{fill: blue;}100%{fill: orange;} }
@keyframes rb{20%{stroke: red;}40%{stroke: yellow;}60%{stroke: green;}80%{stroke: blue;}100%{stroke: orange;}}

/* chat */
body.dark #chbott-fixed #chsend{
  border: 1px solid #333;
}

body.dark #chtitle {
  background: rgba(65, 99, 172, 0.75);
  color: #ccc;
}
body.dark #chtitle:hover{
  color: #fff;
  background: #4163ac;
}

body.dark #chpop {
    background: #202020 ;
    border-top: 1px solid #aaa ;
    border-left: 1px solid #aaa ;
}
body.dark #chcont {
  border-bottom: none;
  color: #ccc;
  background-color: #121212;
}

body.dark #chsend {
    background-color: #0d0d0d;
}

body.dark .msg-hl{
  background-color: #111;
}

body.dark .msguser {
  color: #748fca;
}

/* other stuff? */

body.dark a[href="#spoiler"]{
  background-color: #050505;
  color: #050505
}

body.dark a[href="#spoiler"]:hover{
  color:#fff
}

body.dark .cw-items a{
  color: #fff;
}

body.dark .motto{
  color: #cdcdcd;
}

body.dark .admin_alert{
  background-color: #bd0101;
  color: #dedede;
}

body.dark .admin_alert .btn_link{
  color: #1b006f;
}

body.dark .editbar path {fill: #4163ac ;}

body.dark #hiddensubs{
  background: #111;
}

body.dark #hiddensubs li:hover{
  background-color: #2b2b2b;
}

body.dark thead a{
  color: #231411
}

body.dark a {
  color: #bdbdbd;
}

body.dark a:hover {
  color: #fff;
}

body.dark #container2, body.dark .content {
    color: #adadad;
}

body.dark #container2, body.dark .logincontent {
    color: #adadad;
}

body.dark #container2, body.dark .content a:link {
    color: #7b93b8;
}

body.dark #container2, body.dark .content a:visited {
    color: #5673a0;
}

/*body.dark .content a:visited
{
  color: #397aea;
  text-decoration: none;
}*/

body.dark .content a:hover {
  color: #fff;
}

/* BELOW IMPORTED FROM poal.css */


body.dark article.comment:nth-child(1n) {
background-color: #101010;
border: 1px solid #202020;
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1);
-moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1);
box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 1);
}

body.dark article.comment:nth-child(1n):hover{
border-left: 2px solid #4163ac;
margin-left: -1px;
}

body.dark article.comment:nth-child(2n):hover{
border-left: 2px solid #4163ac;
margin-left: -1px;
}

body.dark article.comment.highlight {
  background-color: rgba(65, 99, 172, 0.67);
}


body.dark article.comment.highlightnew {
  border: 2px solid #4163ac;
  margin: -1px;
}

body.dark #postcontent a:any-link:visited {
color: #4163ac ;
}

body.dark #postcontent a:any-link:visited:hover {
color: #abbddf ;
}

body.dark .tingle-modal-box {
  background: #101010 ;
  border-color: #4163ac ;
  border: 1px solid #ccc; 
  border-radius: 50px ;
}

body.dark .poll-pbar{
  background-color: #4a4a4a ;
  border-color: #4163ac ;
  border: 1px solid #3f3f3f; 
  border-radius: 25px ;
  width: 70%; 
  margin: 0 5px 2px 0; 
  padding: 1px; 
  vertical-align: middle;
  display: inline-block;
  height: 1.5em;
  background: #707070;
  margin-top: 0.5em;
}


body.dark .poll-pbar.poll-voted > div {
background-color: #4163ac ;
    border-color: #4163ac ;
    border-radius: 25px ; 
}

body.dark .poll-pbar > div, .poll-pbar {
background-color: #aaa ;
border-radius: 25px ; 
}

body.dark input[type=search] {
background-color: rgba(65, 99, 172, 0.26);
color: #fff;
border-color: #000;
border-radius: 18px;
}

body.dark #announcement-post .post{
background-color: #131d33;
border: 1px solid #203054;
}

body.dark .comments {
margin-left: 0.2em ;
color: #999 ;
font-size: 12px;
}

body.dark a.comments:hover {
margin-left: 0.2em ;
color: #fff ;
}

body.dark .cmnts2 {
margin-left: 1.2em ;
color: #bbb ;
}

body.dark a.cmnts2.hover {
margin-left: 1.2em ;
color: #fff ;
}


/*body.dark .expando {
top: 7px;
}*/

body.dark code, body.dark pre {
background: #060606;
color: rgb(38, 255, 42);
}

code, body.dark pre {
background: #282828;
color: rgb(33, 219, 36);
}

body.dark blockquote {
border-left: 2px solid #64a6ca ;
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: #64a6ca ;
margin-left: 2.2em;
}

body.dark blockquote > blockquote {
border-left: 3px solid rgb(138, 163, 225);
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(138, 163, 225) ;
}

body.dark blockquote > blockquote > blockquote {
border-left: 3px solid rgb(118, 143, 205);
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(118, 143, 205) ;
}

body.dark blockquote > blockquote > blockquote > blockquote {
border-left: 3px solid rgb(98, 123, 185);
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(98, 123, 185) ;
}

body.dark blockquote > blockquote > blockquote > blockquote > blockquote {
border-left: 3px solid rgb(78, 103, 165);
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(78, 103, 165) ;
}

body.dark del {
color: #780000;
}

body.dark .post .author {
color: #777;
/* margin-left: 1em; */
}

body.dark a.ppv {
color: #3f60a6;
}

body.dark a.ddv {
color: #9f0000;
}

body.dark .score{
  font-size: 14px;
  /* margin: 5px 0 5px 0;*/
  text-align: center;
  letter-spacing: normal;
  color: #7d7d7d;
  font-weight: 800;
}

body.dark .score.archived{
  padding-top: 20px;
  color: #7d7d7d;
  font-weight: 800;
}

body.dark .combar {
  color: #626262;
}

body.dark .editbtns div {
border-color: #666;
}

body.dark *.commentrow.text-post.no-padding.comment.csticky{
  background-color: #002300;
}

body.dark .sbm-post.pici-button{
color: #ff8f02 ;
/* background-color: #ff8f02 ; */
border-radius: 18px ;
border: 1px solid #ff8f02;
font-family: inherit;
font-size: 100%;
padding: .5em 1em;
text-align: center;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
}

body #postcontent a:link:hover{
color: #abbddf ;
}

body.dark .expandotxt a:link:hover{
color: #ffffff ;
}

body.dark #postcontent{
color: #bbb ;
}

body.dark #postcontent a:link, body.dark .expandotxt a:link{
color: #4163ac ;
}

body.dark .expandotxt{
color: #ddd ;
font-size: 14px;
background-color: transparent;
border-radius: 8px;
}

body.dark #announcement-post .post .expandotxt /*body.dark .post:nth-child(2n) .expandotxt*/ {
color: #aaa;
font-size: 14px;
background-color: #0d1423;
border-radius: 8px;
}

body.dark .comcombo:hover .commenticon svg {
fill: #fff;
}

body.dark a.subbtn {
color: #4163ac;
}

body.dark .c-downvote svg, body.dark .c-upvote svg, body.dark .downvote svg, body.dark .upvote svg {
    fill: #bbb ;
}

body.dark .expandotxt .postcontent{
  border-radius: 25px 0 0 0;
}

body.dark .th-subbar, body.dark .th-subbar {
background-color: #101010;
border-bottom: none;
width: 100%;
}

body.dark .th-navbar {
    background-color: #222;
    z-index: 50;
}

body.dark .th-subbar ul li a{
  color: #a1a1a1;
  font-size: .9em;
}

body.dark .th-subbar ul li a:hover {
color: #fff;
}


body.dark .editbar path {
fill: #4163ac ;
}


body.dark .stickyposts .post {
    background-color: #06280a;
}

body.dark .form label, body.dark .pure-control-group label {
    color: #4163ac;
}

body.dark .button-warning {
background: #c22;
}

body.dark span.mailcount {
    background: #f00;
    color: #fff;
    top: 0px;
  width: 16px;
  height: 16px;
}

body.dark .pmessage p.container a.savedmsg {
    background: #008407;
    color: #ddd ;
}

body.dark .pmessage.post p.container a:hover {
background-color: rgba(0,0,0,.5);
color: #4163ac;
}

body.dark .content a[href="#spoiler"]:visited {
color: #333 ;
background-color: #333 ;
border-radius: 2px;
}

body.dark .content a[href="#spoiler"]:hover {
color: #64a6ca ;
background-color: #333 ;
border-radius: 2px;
}

body.dark .content a[href="#spoiler"] {
color: #333 ;
background-color: #333 ;
border-radius: 2px;
}

body.dark #postcontent a[href="#spoiler"]:visited {
color: #333 ;
background-color: #333 ;
border-radius: 2px;
}

body.dark #postcontent a[href="#spoiler"]:hover {
color: #64a6ca ;
background-color: #333 ;
border-radius: 2px;
}

body.dark #postcontent a[href="#spoiler"] {
color: #333 ;
background-color: #333 ;
border-radius: 2px;
}

body.dark .expandotxt a[href="#spoiler"]:visited {
color: #333 ;
background-color: #333 ;
border-radius: 2px;
}

body.dark .expandotxt a[href="#spoiler"]:hover {
color: #64a6ca ;
background-color: #333 ;
border-radius: 2px;
}

body.dark .expandotxt a[href="#spoiler"] {
color: #333 ;
background-color: #333 ;
border-radius: 2px;
}

body.dark .post.deletedpost, body.dark .deletedpost.post, body.dark .deletedpost {
  background: hsla(0, 100%, 51%, 0.2);
  color: #ddd;
}

body.dark .subs {
  color: #dddddd;
}

body.dark .blk {
  color: #fff;
  background-color: #d00;
}

body.dark .blk:hover {
  color: #fff;
  background-color: #f00;
}

body.dark .sub {
  color: #fff;
  background-color: #009d00;
}

body.dark .sub:hover {
  color: #fff;
  background-color: #00c500;
}

body.dark .dropbtn {
background-color: rgba(34, 34, 34, 1)
}

body.dark .dropdown-content {
background-color: rgba(81, 81, 81, 1);
}

body.dark .dropdown-postsort {
background-color: rgba(81, 81, 81, 1);
}

body.dark .dropdown-content a.pure-button:hover{
background: rgba(65, 99, 172, 0.75);
color: #fff ;
padding: 8px;
border-radius: 0 ;
}

body.dark .dropdown-content a.pure-button {
background: #555;
}

/*body.dark .dropbtn.sortposts{
background-color: #4163ac;
border-radius: 0 0 10px 0;
margin-left: -2em;
position: absolute;
height: 1.8em;
font-size: 10px;
padding: 0em;
width: 7.11em;
}*/

body.dark #submitp-content, body.dark #searchp-content {
  background-color: inherit;
}

body.dark .commenthead {
  background-color: #202020;
}

body.dark a.lv-0, body.dark a.poster.lv-0 {
border: 1px solid #f374f0;
border-radius: 25px;
color: #f374f0;
}
body.dark a.lv0, body.dark a.poster.lv0{color: #009cb3;}
body.dark a.lv2, body.dark a.poster.lv2{color: #3e9a42;}
body.dark a.lv6, body.dark a.poster.lv6{color: #e2cc01;}
body.dark a.lv20, body.dark a.poster.lv20{color: #d39503;}
body.dark a.lv30, body.dark a.poster.lv30{color: #ba0000;}
body.dark a.lv50, body.dark a.poster.lv50{
color: #8cf;
border-left: 4px solid #4163ac;
border-right: 4px solid #4163ac;
border-radius: 15px;
background-color: #4163ac;
}
body.dark a.lv100, body.dark a.poster.lv100{
color: #cacaca;
border-left: 4px solid #aa0000;
border-right: 4px solid #aa0000;
border-radius: 15px;
background-color: #aa0000;
}

/*body.dark .author a.lv-0  {
border: 1px solid #f374f0;
border-radius: 25px;
color: #f374f0;
}
body.dark .author a.lv0{color: #009cb3;}
body.dark .author a.lv2{color: #3e9a42;}
body.dark .author a.lv6{color: #e2cc01;}
body.dark .author a.lv20{color: #d39503;}
body.dark .author a.lv30{color: #ba0000;}
body.dark .author a.lv50 {
color: #8cf;
border-left: 4px solid #4163ac;
border-right: 4px solid #4163ac;
border-radius: 15px;
background-color: #4163ac;
}

body.dark .author a.lv100 {
color: #cacaca;
border-left: 4px solid #aa0000;
border-right: 4px solid #aa0000;
border-radius: 15px;
background-color: #aa0000;
}*/
/* dark mode styles */
body.day .th-l-stroke[stroke="#fff"] {
    stroke: #cdcdcd;
}

body.day .th-l-fill[fill="#fff"] {
    fill: #cdcdcd;
}

body.day code, body.day pre{
  background: #161616;
}

body.day .profilebadge path {
  /* fill: #686868; */
}

body.day .th-toggle .bar{
  background-color: #666;
}

body.day {
  color: #dddddd;
  background-color: #f2f2f2;
}

body.day .hasmail i{
  color: #e14f00;
}

body.day .usermenu{
  color: #222;
}

body.day #usermenu-content a:hover{
  background-color: #e0e0e0;
}

body.day .postscore {
  color: #222;
  font-size: 1.2em;
  margin-top: 0.44em;
}

body.day #toggledark i {
    color: #ff0;
}

/*body.day .postflair {
  background-color: #000;
  border: 1px solid #1d1d1d;
}*/

body.day .selflair {
color: #333;
}

/* Hot, Top, New, Domain */

body.day div#sortbuttons span {
/*    color: #ddd;
    background-color: #101010;*/
}


body.day div#sortbuttons {
/*  color: #7b4a3f; */
}

/*body.day a:hover,
body.day #sortbuttons a:hover, {
color: #d17262;
}
*/

body.day .post .domain a,
body.day .post .domain {
    color: #555;
}

body.day .post .domain a:hover, body.day .post .domain:hover {
color: #333;
}

/* Header */

body.day .th-navbar {
  background-color: #f0eff0;
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
}

/* Sub bar */

/*body.day .th-subbar{
  background-color: #000;
  border-bottom: 1px solid #333;
}

body.day .th-subbar ul li {
    color:#cdcdcd;
}

body.day .th-subbar a {
    color: #a5a5a5;
}

body.day .th-subbar a:hover {
    color: #ffffff;
}*/

/* Posts */

body.day .highlight{
  background-color: rgba(64, 64, 61, 0.35);
}

body.day .votebuttons {
  fill: #7d7d7d;
  color: #7d7d7d;
}


body.day .p-icon path{
  fill: #7f7f7f;
}


/*body.day .thumbnail .placeholder svg path {
    fill: #555;
}

body.day .p-icon[data-icon="exclaim"] path {
    fill: #ffffff;
}*/

body.day path.htt0 {
fill: #C40000 ;
}

body.day path.htt1 {
fill: #fff ;
}

/* Buttons */

body.day .iconlinktxt{
  fill: #555;
}

body.day .sbm-post.pure-button.iconlinktxt:hover{
  fill: #333;
}

body.day .inboxside .button-secondary {
    background: #fff;
}

body.day #sublp, body.day #subtp {
  background: #dcdcdc;
  color: #333;
}

body.day #sublp:hover, body.day #subtp:hover{
  background: #bbb;
  color: #333;
}

body.day .msgnav .button-secondary, body.day .msgnav .pure-button{
  background: #fff;
color: #4c4c4c;
}

body.day .msgnav .button-secondary:hover, body.day .msgnav .pure-button:hover{
  background: #d8e0f0;
color: #626262;
}

body.day .sbm-post.pure-button{
  background: #d9d9d9;
color: #4c4c4c;
}

body.day .sbm-post.pure-button:hover{
  background: #e5e5e5;
color: #333;
}

body.day .inboxside .button-secondary {
background: #e3e3e3;
}

body.day .button-secondary, body.day .pure-button {
  background: #b5b5b5;
  color: #ffffff;
  font-weight: 800;
}

body.day .button-secondary:hover, body.day .pure-button:hover {
  background: #979797;
  color: #ffffff;
}

body.day .pure-button-primary {
color: #f2f2f2;
font-weight: 800;
background-color: #8da4d4;
}
body.day a.pure-button-primary {
color: #fff;
font-weight: 800;
}

body.day .pure-button-primary:hover {
color: #fff ;
background-color: #6684c5;
}

body.day .pure-button.button-secondary{
  background: #d8d8d8;
} 

body.day a#nextp,
body.day a#prevp {
  color: #c0c0c0;
}

body.day a#nextp:hover,
body.day a#prevp:hover {
  color: #ffffff;
}

body.day .cmpreview {
 color: #626262;
}

/*body.day .pure-button.button-warning {
  background: #1010ab;
}*/

body.day .sbm-post.pure-button.button-xsmall.pure-button-primary.pure-u-md-7-24{
  color: #fff;
  background-color: #a5b7dd;
}

/* Expandos */

/* body.day .expando {
    background-color: #0a0a0a;
}*/

body.day .post:nth-child(2n) .expandotxt {
    background-color: transparent;
    /*color: transparent;*/
}

/* body.day .post .expandotxt {
  color: #ddd;
}*/

body.day .pbody .author a:hover{
  color: #6c6c6c;
}

body.day .post{
background-color: #e4e4e4;
border: 1px solid #d5d5d5;
}

body.day .post:hover {
background-color: #e0e0e0;
}

body.day .post .title:link {
    color: #000;
}

body.day .post .title {
  color: #a6a6a6;
}

body.day .post .title:visited {
  color: #5c7dc2;
  }

body.day .post .title:hover {
  color: #545454;
}



body.day .pure-control-group label,
body.day .form label {
    color: #a63c00;
}

body.day input[type="text"]:not(.numInput),
body.day input[type="email"],
body.day input[type="url"],
body.day textarea,
body.day input[type="password"] {
  color: #000000;
  background-color: #ffffff;
  box-shadow: inset 0 1px 3px #a6a6a6
}

body.day #inputimg{
  color: #424242;
}

body.day #postcontent, body.day .poll-space{
  /*background: #111;*/
  background: transparent;
}

body.day .poll-space {
 color: #444;  
}

body.day .editbtns{
  border-color: #444;
}

body.day .editbtns div{
  border-color: #292929;
}

body.day .editbtns svg path{
  fill: #666;
}

body.day input[type="text"]::placeholder,
body.day input[type="email"]::placeholder,
body.day input[type="url"]::placeholder,
body.day textarea::placeholder,
body.day input[type="password"]::placeholder {
  color: #555;
}

body.day .pure-form textarea{
  border: 0;
}

body.day input#buyamount ~ b {
    color: #c2c2c2;
}


body.day input[type="title"] {
color: #000;
/*background-color: #d2d2d2;*/
background-color: #fff;
box-shadow: inset 0 1px 3px #a6a6a6;
}

/* Mentions */
body.day .tribute-container li.highlight {
  background: #203054;
}

body.day .tribute-container ul {
background-color: #1f1f1f;
border: 1px solid #203054;
border-radius: 6px;
}
/* /Mentions */


/* Sidebar */

body.day strong:not(a[href="#spoiler"] > strong){
  color: #4e4e4e;
}

body.day .sidebar{
  background-color: #f2f2f2;
}

body.day .sidebar h4 {
  color: #ccc;
}

body.day .sidebar ul.top5 li a {
    color: #ab4409;
}

body.day hr {
   border-bottom: 1px solid #d5d5d5;
}

body.day .sidebarlists {
color: #7b93b8;
background-color: #ffffff;
border: 1px solid #dddddd;
}

body.day .sidebarlists.head {
background-color: #dddddd;
border: 1px solid #dddddd;
}

body.day a.sidebarlists.head {
color: #333;
}

body.day .sidebarlists.head a, a.sidebarlists.head a:hover {
  color: #434343;
}

body.day #innersb {
padding: 0;
}

body.day a.sidebtn {
  color: #fff;
}

/* /Sidebar */

/* MESSAGES STYLES */

body.day .message-content-spacer{
  border-bottom:1px solid #d5d5d5;
}

body.day .pmessage.post p.title {
    color: #222222;
    border-bottom: 1px solid #d5d5d5;
}
body.day .pmessage.post {
    background-color: #f3f3f3;
}

body.day .pmessage.post p.container a{
    background-color: transparent;
    color: #717171;
}

body.day .pmessage.post p.container a:hover{
    background-color: transparent;
    color: #b66f5f;
}

body.day .pmessage p.container a.deletedmsg {
    background-color: rgba(226, 0, 0, 0.3);
    color: #a8a8a8;
}

body.day .pmessage p.container a.savedmsg {
    background-color: rgba(0, 170, 9, 0.3);
    color: #a8a8a8;
}

body.day .pmessage.post:nth-child(2n) {
    background-color: #ffffff;
}

body.day .modal-content{
    background-color: #ddd;
}

/*body.day #formpop .modal-content {
    background-color: #111;
    border: 1px solid #4d4848;
    box-shadow: 4px 4px 16px #1d1d1d;
}*/
body.day .modal-content h3,
body.day #formpop .modal-content h3,
body.day #formpop .modal-content p {
    color: #cccccc;
}
body.day .modal-content .closemsg,
body.day #formpop .modal-content .closemsg {
    color: #999;
}
/* /MESSAGES STYLES */

/* SUBS PAGE */
body.day .subsentry svg {
    fill: #fff;
}
body.day .sbm-icon, body.day .sbm-icon svg {
    fill: #fff;
}

body.day div.moderators {
  color: #333;
}

body.day div.createdby {
  margin-left: 1em;
  color: #333;
}
/* /SUBS PAGE */

/* USER PAGE */
body.day .pblock.level .inset{
  background-color: #f2f2f2;
}

body.day .pblock.level{
  background-color: #c0c0c0;
}

body.day .uprofile.content {
    border: 2px solid #474747;
    background: rgba(0, 0, 0, 0.9);
}
body.day article.comment {
    background-color: #101010;
}
body.day article.comment:nth-child(2n) {
    background-color: #0d0d0d;
}
/* /USER PAGE */

/* misc */
body.day span.mailcount {
  background: red;
}
body.day table td, body.day table th, body.day table{
  border-color: #4e4e4e;
}
body.day table thead{
  background-color: #5c5c5c;
}
body.day path[stroke="#ff6d15"] {
    stroke: #7b4a3f;
}
body.day path[fill="#ff6d15"] {
    fill: #7b4a3f;
}
body.day .mod2-inv{background-color: #060606;}

body.dank div:not(.pure-menu):not(.cw-brand):not(#menu) {
    filter: grayscale(100%);
}

body.dank::-webkit-scrollbar{
     background: #555;
}

body.dank .th-l-stroke {animation: rb 1s infinite; }
body.dank .th-l-fill {animation: rb2 1s infinite; }
@keyframes rb2{20%{fill: red;}40%{fill: yellow;}60%{fill: green;}80%{fill: blue;}100%{fill: orange;} }
@keyframes rb{20%{stroke: red;}40%{stroke: yellow;}60%{stroke: green;}80%{stroke: blue;}100%{stroke: orange;}}

/* chat */
body.day #chbott-fixed #chsend{
  border: 1px solid #333;
}

body.day #chtitle {
  background: rgba(65, 99, 172, 0.75);
  color: #ccc;
}
body.day #chtitle:hover{
  color: #fff;
  background: #4163ac;
}

body.day #chpop {
    background: #e9e9e9 ;
    border-top: 1px solid #aaa ;
    border-left: 1px solid #aaa ;
}
body.day #chcont {
  border-bottom: none;
  color: #171717;
  background-color: #ddd;
}

body.day #chsend {
    background-color: #c4c4c4;
}

body.day .msg-hl{
  background-color: #111;
}


/* other stuff? */

body.day a[href="#spoiler"]{
  background-color: #050505;
  color: #050505
}

body.day a[href="#spoiler"]:hover{
  color:#fff
}

body.day .cw-items a{
  color: #fff;
}

body.day .motto{
  color: #424242;
}

body.day .admin_alert{
  background-color: #bd0101;
  color: #dedede;
}

body.day .admin_alert .btn_link{
  color: #1b006f;
}

body.day .editbar path {fill: #4163ac ;}

body.day #hiddensubs{
  background: #111;
}

body.day #hiddensubs li:hover{
  background-color: #2b2b2b;
}

body.day thead a{
  color: #231411
}

body.day a {
  color: #747474;
}

body.day a:hover {
  color: #333;
}

body.day #container2, body.day .content {
    color: #333;
}

body.day #container2, body.day .logincontent {
    color: #5d5d5d;
}

body.day #container2, body.day .content a:link {
    color: #879fd2;
}

body.day #container2, body.day .content a:visited {
    color: #5673a0;
}

/*body.day .content a:visited
{
  color: #397aea;
  text-decoration: none;
}*/

body.day .content a:hover {
  color: #333;
}

/* BELOW IMPORTED FROM poal.css */


body.day article.comment:nth-child(1n) {
background-color: #fff;
border-left: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

body.day article.comment:nth-child(1n):hover{
border-left: 2px solid #707070;
margin-left: -1px;
}

body.day article.comment:nth-child(2n):hover{
border-left: 2px solid #707070;
margin-left: -1px;
}

body.day article.comment.highlight, body.day .comment-thread {
  background-color: #d8e0f0;
}


body.day article.comment.highlightnew {
  border: 2px solid #4163ac;
  margin: -1px;
}

body.day #postcontent a:any-link:visited {
color: #4163ac ;
}

body.day #postcontent a:any-link:visited:hover {
color: #abbddf ;
}

body.day .tingle-modal-box {
  background: #101010 ;
  border-color: #4163ac ;
  border: 1px solid #ccc; 
  border-radius: 50px ;
}

body.day .poll-pbar{
  background-color: #4a4a4a ;
  border-color: #4163ac ;
  border: 1px solid #cdcdcd;
  border-radius: 25px ;
  width: 70%; 
  margin: 0 5px 2px 0; 
  padding: 1px; 
  vertical-align: middle;
  display: inline-block;
  height: 1.5em;
  background: #ffffff;
  margin-top: 0.5em;
}


body.day .poll-pbar.poll-voted > div {
background-color: #4163ac ;
    border-color: #4163ac ;
    border-radius: 25px ; 
}

body.day .poll-pbar > div {
background-color: #b5c3e3 ;
border-radius: 25px ; 
}

body.day input[type=search] {
background-color: #d9d9d9;
color: #424242;
border-color: #c2c2c2;
border-radius: 18px;
}

body.day #announcement-post .post{
background-color: #ffffff;
border: 1px solid #dae1f1;
}

body.day .comments {
margin-left: 0.2em ;
color: #999 ;
font-size: 12px;
}

body.day a.comments:hover {
margin-left: 0.2em ;
color: #fff ;
}

body.day .cmnts2 {
margin-left: 1.2em ;
color: #bbb ;
}

body.day a.cmnts2.hover {
margin-left: 1.2em ;
color: #fff ;
}


/*body.day .expando {
top: 7px;
}*/

body.day code, body.day pre {
background: #ffffff;
color: rgb(69, 94, 183);
}

code, body.day pre {
background: #ffffff;
color: rgb(69, 94, 183);
}

body.day blockquote {
border-left: 2px solid #4163ac ;
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: #4163ac ;
margin-left: 2.2em;
}

body.day blockquote > blockquote {
border-left: 3px solid rgb(98, 123, 185) ;
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(98, 123, 185) ;
}

body.day blockquote > blockquote > blockquote {
border-left: 3px solid rgb(118, 143, 205);
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(118, 143, 205) ;
}

body.day blockquote > blockquote > blockquote > blockquote {
border-left: 3px rgb(138, 163, 225) ;
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(138, 163, 225) ;
}

body.day blockquote > blockquote > blockquote > blockquote > blockquote {
border-left: 3px solid rgb(78, 103, 165);
margin: .3em 0 .3em 1em;
padding: .3em 0 .3em .7em;
color: rgb(78, 103, 165) ;
}

body.day del {
color: #780000;
}

body.day .post .author {
color: #777;
/* margin-left: 1em; */
}

body.day a.ppv {
color: #3f60a6;
}

body.day a.ddv {
color: #9f0000;
}

body.day .score{
  font-size: 14px;
  /* margin: 5px 0 5px 0;*/
  text-align: center;
  letter-spacing: normal;
  color: #7d7d7d;
  font-weight: 800;
}

body.day .score.archived{
  padding-top: 20px;
  color: #7d7d7d;
  font-weight: 800;
}

body.day .combar {
  color: #626262;
}

body.day .editbtns div {
border-color: #666;
}

body.day *.commentrow.text-post.no-padding.comment.csticky{
  background-color: #dce8db;
}

body.day ul.bottombar.links a, body.day ul.links a {
  color: #777;
}

body.day ul.bottombar.links a:hover, body.day ul.links a:hover {
  color: #333;
}

body.day .sbm-post.pici-button{
color: #ff8f02 ;
/* background-color: #ff8f02 ; */
border-radius: 18px ;
border: 1px solid #ff8f02;
font-family: inherit;
font-size: 100%;
padding: .5em 1em;
text-align: center;
-webkit-user-drag: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box;
}

body #postcontent a:link:hover{
color: #abbddf ;
}

body.day .expandotxt a:link:hover{
color: #000 ;
}

body.day .expando svg:hover, body.day a.commenticon svg:hover, body.day .icons svg:hover, body.day .psaveicon svg:hover {
fill: #000;
}

body.day #postcontent{
color: #3e3e3e ;
}

body.day #postcontent a:link, body.day .expandotxt a:link{
color: #4163ac ;
}

body.day .comamount, body.day a.comamount {
color: #4163ac;
}

body.day .comamount, body.day a.comamount:hover {
color: #333;
}

body.day .expandotxt{
color: #2d2d2d;
font-size: 14px;
/*background-color: transparent;*/
border-radius: 8px;
}

body.day #announcement-post .post .expandotxt /*body.day .post:nth-child(2n) .expandotxt*/ {
color: #aaa;
font-size: 14px;
background-color: #0d1423;
border-radius: 8px;
}

body.day .comcombo:hover .commenticon svg {
fill: #000;
}

body.day a.subbtn {
color: #4163ac;
}

body.day .c-downvote svg, body.day .c-upvote svg, body.day .downvote svg, body.day .upvote svg {
    fill: #828791;
}

body.day .expandotxt .postcontent{
  border-radius: 25px 0 0 0;
}

body.day .th-subbar, body.day .th-subbar {
background-color: #101010;
border-bottom: none;
width: 100%;
}

body.day .th-navbar {
    background-color: #f0eff0;
    z-index: 50;
}

body.day .th-subbar ul li a{
  color: #a1a1a1;
  font-size: .9em;
}

body.day .th-subbar ul li a:hover {
color: #fff;
}


body.day .editbar path {
fill: #4163ac ;
}


body.day .stickyposts .post {
    background-color: #ffffff;
    border: 1px solid #009300;
}

body.day .form label, body.day .pure-control-group label {
    color: #4163ac;
}

/*body.day .button-warning {
background: #c22;
}*/

body.day .blk {
  color: #fff;
  background-color: #d00;
}

body.day .blk:hover {
  color: #fff;
  background-color: #f00;
}

body.day .sub {
  color: #fff;
  background-color: #009d00;
}

body.day .sub:hover {
  color: #fff;
  background-color: #00c500;
}

body.day .subs {
  color: #333;
}

body.day span.mailcount {
    background: #f00;
    color: #fff;
    top: 0px;
  width: 16px;
  height: 16px;
}

body.day .pmessage p.container a.savedmsg {
    background: #008407;
    color: #ddd ;
}

body.day .content a[href="#spoiler"]:visited {
color: #ddd ;
background-color: #ddd ;
border-radius: 2px;
}

body.day .content a[href="#spoiler"]:hover {
color: #64a6ca ;
background-color: #ddd ;
border-radius: 2px;
}

body.day .content a[href="#spoiler"] {
color: #ddd ;
background-color: #ddd ;
border-radius: 2px;
}

body.day #postcontent a[href="#spoiler"]:visited {
color: #ddd ;
background-color: #ddd ;
border-radius: 2px;
}

body.day #postcontent a[href="#spoiler"]:hover {
color: #64a6ca ;
background-color: #ddd ;
border-radius: 2px;
}

body.day #postcontent a[href="#spoiler"] {
color: #ddd ;
background-color: #ddd ;
border-radius: 2px;
}

body.day .expandotxt a[href="#spoiler"]:visited {
color: #ddd ;
background-color: #ddd ;
border-radius: 2px;
}

body.day .expandotxt a[href="#spoiler"]:hover {
color: #64a6ca ;
background-color: #ddd ;
border-radius: 2px;
}

body.day .expandotxt a[href="#spoiler"] {
color: #ddd ;
background-color: #ddd ;
border-radius: 2px;
}

body.day .post.deletedpost, body.day .deletedpost.post, body.day .deletedpost {
  background: hsla(0, 100%, 51%, 0.2);
  color: #333;
}

body.day .homebutton, body.day .button-sort-active{
color: #707070;
background-color: #e0e6f3;
}

body.day .homebutton:hover, body.day .button-sort-active, body.day .sbm-post.pure-button.button-xsmall.homebutton.button-sort-active.pure-u-md-7-24 {
color: #fff;
background-color: #a5b7dd;
}


body.day .dropbtn {
color: #333;
background-color: #dcdcdc;
}

body.day .dropdown-content {
background-color: rgba(81, 81, 81, 1);
}

body.day .dropdown-postsort {
background-color: rgba(81, 81, 81, 1);
}

body.day .dropdown-content a.pure-button{
background: #c4c4c4;
color: #fff ;
padding: 8px;
border-radius: 0 ;
}

body.day .dropdown-content a.pure-button:hover {
background: #555;
}

/*body.day .dropbtn.sortposts{
background-color: #4163ac;
border-radius: 0 0 10px 0;
margin-left: -2em;
position: absolute;
height: 1.8em;
font-size: 10px;
padding: 0em;
width: 7.11em;
}*/

body.day #submitp-content, body.day #searchp-content {
  background-color: inherit;
}

body.day .commenthead {
  color: #434343;
  background-color: #dddddd;
}

body.day div.commenthead a[class^="lv"]{
font-weight: 600;
}

body.day a.lv-0, body.day a.poster.lv-0 {
border: 1px solid #f374f0;
border-radius: 25px;
color: #f374f0;
}
body.day a.lv0, body.day a.poster.lv0{color: #009cb3;}
body.day a.lv2, body.day a.poster.lv2{color: #3e9a42;}
body.day a.lv6, body.day a.poster.lv6{color: #b9a701;}
body.day a.lv20, body.day a.poster.lv20{color: #d39503;}
body.day a.lv30, body.day a.poster.lv30{color: #ba0000;}
body.day a.lv50, body.day a.poster.lv50{
color: #8cf;
border-left: 4px solid #4163ac;
border-right: 4px solid #4163ac;
border-radius: 15px;
background-color: #4163ac;
}
body.day a.lv100, body.day a.poster.lv100{
color: #cacaca;
border-left: 4px solid #aa0000;
border-right: 4px solid #aa0000;
border-radius: 15px;
background-color: #aa0000;
}

/*body.day .author a.lv-0  {
border: 1px solid #f374f0;
border-radius: 25px;
color: #f374f0;
}
body.day .author a.lv0{color: #009cb3;}
body.day .author a.lv2{color: #3e9a42;}
body.day .author a.lv6{color: #e2cc01;}
body.day .author a.lv20{color: #d39503;}
body.day .author a.lv30{color: #ba0000;}
body.day .author a.lv50 {
color: #8cf;
border-left: 4px solid #4163ac;
border-right: 4px solid #4163ac;
border-radius: 15px;
background-color: #4163ac;
}

body.day .author a.lv100 {
color: #cacaca;
border-left: 4px solid #aa0000;
border-right: 4px solid #aa0000;
border-radius: 15px;
background-color: #aa0000;
}*/