/*
 * Site Name:
 * Author:
 * URL:
 *
 * Stylesheet: Main Stylesheet
 */
/* import normalize.css */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after 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,
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/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

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

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

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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 {
  -moz-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"] {
  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
 *    (include `-moz` to future-proof).
 */

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

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

/* import bourbon */
/* import neat */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* import settings */
/*
 * Site Name:
 * Author:
 *
 * Stylesheet: Settings
 *
 * Think of this as a 'variable file'. All custom reusable
 * values will be found here. Neat's grid is also configured here.
 */
/*
 * COLORS
 */
/*
 * GRID
 */
/*
 * TYPOGRAPHY
 */
/*
 * use the best ampersand
 * http://simplebits.com/notebook/2008/08/14/ampersands-2/
 */
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif;
  font-style: italic; }

/* Webfont: LatoLatin-Bold */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/LatoLatin-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Bold.woff") format("woff"), url("../fonts/LatoLatin-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatin-Italic */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-Italic.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/LatoLatin-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Italic.woff") format("woff"), url("../fonts/LatoLatin-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatin-Regular */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatin-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/LatoLatin-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatin-Regular.woff") format("woff"), url("../fonts/LatoLatin-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatinLight-Regular */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatinLight-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/LatoLatinLight-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatinLight-Regular.woff") format("woff"), url("../fonts/LatoLatinLight-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility; }
/* Webfont: LatoLatinMed-Regular */
@font-face {
  font-family: 'Lato';
  src: url("../fonts/LatoLatinMed-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/LatoLatinMed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LatoLatinMed-Regular.woff") format("woff"), url("../fonts/LatoLatinMed-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility; }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/LatoLatinLight-Regular.svg") format("svg");
    font-style: normal;
    font-weight: 300;
    text-rendering: optimizeLegibility; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/LatoLatin-Regular.svg") format("svg");
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/LatoLatin-Italic.svg") format("svg");
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/LatoLatin-Bold.svg") format("svg");
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility; }
  @font-face {
    font-family: 'Lato';
    src: url("../fonts/LatoLatin-Bold.svg") format("svg");
    font-style: normal;
    font-weight: 500;
    text-rendering: optimizeLegibility; } }
/*
 * Mixins
 */
/*
 * BASE (MOBILE) SIZE
 */
/*
 * Site Name:
 * Author:
 *
 * Stylesheet: Base Mobile Styles
 *
 * Be light and don't over style since everything here will be
 * loaded by mobile devices. You want to keep it as minimal as
 * possible.
 *
 */
html {
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

body {
  font-family: "Avenir Next", "Avenir", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  position: relative;
  min-height: 100%; }

button {
  outline: none; }

h1 {
  font-size: 1.125em;
  color: #474D5C;
  font-weight: 500; }

#content {
  padding-top: 5em; }
  #content:after {
    content: "";
    display: table;
    clear: both; }

.dont-capitalize aside h4, .dont-capitalize .filemodal-content h2, .dont-capitalize .list-stack h3, .dont-capitalize #view-title h1, .dont-capitalize .item-top-overlay h3, .dont-capitalize .move-list > ul h4, .dont-capitalize .move-list > ul h5, .dont-capitalize .modal-dialog h2 {
  text-transform: none; }

.header-dominates #app-header {
  z-index: 1003; }

#app-header {
  position: fixed;
  width: 100%;
  z-index: 1001;
  height: 4.0625em;
  padding: 10px 20px;
  background: rgba(250, 251, 253, 0.97);
  border-bottom: 1px rgba(22, 10, 22, 0.1) solid;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  box-shadow: 0 2px 7px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.1); }
  #app-header.over {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.1); }

.app-logo {
  position: absolute;
  top: 0.6875em;
  left: 1.25em;
  width: 2.5em;
  height: 2.5em;
  mask: url("../img/logo-mask.svg#logo_mask");
  -webkit-mask: url(../img/logo-mask.svg) top left/cover;
  -o-mask: url(../img/logo-mask.svg) top left/cover;
  -ms-mask: url(../img/logo-mask.svg) top left/cover;
  background-image: linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 30%, rgba(0, 0, 0, 0.05) 60%, rgba(0, 0, 0, 0.2) 100%);
  background-color: #fda043;
  -webkit-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out; }
  .app-logo span {
    overflow: hidden; }
    .app-logo span:before {
      content: "";
      display: block;
      width: 0;
      height: 100%; }
  .app-logo:hover {
    cursor: pointer; }
  .app-logo.back {
    mask: url("../img/logo-back-mask.svg#logo_mask");
    -webkit-mask: url(../img/logo-back-mask.svg) top left/cover;
    -o-mask: url(../img/logo-back-mask.svg) top left/cover;
    -ms-mask: url(../img/logo-back-mask.svg) top left/cover; }

.beta-status-toggle {
  position: absolute;
  top: 1.5em;
  left: 5.625em;
  font-size: 0.875em;
  text-transform: capitalize;
  color: #777d94;
  cursor: pointer;
  padding-left: 1.25em;
  width: auto;
  height: auto;
  border-left: 1px solid #E4E7EC; }
  .beta-status-toggle span {
    width: 21px;
    height: 21px;
    border-radius: 11px;
    background-color: #A2A6B6;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.3125em;
    text-align: center;
    font-weight: 500;
    line-height: 1.55;
    font-size: 1em;
    color: #fff;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out; }
  .beta-status-toggle.unread span {
    background-color: #3c8de1; }

#beta-status-list {
  z-index: 10;
  position: absolute;
  top: 3.75em;
  left: 5.625em;
  width: 20em;
  min-height: 6.25em;
  background: #fff;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09), 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09), 0px 0px 2px 0px rgba(0, 0, 0, 0.36); }
  #beta-status-list:after {
    content: "";
    z-index: 100001;
    position: absolute;
    top: -16px;
    left: 80px;
    width: 31px;
    height: 22px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url("../img/interface/popup-marker.svg"); }
  #beta-status-list ul {
    padding: 0.9375em;
    margin: 0; }
    #beta-status-list ul li {
      list-style: none;
      padding: 0.4375em 0 0.5625em;
      border-bottom: 1px solid #E4E7EC;
      font-size: 0.8125em;
      line-height: 1.5;
      color: #556471; }
      #beta-status-list ul li:after {
        content: "";
        display: table;
        clear: both; }
      #beta-status-list ul li:last-child {
        border-bottom: none; }
      #beta-status-list ul li .feature-icon {
        width: 0.9375em;
        height: 0.9375em;
        display: block;
        float: left;
        margin: 0 0.9375em 0 0.3125em; }
      #beta-status-list ul li .feature-description {
        display: block;
        float: left;
        width: 16.875em; }
        #beta-status-list ul li .feature-description b {
          font-weight: 600; }
        #beta-status-list ul li .feature-description i {
          color: #A2A6B6; }
      #beta-status-list ul li .feature-status {
        float: right;
        margin-top: 0.1875em;
        margin-right: 0.3125em;
        width: 1em;
        height: 1em;
        border-radius: 8px;
        border: solid 2px #3c8de1;
        position: relative; }
        #beta-status-list ul li .feature-status.status-0 .fill {
          width: 0%; }
        #beta-status-list ul li .feature-status.status-1 .fill {
          width: 20%; }
        #beta-status-list ul li .feature-status.status-2 .fill {
          width: 40%; }
        #beta-status-list ul li .feature-status.status-3 .fill {
          width: 60%; }
        #beta-status-list ul li .feature-status.status-4 .fill {
          width: 80%; }
        #beta-status-list ul li .feature-status.status-5 .fill {
          width: 100%; }
        #beta-status-list ul li .feature-status.status-5 {
          border-color: #70d01b; }
          #beta-status-list ul li .feature-status.status-5 .fill {
            background-color: #70d01b; }
        #beta-status-list ul li .feature-status .fill {
          height: 100%;
          left: 0;
          top: 0;
          background-color: #3c8de1;
          opacity: 0.5;
          position: absolute; }
  #beta-status-list .modal-form {
    display: none; }

#view-title {
  text-align: center; }

#header-right {
  position: absolute;
  right: 1.25em;
  top: 0.625em; }

.wrap-dd-menu {
  float: right; }

#header-add {
  float: right;
  display: block;
  cursor: pointer;
  padding: 0.8125em 0.4375em 0.8125em 1.25em; }

#header-search {
  float: left;
  display: none;
  margin: 0.3125em 0em; }
  #header-search input {
    border: none;
    border-radius: 4px;
    background: rgba(222, 231, 239, 0.5) url("../img/interface/icons/search.svg") no-repeat 10px center;
    padding: 0.6875em 0.625em 0.5625em 2.5em;
    font-style: italic;
    font-size: 0.8125em;
    color: #A2A6B6;
    line-height: 20px; }

#back-to-collection {
  position: absolute;
  top: 1.25em;
  left: 16.5625em;
  color: #A2A6B6 !important; }
  #back-to-collection.back-arrow {
    margin: 0; }

h1 {
  display: block;
  margin: 0.5em auto;
  text-align: center;
  text-transform: capitalize; }
  h1 > div {
    display: inline; }
  h1 .favourite {
    vertical-align: middle;
    margin-right: 0.1875em; }
  h1 .tag-icon img {
    width: 20px;
    height: 20px;
    vertical-align: sub;
    margin-right: 0.3125em; }

.alerts {
  position: relative; }

.alert {
  position: fixed;
  z-index: 10001;
  background: rgba(255, 255, 255, 0.96);
  left: 0;
  top: 0;
  right: 0;
  height: 4.0625em;
  border-bottom: 1px #E4E7EC solid; }
  .alert .message {
    margin-top: 1.25em;
    font-size: 0.9375em;
    line-height: 1.6;
    color: #474D5C;
    text-align: center;
    font-style: italic; }
    .alert .message a {
      font-weight: 500;
      font-style: normal;
      text-transform: uppercase;
      font-size: 0.6875em;
      color: #A2A6B6; }

aside {
  width: 15.9375em;
  padding-left: 1.5625em;
  float: left;
  position: fixed;
  top: 4.0625em;
  bottom: 0;
  left: 0;
  -webkit-transition: left 0.175s ease-in-out;
  -moz-transition: left 0.175s ease-in-out;
  transition: left 0.175s ease-in-out;
  background-image: url("../img/sidebar_icons.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% auto;
  z-index: 999; }
  aside .sidebar-content {
    overflow: auto;
    height: 100%; }
  aside #sidebar-main {
    margin-top: 0.9375em; }
  aside #sidebar-tags-container {
    margin-bottom: 6.25em; }
  aside ul {
    padding: 0;
    margin: 0; }
    aside ul li {
      list-style: none; }
  aside h3 {
    font-weight: 600;
    font-size: 0.6875em;
    color: #A2A6B6;
    text-transform: uppercase;
    margin: 0;
    padding-top: 2.125em;
    padding-bottom: 0.25em; }
  aside h3 span {
    opacity: 0.6;
    width: 10px;
    height: 6px;
    display: inline-block;
    margin-left: 0.5em;
    background: url("../img/interface/triangle.png") 0 0 no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    -moz-transition: -moz-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out; }
  aside .folded h3 span {
    transform: rotate(-90deg) translateX(1px);
    -ms-transform: rotate(-90deg) translateX(1px);
    -webkit-transform: rotate(-90deg) translateX(1px); }
  aside h3:hover span {
    opacity: 1; }
  aside h4 {
    font-size: 0.875em;
    color: #556471;
    line-height: 1.25em;
    margin: 0;
    padding: 0.375em 0.625em 0.5em 0;
    font-weight: 400;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
    aside h4 a {
      color: #556471;
      text-decoration: none;
      -webkit-transition: all 0.15s ease-in-out;
      -moz-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out; }
  aside .tag-count {
    display: block;
    float: right;
    margin-right: 1em;
    border-radius: 10px;
    background: #EBEEF4;
    font-size: 0.75em;
    line-height: 1.3;
    font-weight: 600;
    color: #556471;
    padding: 0.375em 0.5625em 0.125em; }
  aside .collection-icon, aside .tag-icon {
    width: 2.125em;
    display: block;
    float: left; }
  aside #sidebar-favourites h4, aside #sidebar-main h4 {
    cursor: pointer; }
    aside #sidebar-favourites h4 span, aside #sidebar-main h4 span {
      width: 2.125em;
      display: block;
      float: left; }

#sidebar-tags, #sidebar-collections, #sidebar-favourites {
  overflow: hidden;
  max-height: 2000px;
  -webkit-transition: max-height ease-in-out 0.175s;
  -moz-transition: max-height ease-in-out 0.175s;
  transition: max-height ease-in-out 0.175s; }

.folded #sidebar-tags, .folded #sidebar-collections, .folded #sidebar-favourites {
  max-height: 0; }

#no-favourites, #no-tags, #no-collections {
  font-size: 0.8125em;
  font-style: italic;
  color: #556471;
  margin-right: 5em;
  margin-top: 0.3125em; }

#sidebar-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 16.25em;
  height: 5em;
  z-index: 1002;
  padding: 2.1875em 1.1875em 0;
  background-image: -o-linear-gradient(-179deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, white);
  background-image: -moz-linear-gradient(-179deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, white);
  background-image: -ms-linear-gradient(-179deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, white);
  background-image: linear-gradient(-179deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 30%, white);
  -webkit-transition: left 0.175s ease-in-out;
  -moz-transition: left 0.175s ease-in-out;
  transition: left 0.175s ease-in-out; }
  #sidebar-footer > * {
    width: 4.625em;
    height: 1.5em;
    float: left;
    padding: 0 1.5625em;
    margin: 0;
    cursor: pointer; }
  #sidebar-footer #sidebar-sync {
    padding-top: 0.3125em; }
    #sidebar-footer #sidebar-sync span {
      padding: 0; }
    #sidebar-footer #sidebar-sync .loading {
      -webkit-animation: pulse 0.75s ease-in-out infinite;
      -moz-animation: pulse 0.75s ease-in-out infinite;
      animation: pulse 0.75s ease-in-out infinite; }
  #sidebar-footer img {
    border-radius: 12px; }

body:before {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden; }

#content {
  margin-left: 245px;
  position: relative;
  padding-right: 1.25em;
  -webkit-transition: margin 0.175s ease-in-out;
  -moz-transition: margin 0.175s ease-in-out;
  transition: margin 0.175s ease-in-out; }
  #content ul {
    margin: 0;
    padding: 0; }

.list-item-container {
  width: 92.3%;
  position: relative;
  float: right;
  clear: both; }

.list-item {
  border-radius: 2px;
  background: #fff;
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(60, 66, 86, 0.4);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(60, 66, 86, 0.4);
  display: block;
  width: 100%;
  min-height: 8.125em;
  max-height: 23.9375em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin-right: 1.25em;
  margin-bottom: 1.375em;
  overflow: hidden;
  position: relative;
  z-index: 9; }
  .list-item.stack {
    min-height: 10em;
    max-height: 16.25em;
    margin-bottom: 1.6875em; }
  .list-item.link {
    min-height: 3.125em;
    padding: 1.1875em 1.0625em 1em; }
    .list-item.link img {
      opacity: 1;
      width: 1.5em;
      min-height: 1.5em;
      height: 1.5em;
      border-radius: 3px;
      margin-right: 0.625em;
      vertical-align: bottom; }
    .list-item.link h3 {
      font-weight: 600;
      font-size: 0.875em;
      color: #889BAC;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin: 0; }
      .list-item.link h3 span {
        color: #43515D; }
    .list-item.link p {
      margin: 0.625em 0 0;
      font-size: 1.0625em;
      line-height: 1.45;
      color: #556471; }
    .list-item.link:hover {
      cursor: pointer; }
  .list-item .list-thumbnail, .list-item .list-thumbnail * {
    line-height: 0;
    cursor: pointer; }
  .list-item .list-thumbnail {
    background: url("../img/interface/loader.gif") center no-repeat;
    min-height: 8.125em; }
  .list-item img {
    min-height: 8.125em;
    height: auto;
    width: 100%;
    border-radius: 2px;
    opacity: 0; }
    .list-item img.loaded {
      height: auto;
      opacity: 1; }

.stack-background {
  position: absolute;
  top: 0em;
  left: 0em;
  right: 0em;
  bottom: 1.5625em;
  z-index: 8; }
  .stack-background .background-card {
    border-radius: 2px;
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-transform: rotate(362deg);
    -moz-transform: rotate(362deg);
    -ms-transform: rotate(362deg);
    -o-transform: rotate(362deg);
    transform: rotate(362deg);
    background: #fff;
    -moz-box-shadow: 0px 0px 2px 0px rgba(60, 66, 86, 0.6);
    box-shadow: 0px 0px 2px 0px rgba(60, 66, 86, 0.6); }
    .stack-background .background-card:last-child {
      -webkit-transform: rotate(358deg);
      -moz-transform: rotate(358deg);
      -ms-transform: rotate(358deg);
      -o-transform: rotate(358deg);
      transform: rotate(358deg); }

.stack-count {
  position: absolute;
  bottom: 0.625em;
  right: 0.625em;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 0.8125em;
  color: #556471;
  z-index: 9;
  text-align: center;
  padding: 0.1875em 0.5em 0.0625em 0.4375em;
  letter-spacing: -1px; }

.list-excerpt {
  font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
  word-wrap: break-word;
  font-size: 0.75em;
  line-height: 1.5;
  padding: 5px 15px;
  color: #43515D;
  cursor: pointer;
  max-height: 14.375em;
  min-height: 9.375em;
  background: url("../img/interface/loader.gif") center no-repeat; }
  .list-excerpt.note-loaded .excerpt {
    opacity: 1; }
  .list-excerpt .excerpt {
    opacity: 0;
    padding: 0.75em 0.125em 0;
    min-height: 8.125em;
    background: #fff;
    -webkit-transition: opacity 0.175s ease-in-out;
    -moz-transition: opacity 0.175s ease-in-out;
    transition: opacity 0.175s ease-in-out; }

.note-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  cursor: pointer;
  height: 5em;
  background-image: -o-linear-gradient(-89deg, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0.75) 44%, #FFFFFF 85%);
  background-image: -moz-linear-gradient(-89deg, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0.75) 44%, #FFFFFF 85%);
  background-image: -ms-linear-gradient(-89deg, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0.75) 44%, #FFFFFF 85%);
  background-image: linear-gradient(-179deg, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0.75) 44%, #FFFFFF 85%); }

.list-item:hover .item-top-overlay, .list-item:hover .item-bottom-overlay {
  display: block;
  visibility: visible; }

.list-item.link:hover .item-bottom-overlay-background {
  display: block;
  visibility: visible;
  opacity: 1; }

.item-top-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.625em 0.9375em;
  background: rgba(255, 255, 255, 0.95);
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  cursor: pointer; }
  .item-top-overlay span {
    font-style: italic;
    font-size: 0.8125em;
    line-height: 0.8125em; }
  .item-top-overlay h3 {
    font-weight: 600;
    font-size: 0.875em;
    line-height: 1.5625em;
    color: #474D5C;
    padding: 0;
    margin: 0.1875em 3.75em 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize; }
  .item-top-overlay .item-type {
    font-style: normal;
    line-height: 0.9375em;
    padding: 0.375em 0.375em 0.1875em 0.375em;
    border: 1px solid #DADFEB;
    font-size: 0.6875em;
    color: #BBC3D5;
    z-index: 12;
    opacity: 1; }

.item-type {
  position: absolute;
  top: 1.25em;
  right: 0.9375em;
  padding: 0.4375em 0.5em 0.25em 0.4375em;
  display: block;
  border-radius: 2px;
  border: none;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.8);
  font-style: normal !important;
  line-height: 0.9375em;
  font-size: 0.6875em !important;
  z-index: 9;
  color: #474D5C;
  text-transform: uppercase;
  opacity: 0.6; }

.item-bottom-overlay {
  position: absolute;
  bottom: 0.9375em;
  visibility: hidden;
  z-index: 10;
  width: 6.25em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(162, 166, 182, 0.85);
  border-radius: 4px; }
  .item-bottom-overlay section {
    float: left;
    position: relative;
    width: 50%;
    height: 2.75em;
    cursor: pointer; }
    .item-bottom-overlay section > svg {
      padding: 0.6875em 0 0.75em 1em; }
    .item-bottom-overlay section img {
      width: 0.9375em !important;
      height: 0.9375em !important;
      opacity: 1;
      margin: 0.875em 0.625em 0.625em 1em;
      min-height: 0.9375em !important;
      border-radius: none !important; }
    .item-bottom-overlay section.checked .favourite-card-svg {
      fill: white; }
    .item-bottom-overlay section.icon-share, .item-bottom-overlay section.icon-more {
      float: right; }

.item-bottom-overlay-background {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4.0625em;
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  -webkit-transition: all ease-in-out 150ms;
  -moz-transition: all ease-in-out 150ms;
  transition: all ease-in-out 150ms;
  pointer-events: none;
  background-image: -o-linear-gradient(-89deg, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0.75) 44%, #FFFFFF 85%);
  background-image: -moz-linear-gradient(-89deg, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0.75) 44%, #FFFFFF 85%);
  background-image: -ms-linear-gradient(-89deg, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0.75) 44%, #FFFFFF 85%);
  background-image: linear-gradient(-179deg, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0.75) 44%, #FFFFFF 85%); }

.list-stack {
  text-align: center; }
  .list-stack h3 {
    font-weight: 600;
    font-size: 0.9375em;
    color: #43515D;
    margin: 0 1.5625em;
    text-transform: capitalize; }
  .list-stack span {
    font-size: 0.8125em;
    font-style: italic; }
  .list-stack span.item-type {
    background: transparent;
    position: relative;
    right: 0;
    top: 0; }
  .list-stack img {
    min-height: 10.75em !important; }
  .list-stack .list-excerpt {
    text-align: left !important; }
  .list-stack .list-empty {
    height: 10.75em;
    width: 100%;
    background: url("../img/interface/empty-stack.jpg") no-repeat;
    background-size: cover; }
  .list-stack:hover .item-overlay {
    background: rgba(255, 255, 255, 0.65); }

.item-overlay {
  position: absolute;
  z-index: 9;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  right: 0;
  -webkit-transition: all 175ms ease-in-out;
  -moz-transition: all 175ms ease-in-out;
  transition: all 175ms ease-in-out; }

.item-overlay-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }

.deckgrid[deckgrid]::before {
  content: '1 .column.column-1-1';
  font-size: 0;
  visibility: hidden; }

.deckgrid .column {
  float: left; }

.deckgrid .column-1-1 {
  width: 100%; }

.modal-dialog.wide {
  width: 34.375em;
  left: 50.55%;
  top: 50.55%;
  -webkit-transform: translateY(-50.5%) translateX(-50.5%);
  -ms-transform: translateY(-50.5%) translateX(-50.5%);
  transform: translateY(-50.5%) translateX(-50.5%); }

.settings-content h3 {
  font-weight: 600;
  font-size: 0.6875em;
  color: #A2A6B6;
  text-transform: uppercase;
  margin: 0;
  padding: 0.625em 0; }
.settings-content section.settings-account {
  border-bottom: 1px solid #E4E7EC;
  height: 12.8125em;
  width: 34.3125em;
  border-radius: 0.25em 0.25em 0 0;
  padding-top: 0.9375em;
  background: url("../img/interface/account-bg.jpg") center no-repeat; }
  .settings-content section.settings-account .edit-username {
    font-size: 1.125em;
    color: #474D5C;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    display: block; }
    .settings-content section.settings-account .edit-username span:hover {
      background-position: 0 -477px; }
    .settings-content section.settings-account .edit-username form {
      margin: 0; }
      .settings-content section.settings-account .edit-username form input {
        background-position: 0 -477px; }
      .settings-content section.settings-account .edit-username form button {
        width: auto;
        float: none;
        text-transform: none; }
        .settings-content section.settings-account .edit-username form button:hover {
          background: transparent; }
  .settings-content section.settings-account .are-you-sure p {
    text-align: center; }
  .settings-content section.settings-account > a {
    margin: 0.03125em auto;
    margin-bottom: 2px;
    padding: 2px;
    width: 9.375em;
    border-radius: 4px;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    text-align: center;
    font-size: 0.875em;
    color: #A2A6B6;
    font-style: italic;
    border: 1px solid #e9eaee; }
  .settings-content section.settings-account .edit-avatar {
    border-radius: 46px;
    cursor: pointer;
    width: 5.75em;
    height: 5.75em;
    margin: 0 auto 0.3125em;
    position: relative; }
    .settings-content section.settings-account .edit-avatar img, .settings-content section.settings-account .edit-avatar div {
      position: absolute;
      top: 0;
      left: 0;
      width: 92px;
      height: 92px;
      border-radius: 46px; }
    .settings-content section.settings-account .edit-avatar div {
      background: rgba(0, 0, 0, 0.6);
      text-align: center;
      padding-top: 2.5em;
      font-size: 0.6875em;
      font-weight: 500;
      left: 50%;
      color: #fff; }
.settings-content section.settings-octobox, .settings-content section.settings-dropbox, .settings-content section.settings-remove-account {
  border-bottom: 1px solid #E4E7EC;
  margin: 0.625em 1.25em; }
  .settings-content section.settings-octobox.settings-dropbox, .settings-content section.settings-octobox.settings-remove-account, .settings-content section.settings-dropbox.settings-dropbox, .settings-content section.settings-dropbox.settings-remove-account, .settings-content section.settings-remove-account.settings-dropbox, .settings-content section.settings-remove-account.settings-remove-account {
    border-bottom: none; }
  .settings-content section.settings-octobox .icon-dropbox, .settings-content section.settings-dropbox .icon-dropbox, .settings-content section.settings-remove-account .icon-dropbox {
    float: left;
    margin: 0.625em 1.25em 2.1875em 0.625em; }
  .settings-content section.settings-octobox p, .settings-content section.settings-dropbox p, .settings-content section.settings-remove-account p {
    margin-bottom: 0em;
    color: #556471; }
  .settings-content section.settings-octobox button, .settings-content section.settings-dropbox button, .settings-content section.settings-remove-account button {
    border-radius: 4px;
    border: 1px solid #1f73cb;
    font-weight: 600;
    padding: 1.25em 0.9375em;
    font-size: 0.75em;
    background: #3c8de1;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: background 0.15s ease-in-out;
    -moz-transition: background 0.15s ease-in-out;
    transition: background 0.15s ease-in-out;
    float: left;
    padding: 0.625em 0.9375em 0.5em;
    margin-right: 1.25em; }
    .settings-content section.settings-octobox button:hover, .settings-content section.settings-dropbox button:hover, .settings-content section.settings-remove-account button:hover {
      border-color: #3c8de1;
      background: #68a7e8; }
    .settings-content section.settings-octobox button:focus, .settings-content section.settings-dropbox button:focus, .settings-content section.settings-remove-account button:focus {
      outline: 0; }
    .settings-content section.settings-octobox button:active, .settings-content section.settings-dropbox button:active, .settings-content section.settings-remove-account button:active {
      margin-top: 0.125em; }
  .settings-content section.settings-octobox .revoke-container:after, .settings-content section.settings-dropbox .revoke-container:after, .settings-content section.settings-remove-account .revoke-container:after {
    content: "";
    display: table;
    clear: both; }
  .settings-content section.settings-octobox .are-you-sure p, .settings-content section.settings-dropbox .are-you-sure p, .settings-content section.settings-remove-account .are-you-sure p {
    padding-top: 0.375em;
    padding-bottom: 0; }
  .settings-content section.settings-octobox p.small, .settings-content section.settings-dropbox p.small, .settings-content section.settings-remove-account p.small {
    margin-left: 3.5625em;
    color: #A2A6B6; }
  .settings-content section.settings-octobox.settings-remove-account, .settings-content section.settings-dropbox.settings-remove-account, .settings-content section.settings-remove-account.settings-remove-account {
    border-top: 1px solid #E4E7EC;
    margin-top: 15px;
    margin-left: 80px;
    padding-top: 15px; }
    .settings-content section.settings-octobox.settings-remove-account button, .settings-content section.settings-dropbox.settings-remove-account button, .settings-content section.settings-remove-account.settings-remove-account button {
      background-color: transparent;
      color: #e74c3c;
      border-color: #e74c3c; }
    .settings-content section.settings-octobox.settings-remove-account p.small, .settings-content section.settings-dropbox.settings-remove-account p.small, .settings-content section.settings-remove-account.settings-remove-account p.small {
      margin-left: 0;
      padding-left: 0; }
.settings-content .modal-form {
  height: 3.3125em; }
  .settings-content .modal-form button {
    float: right;
    margin: 0.9375em 1.25em;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #E4E7EC;
    font-weight: 600;
    padding: 0.4375em 0.75em 0.375em;
    font-size: 0.75em;
    color: #BEC3D4;
    text-transform: uppercase;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    .settings-content .modal-form button:hover {
      color: #9098b6; }
    .settings-content .modal-form button:active {
      margin-top: 1.0625em;
      padding-bottom: 0.25em; }

.are-you-sure p {
  margin: 0;
  padding: 0; }

.are-you-sure a:first-child {
  font-weight: 600; }

.are-you-sure a:hover {
  text-decoration: underline;
  cursor: pointer; }

.filemodal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background: #fff;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  -webkit-backface-visibility: hidden; }
  .filemodal-backdrop:hover {
    background: rgba(255, 255, 255, 0.93);
    cursor: pointer; }

.filemodal-container {
  z-index: 2001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  bottom: 0;
  -webkit-backface-visibility: hidden; }

.filemodal-header {
  position: fixed;
  width: 100%;
  z-index: 2005;
  height: 2.8125em;
  background: #fff;
  border-bottom: 1px #E4E7EC solid; }

.back-arrow {
  margin: 0.625em 0 0 0.9375em;
  pointer-events: all;
  display: block;
  cursor: pointer;
  z-index: 2003;
  position: absolute;
  top: 0;
  left: 0; }
  .back-arrow * {
    cursor: pointer; }
  .back-arrow svg {
    vertical-align: middle; }
  .back-arrow span {
    font-weight: 300;
    color: #A2A6B6;
    font-size: 0.875em;
    padding-left: 0.375em;
    line-height: 1.7;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out; }
  .back-arrow .back-svg {
    fill: #FAFBFD;
    -webkit-transition: fill 0.15s ease-in-out;
    -moz-transition: fill 0.15s ease-in-out;
    transition: fill 0.15s ease-in-out; }
  .back-arrow:hover span {
    opacity: 1; }
  .back-arrow:hover .back-svg {
    fill: #939CB0; }
  .back-arrow .back-svg {
    fill-opacity: 0.4;
    stroke: #939CB0; }

.filemodal-content {
  top: 0;
  bottom: 0;
  left: 3.125em;
  right: 3.125em;
  position: fixed;
  background: #fff;
  padding: 0 2em;
  pointer-events: all; }
  .filemodal-content h2 {
    font-weight: 400;
    font-size: 1.125em;
    color: #556471;
    line-height: 1.33;
    margin: 0;
    padding: 0.625em 0 0 0.75em;
    text-transform: capitalize;
    display: block;
    white-space: nowrap; }
    .filemodal-content h2 .value-exists {
      line-height: 1.4; }
    .filemodal-content h2 > div {
      float: left;
      margin-right: 0.375em; }
    .filemodal-content h2 > div:first-child {
      margin-right: 0.75em; }
  .filemodal-content .file-meta {
    font-style: italic;
    font-size: 0.875em;
    padding: 0.1875em 0 0 0;
    margin: 0;
    float: left;
    width: 40%; }
    .filemodal-content .file-meta .click-to-edit {
      vertical-align: top;
      max-width: 80% !important;
      overflow: visible !important; }
    .filemodal-content .file-meta > span {
      display: block;
      float: left;
      width: 100%;
      color: #A2A6B6; }
    .filemodal-content .file-meta .open-source {
      float: left;
      margin-left: 0.625em;
      width: 3.125em;
      min-width: 3.125em;
      height: 1.25em;
      background: url("../img/interface/icons/icons.png") -150px -48px repeat-x;
      opacity: 0.5;
      -webkit-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
      .filemodal-content .file-meta .open-source:hover {
        opacity: 1; }
    .filemodal-content .file-meta span.source-empty, .filemodal-content .file-meta span.value-exists {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      float: left;
      max-width: 12.5em; }
    .filemodal-content .file-meta span.source-empty {
      color: #cdcfd8;
      background: url("../img/interface/icons/icons.png") 0 -481px repeat-x;
      -webkit-transition: color 0.2s ease-in-out;
      -moz-transition: color 0.2s ease-in-out;
      transition: color 0.2s ease-in-out; }
      .filemodal-content .file-meta span.source-empty:hover {
        color: #A2A6B6; }
    .filemodal-content .file-meta span.value-exists:hover {
      background: url("../img/interface/icons/icons.png") 0 -481px repeat-x; }
    .filemodal-content .file-meta input {
      min-width: 7.5em;
      background: url("../img/interface/icons/icons.png") 0 -481px repeat-x; }
    .filemodal-content .file-meta button {
      margin-top: -0.3125em !important;
      font-style: normal;
      font-size: 1em; }
  .filemodal-content .file-top {
    height: 2.8125em;
    border-bottom: 1px #E4E7EC solid;
    position: relative; }
    .filemodal-content .file-top:after {
      content: "";
      display: table;
      clear: both; }
    .filemodal-content .file-top .click-to-edit {
      max-width: 45%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow-x: hidden;
      overflow-y: auto; }
      .filemodal-content .file-top .click-to-edit input {
        max-width: 15.625em; }
  .filemodal-content .file-details {
    z-index: 11;
    position: relative; }
  .filemodal-content .file-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 5.75em;
    padding-left: 0.625em; }
    .filemodal-content .file-nav section {
      width: 2.5em;
      height: 2.5em;
      cursor: pointer;
      float: left; }
      .filemodal-content .file-nav section:first-child, .filemodal-content .file-nav section .dropdown-trigger {
        padding: 0.625em; }
    .filemodal-content .file-nav .dropdown {
      right: -16px;
      left: auto;
      top: 25px; }
      .filemodal-content .file-nav .dropdown:after {
        content: "";
        z-index: 100001;
        position: absolute;
        top: -16px;
        bottom: auto;
        left: 130px;
        width: 31px;
        height: 22px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        background: url("../img/interface/popup-marker.svg"); }
  .filemodal-content .file-size {
    float: right;
    font-size: 0.8125em;
    color: #556471;
    margin: 0.9375em 0.625em 0 0; }
    .filemodal-content .file-size div {
      display: inline-block;
      vertical-align: middle;
      margin-right: 0.1875em; }
    .filemodal-content .file-size span {
      font-weight: 700; }
  .filemodal-content .file-content {
    z-index: 8;
    position: absolute;
    top: 6.25em;
    bottom: 0.9375em;
    left: 2em;
    right: 2em;
    background: url("../img/interface/loader.gif") center no-repeat; }
  .filemodal-content .file-note {
    z-index: 8;
    position: absolute;
    top: 6.25em;
    bottom: 0.9375em;
    left: 2em;
    right: 2em; }
  .filemodal-content #edit-tags {
    z-index: 10;
    position: absolute;
    top: 6.5625em;
    left: 0;
    width: 22.5em;
    background: #fff;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09), 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09), 0px 0px 2px 0px rgba(0, 0, 0, 0.36); }
    .filemodal-content #edit-tags:after {
      content: "";
      z-index: 100001;
      position: absolute;
      top: -16px;
      left: 40px;
      width: 31px;
      height: 22px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      background: url("../img/interface/popup-marker.svg"); }
    .filemodal-content #edit-tags ul {
      margin: 1.25em;
      padding: 0; }
      .filemodal-content #edit-tags ul:after {
        content: "";
        display: table;
        clear: both; }
    .filemodal-content #edit-tags li {
      margin-bottom: 0.5em; }
    .filemodal-content #edit-tags p {
      margin-top: 0;
      margin-bottom: 0.5em; }
    .filemodal-content #edit-tags .modal-form {
      background: #FAFBFD;
      border-top: #E4E7EC 1px solid;
      padding-bottom: 1.25em;
      border-radius: 0 0 4px 4px; }
    .filemodal-content #edit-tags form {
      margin: 0.9375em 1.5625em 0; }
      .filemodal-content #edit-tags form button {
        font-weight: 600;
        background-color: transparent !important;
        border-radius: 3px;
        font-size: 0.9375em;
        text-transform: none;
        float: right;
        padding: 0.375em 0.625em 0.25em;
        color: #3c8de1;
        border: 1px solid rgba(143, 149, 162, 0.3) !important;
        line-height: 19px;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        margin-top: 0.25em; }
        .filemodal-content #edit-tags form button:hover {
          background-color: transparent !important;
          border: 1px solid rgba(143, 149, 162, 0.6) !important; }
        .filemodal-content #edit-tags form button:focus {
          outline: 0; }
        .filemodal-content #edit-tags form button:active {
          margin-top: 0.125em; }
        .filemodal-content #edit-tags form button:active {
          margin-top: 0.375em; }
      .filemodal-content #edit-tags form input {
        border: none;
        box-shadow: none;
        width: 75%;
        font-weight: 400;
        color: #556471;
        padding: 0.75em 1.125em;
        padding-left: 0.3125em;
        font-size: 0.9375em;
        font-style: italic;
        background: url("../img/interface/icons/icons.png") 0 -468px repeat-x;
        opacity: 0.7;
        -webkit-transition: 0.15s all cubic-bezier(0.57, 0.065, 0.43, 1.505);
        -moz-transition: 0.15s all cubic-bezier(0.57, 0.065, 0.43, 1.505);
        transition: 0.15s all cubic-bezier(0.57, 0.065, 0.43, 1.505); }
        .filemodal-content #edit-tags form input:focus {
          outline: none;
          opacity: 1; }
  .filemodal-content #current-tags-container {
    position: absolute;
    left: 0;
    right: 3.75em;
    top: 0; }
  .filemodal-content #current-tags {
    margin: 0 6.5625em 0 0;
    padding: 0.625em 0;
    min-width: 60%;
    height: 2.1875em;
    overflow: hidden;
    background: #fff;
    float: left;
    cursor: pointer; }
    .filemodal-content #current-tags * {
      cursor: pointer; }
    .filemodal-content #current-tags li {
      margin-top: 0.125em;
      margin-bottom: 3.125em; }
    .filemodal-content #current-tags > p {
      opacity: 0.6;
      color: #889BAC;
      line-height: 1.9375em;
      margin-top: 0;
      display: block;
      float: left;
      word-wrap: none;
      position: absolute;
      top: 0.625em;
      left: 3.4375em; }
    .filemodal-content #current-tags > p.floating {
      position: relative;
      top: auto;
      left: auto; }
  .filemodal-content .tag-icon {
    margin: 0.75em 0.75em 0 0.75em;
    float: left;
    display: block;
    cursor: pointer; }
    .filemodal-content .tag-icon img {
      width: 20px;
      height: 20px;
      vertical-align: sub; }
  .filemodal-content #edit-tags p, .filemodal-content #current-tags p {
    font-style: italic;
    font-size: 0.875em;
    color: #A2A6B6; }
  .filemodal-content #edit-tags li, .filemodal-content #current-tags li {
    cursor: pointer;
    list-style: none;
    display: inline-block;
    margin-right: 0.5em;
    float: left; }
    .filemodal-content #edit-tags li.exists span, .filemodal-content #current-tags li.exists span {
      background-color: #b6bcc8; }
    .filemodal-content #edit-tags li span, .filemodal-content #current-tags li span {
      padding: 0.25em 0.75em 0.1875em 1.5625em;
      font-size: 0.6875em;
      font-weight: 600;
      line-height: 1.5;
      text-transform: uppercase;
      color: #fff;
      border-radius: 2px;
      display: block;
      background-image: url("../img/interface/tag-mask.png");
      background-position: left top;
      background-size: auto 100%;
      background-repeat: no-repeat; }

#link-container .file-top h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 700px;
  width: 90%; }
#link-container .file-nav {
  width: 2.5em; }
  #link-container .file-nav section {
    padding: 5px; }
#link-container .file-content {
  left: 10%;
  right: 10%;
  bottom: 13.75em;
  top: 7.5em;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out; }
  #link-container .file-content:hover {
    cursor: pointer;
    background: #FAFBFD; }
  #link-container .file-content section {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    text-align: center; }
    #link-container .file-content section > span {
      font-style: italic;
      font-size: 0.875em; }
      #link-container .file-content section > span > span {
        color: #A2A6B6; }
    #link-container .file-content section p {
      font-weight: 600;
      font-size: 0.875em;
      line-height: 1.45;
      color: #889BAC;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      margin: 0.3125em 0 0.1875em; }
      #link-container .file-content section p span {
        color: #43515D; }
    #link-container .file-content section img {
      width: 1.5em;
      height: 1.5em;
      border-radius: 3px;
      margin-right: 0.625em;
      vertical-align: bottom; }
    #link-container .file-content section h3 {
      font-weight: 500;
      font-size: 1.25em;
      color: #556471;
      line-height: 1.5;
      margin: 0; }

.divider {
  height: 1px;
  margin: 15px 0;
  background: #EBECED; }

.filemodal-image {
  text-align: center; }
  .filemodal-image img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }
    .filemodal-image img.loaded {
      opacity: 1; }
  .filemodal-image p {
    opacity: 0;
    position: absolute;
    top: 50.5%;
    left: 50.5%;
    -webkit-transform: translateY(-51%) translateX(-51%);
    -ms-transform: translateY(-51%) translateX(-51%);
    transform: translateY(-51%) translateX(-50%);
    font-size: 0.8125em;
    color: #43515D;
    padding: 0.5em 0.9375em;
    font-weight: 600;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.97); }

.file-content.zoom .filemodal-image:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }
  .file-content.zoom .filemodal-image:hover img {
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(60, 66, 86, 0.4);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(60, 66, 86, 0.4); }
  .file-content.zoom .filemodal-image:hover p {
    opacity: 1; }

.file-content.zoom.full-view {
  z-index: 15;
  position: absolute;
  overflow-y: scroll;
  top: 0;
  bottom: 0;
  left: -2em;
  right: -2em;
  padding: 0 0.625em 0.625em;
  background: #fff; }
  .file-content.zoom.full-view .filemodal-image:hover {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out; }
    .file-content.zoom.full-view .filemodal-image:hover p {
      opacity: 0 !important; }
  .file-content.zoom.full-view img {
    position: relative;
    max-height: none;
    top: auto;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  .file-content.zoom.full-view #full-view-title {
    margin: 0.75em 0;
    text-transform: capitalize;
    color: #A2A6B6; }

.filemodal-active {
  overflow: hidden; }

.edit-title {
  min-width: 2em; }

#content-filters {
  padding: 0.1875em 0 1.125em; }
  #content-filters:after {
    content: "";
    display: table;
    clear: both; }

#filters-left {
  height: 1.5625em;
  min-width: 50%;
  margin-left: 1.25em;
  float: left; }
  #filters-left .fold-sidebar-toggle {
    display: inline-block;
    padding-right: 0.9375em;
    cursor: pointer;
    vertical-align: top; }
    #filters-left .fold-sidebar-toggle:hover .burger-icon {
      opacity: 1; }
    #filters-left .fold-sidebar-toggle .burger-icon {
      opacity: 0.5;
      -webkit-transition: all 0.175s ease-in-out;
      -moz-transition: all 0.175s ease-in-out;
      transition: all 0.175s ease-in-out; }
  #filters-left .items-total, #filters-left .sort-by, #filters-left .show-kind {
    margin-top: 0.25em; }
  #filters-left .items-total {
    display: inline-block;
    font-weight: 500;
    font-size: 0.875em;
    color: #858ba0;
    font-style: italic; }
  #filters-left .sort-by, #filters-left .show-kind {
    display: inline-block;
    margin-top: -0.3125em;
    font-size: 0.8125em;
    color: #556471;
    margin-right: 1.25em; }
    #filters-left .sort-by select, #filters-left .show-kind select {
      border-radius: 3px;
      background: url("../img/interface/icons/icons.png") 91.5% -340px no-repeat transparent;
      font-weight: 600;
      color: #556471;
      text-transform: none;
      padding: 0.3125em 1.875em 0.1875em 0.5em;
      outline: none;
      display: inline-block;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      cursor: pointer;
      border: 1px solid #C6CDE0; }

#filters-right {
  float: right; }

.fold-sidebar #content {
  margin-left: 0; }
.fold-sidebar #sidebar, .fold-sidebar #sidebar-footer {
  left: -16.25em; }

.windows ::-webkit-scrollbar {
  width: 8px; }
.windows ::-webkit-scrollbar-track {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.1); }
.windows ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.15s ease;
  -moz-transition: background 0.15s ease;
  transition: background 0.15s ease; }
.windows ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.1); }

#onboard-dropbox-auth, #onboard-dropbox-init {
  position: fixed;
  z-index: 100000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  text-align: center;
  padding: 10%;
  color: #474D5C; }
  #onboard-dropbox-auth h3, #onboard-dropbox-init h3 {
    font-size: 1.125em;
    font-weight: 600; }
  #onboard-dropbox-auth a, #onboard-dropbox-init a {
    color: #3c8de1;
    text-decoration: none;
    font-weight: 600; }
    #onboard-dropbox-auth a:hover, #onboard-dropbox-init a:hover {
      text-decoration: underline; }

/****** dropdown-menu *******/
.wrap-dd-menu {
  /* Size and position */
  position: relative; }
  .wrap-dd-menu .dropdown {
    /* Size & position */
    position: absolute;
    width: 180px;
    /* Styles */
    border-radius: 7px;
    background: #fff;
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(60, 66, 86, 0.4);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 2px 0px rgba(60, 66, 86, 0.4);
    padding: 10px 0;
    font-weight: normal;
    list-style: none;
    /* Hiding */
    opacity: 0;
    pointer-events: none;
    z-index: 10000; }
    .wrap-dd-menu .dropdown li.divider {
      height: 1px;
      margin: 5px 15px;
      background: #EBECED; }
    .wrap-dd-menu .dropdown li a {
      font-size: 0.8125em;
      color: #545A67;
      line-height: 1.4;
      display: block;
      padding: 7px 15px;
      text-decoration: none;
      transition: all 0.3s ease-out; }
    .wrap-dd-menu .dropdown li i {
      float: right;
      color: inherit; }
    .wrap-dd-menu .dropdown li:first-of-type a {
      border-radius: 4px 4px 0 0; }
    .wrap-dd-menu .dropdown li:last-of-type a {
      border-radius: 0 0 4px 4px;
      border: none; }
    .wrap-dd-menu .dropdown li:hover a {
      background-color: #F3F5F5; }
    .wrap-dd-menu .dropdown:after {
      content: "";
      z-index: 100001;
      position: absolute;
      bottom: -16px;
      left: 79px;
      width: 31px;
      height: 22px;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      background: url("../img/interface/popup-marker.svg"); }
    .wrap-dd-menu .dropdown.active {
      opacity: 1;
      pointer-events: auto; }

.dropdown-overlay {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.1);
  z-index: 9999;
  cursor: pointer; }
  .dropdown-overlay.active {
    opacity: 1;
    visibility: visible;
    display: block; }

#sidebar-account .dropdown {
  bottom: 35px;
  left: -25px; }
  #sidebar-account .dropdown:after {
    left: 22px; }

#sidebar-menu .dropdown {
  left: -70px;
  bottom: 25px; }
  #sidebar-menu .dropdown:after {
    left: 75px;
    bottom: -16px; }

#header-right .dropdown {
  top: 35px;
  right: -10px;
  width: 300px;
  padding: 10px 5px; }
  #header-right .dropdown:after {
    left: auto;
    right: 11px;
    bottom: auto;
    top: -16px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  #header-right .dropdown li:first-child a {
    font-size: 1em;
    text-align: center;
    padding: 3px 18px 10px; }
    #header-right .dropdown li:first-child a:hover {
      background: #fff; }
  #header-right .dropdown li a {
    font-size: 0.875em;
    padding: 12px 18px; }
  #header-right .dropdown li.divider {
    margin: 0; }

.file-nav .wrap-dd-menu .dropdown-overlay {
  background: transparent; }

#filters-right .dropdown-trigger {
  padding: 0.625em 0.625em; }
  #filters-right .dropdown-trigger span {
    margin-top: 0; }
#filters-right .dropdown {
  padding: 10px 0;
  right: -5px;
  left: auto;
  top: 35px; }
  #filters-right .dropdown:after {
    content: "";
    z-index: 100001;
    position: absolute;
    top: -16px;
    bottom: auto;
    left: 140px;
    width: 31px;
    height: 22px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url("../img/interface/popup-marker.svg"); }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2003;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background: rgba(0, 0, 0, 0.1); }

.modal-container {
  z-index: 2004;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  bottom: 0;
  -webkit-transform: translate3d(0, 0, 0); }
  .modal-container p {
    padding: 0.3125em 1.5625em 0.625em;
    font-size: 0.875em;
    font-style: italic;
    color: #9498ab; }
    .modal-container p.small {
      font-size: 0.75em; }

.modal-dialog {
  position: fixed;
  width: 25em;
  max-width: 100%;
  left: 50.55%;
  top: 50.55%;
  -webkit-transform: translateY(-51%) translateX(-51%);
  -ms-transform: translateY(-51%) translateX(-51%);
  transform: translateY(-51%) translateX(-51%);
  background: #fff;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09), 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.09), 0px 0px 2px 0px rgba(0, 0, 0, 0.36);
  pointer-events: all; }
  .modal-dialog .modal-content {
    position: relative; }
  .modal-dialog .modal-divider {
    height: 1px;
    margin: 15px 25px;
    background: #EBECED; }
  .modal-dialog .modal-title {
    background: #FAFBFD;
    border-bottom: 1px solid #E4E7EC;
    padding: 0.625em 0;
    border-radius: 4px 4px 0 0; }
    .modal-dialog .modal-title button {
      position: absolute;
      top: 0.625em;
      right: 0.625em;
      background: url("../img/interface/icons/icons.png") 4px -395px no-repeat;
      width: 1.5em;
      height: 1.5em;
      border: none;
      outline: none;
      opacity: 0.8;
      overflow: hidden; }
      .modal-dialog .modal-title button:before {
        content: "";
        display: block;
        width: 0;
        height: 100%; }
      .modal-dialog .modal-title button:hover {
        opacity: 1; }
  .modal-dialog h2 {
    font-size: 1.0625em;
    font-weight: 400;
    color: #556471;
    text-align: center;
    margin: 0;
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .modal-dialog form {
    margin: 1.5625em; }
    .modal-dialog form input {
      font-weight: 400;
      font-size: 1.0625em;
      color: #556471;
      width: 82%;
      padding: 0.75em 1.125em 0.6875em;
      border-radius: 4px;
      background: #fff;
      border: 1px solid #E4E7EC;
      -moz-box-shadow: inset 1px 1px 7px 0px rgba(0, 0, 0, 0.11);
      box-shadow: inset 1px 1px 7px 0px rgba(0, 0, 0, 0.11); }
      .modal-dialog form input:focus {
        outline: 0;
        border-color: #C3C3C3; }
    .modal-dialog form button {
      width: 16%;
      padding: 1.25em 0;
      float: right;
      color: #fff;
      border: none;
      margin: 0;
      border-radius: 4px;
      border: 1px solid #1f73cb;
      font-weight: 600;
      padding: 1.25em 0.9375em;
      font-size: 0.75em;
      background: #3c8de1;
      color: #fff;
      text-transform: uppercase;
      -webkit-transition: background 0.15s ease-in-out;
      -moz-transition: background 0.15s ease-in-out;
      transition: background 0.15s ease-in-out; }
      .modal-dialog form button:hover {
        border-color: #3c8de1;
        background: #68a7e8; }
      .modal-dialog form button:focus {
        outline: 0; }
      .modal-dialog form button:active {
        margin-top: 0.125em; }

.share-social {
  display: block;
  margin: 0 auto 1.5625em;
  width: 16.5625em;
  min-height: 12.1875em; }
  .share-social:after {
    content: "";
    display: table;
    clear: both; }
  .share-social h3 {
    font-weight: 400;
    font-size: 0.875em;
    color: #556471;
    text-align: center;
    margin: 1.25em 0 0.5em; }

.share-social-input, .share-social-tabs {
  display: block;
  margin: 0 auto; }
  .share-social-input:after, .share-social-tabs:after {
    content: "";
    display: table;
    clear: both; }

.share-social-input {
  border-radius: 0 0 4px 4px;
  border: 1px solid #E4E7EC;
  margin-bottom: 0.3125em;
  -moz-box-shadow: inset 1px 1px 7px 0px rgba(0, 0, 0, 0.11);
  box-shadow: inset 1px 1px 7px 0px rgba(0, 0, 0, 0.11);
  padding: 0.9375em 0.9375em 0.5em; }
  .share-social-input textarea {
    margin: 0;
    padding: 0;
    font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
    line-height: 1.5;
    font-size: 0.8125em;
    border: none;
    overflow: auto;
    outline: none;
    width: 100%;
    min-height: 5.625em;
    max-height: 15.625em;
    resize: vertical;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #556471; }
  .share-social-input ::-webkit-resizer {
    display: none; }

.share-social-tabs span {
  float: left;
  width: 50%;
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 0.8125em;
  color: #A2A6B6;
  height: 2em;
  line-height: 1.375;
  padding-top: 0.375em;
  cursor: pointer; }
  .share-social-tabs span.active, .share-social-tabs span:hover {
    background: #FBFCFE; }
  .share-social-tabs span:first-child {
    border-radius: 4px 0 0 0;
    border-top: 1px solid #E4E7EC;
    border-left: 1px solid #E4E7EC;
    border-right: 1px solid #E4E7EC; }
    .share-social-tabs span:first-child.active {
      color: #44c0ff; }
  .share-social-tabs span:last-child {
    border-radius: 0 4px 0 0;
    border-top: 1px solid #E4E7EC;
    border-right: 1px solid #E4E7EC; }
    .share-social-tabs span:last-child.active {
      color: #3b5998; }

.modal-dialog.narrow {
  width: 21.875em;
  left: 50.5%;
  top: 50.5%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

.share-content form {
  margin-top: 0.875em;
  height: 2.25em;
  max-height: 2.25em;
  overflow: hidden; }
  .share-content form label {
    width: 10%;
    margin-right: 3%; }
  .share-content form input {
    width: 68%;
    padding: 0.75em 0.875em 0.5625em;
    font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
    font-size: 0.875em;
    line-height: 1; }
  .share-content form button {
    padding: 0.8125em 0 0.75em;
    width: 19%; }

.share-item, .delete-item, .sel-file {
  margin: 1.25em 1.5625em 0.875em;
  height: 3.75em; }
  .share-item .thumbnail-containter, .delete-item .thumbnail-containter, .sel-file .thumbnail-containter {
    float: left;
    margin-right: 0.9375em;
    width: 3.75em;
    height: 3.75em;
    border-radius: 3px;
    background: url("../img/interface/empty-thumbnail.jpg");
    background-size: cover;
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(60, 66, 86, 0.4);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(60, 66, 86, 0.4);
    overflow: hidden;
    position: relative; }
    .share-item .thumbnail-containter.note-icon div, .delete-item .thumbnail-containter.note-icon div, .sel-file .thumbnail-containter.note-icon div {
      margin-top: 1.375em;
      margin-left: 1.3125em; }
    .share-item .thumbnail-containter img, .delete-item .thumbnail-containter img, .sel-file .thumbnail-containter img {
      width: 160%;
      min-height: 100%;
      border-radius: 3px;
      margin-left: -1.125em;
      opacity: 0;
      border: 0;
      outline: 0;
      -webkit-transition: opacity 0.2s ease;
      -moz-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease; }
      .share-item .thumbnail-containter img.loaded, .delete-item .thumbnail-containter img.loaded, .sel-file .thumbnail-containter img.loaded {
        opacity: 1; }
  .share-item h2, .delete-item h2, .sel-file h2 {
    text-align: left;
    font-size: 1em;
    line-height: 1.375;
    padding: 0.375em 0 0.0625em; }
  .share-item span, .delete-item span, .sel-file span {
    font-style: italic;
    font-size: 0.875em;
    color: #A2A6B6;
    line-height: 1.375;
    margin-right: 0.375em; }

.share-social-buttons {
  float: right; }
  .share-social-buttons button {
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid #E4E7EC;
    font-weight: 600;
    padding: 0.4375em 0.75em 0.375em;
    font-size: 0.75em;
    color: #BEC3D4;
    text-transform: uppercase;
    margin-left: 0.375em;
    margin-top: 0.1875em; }
  .share-social-buttons button:last-child {
    background: #F7F8F9;
    color: #34AAE9; }

.file-image {
  width: 100%;
  position: absolute;
  top: 7.5em;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center; }
  .file-image img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; }

.modal-form {
  background: #FAFBFD;
  border-top: #E4E7EC 1px solid;
  padding-bottom: 1.25em;
  border-radius: 0 0 4px 4px; }
  .modal-form a {
    text-decoration: none;
    font-weight: 600;
    color: #A2A6B6; }
    .modal-form a:hover {
      text-decoration: underline; }

.delete-content .delete-item {
  height: auto; }
  .delete-content .delete-item > div {
    float: left;
    margin-right: 0.625em;
    margin-top: 0.5em; }
  .delete-content .delete-item .thumbnail-containter {
    margin-top: 0em;
    width: 2em;
    height: 2em; }
.delete-content .modal-form {
  min-height: 4.375em; }
.delete-content .button-delete {
  border-radius: 4px;
  border: 1px solid #1f73cb;
  font-weight: 600;
  padding: 1.25em 0.9375em;
  font-size: 0.75em;
  background: #3c8de1;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
  float: right;
  width: 22%;
  background-color: #e74d3d;
  border-color: #d62c1b;
  padding: 0.9375em 0;
  margin: 0.9375em 1.5625em 1.25em; }
  .delete-content .button-delete:hover {
    border-color: #3c8de1;
    background: #68a7e8; }
  .delete-content .button-delete:focus {
    outline: 0; }
  .delete-content .button-delete:active {
    margin-top: 0.125em; }
  .delete-content .button-delete:hover {
    border-color: #e74d3d;
    background: #ed776a; }
  .delete-content .button-delete:active {
    margin-top: 1.0625em; }
.delete-content .button-close {
  float: right;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #E4E7EC;
  font-weight: 600;
  padding: 0.9375em 0.75em 0.9375em;
  font-size: 0.75em;
  color: #BEC3D4;
  text-transform: uppercase;
  margin: 0.9375em 0 1.25em; }

.move-content form {
  margin: 1.25em 1.5625em 0; }
  .move-content form button {
    font-weight: 600;
    background-color: transparent !important;
    border-radius: 3px;
    font-size: 0.9375em;
    text-transform: none;
    float: right;
    padding: 0.375em 0.625em 0.25em;
    color: #3c8de1;
    border: 1px solid rgba(143, 149, 162, 0.3) !important;
    line-height: 19px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    padding: 0.4375em 0.625em 0.3125em;
    width: 19%;
    font-size: 0.875em;
    margin-top: 0.25em; }
    .move-content form button:hover {
      background-color: transparent !important;
      border: 1px solid rgba(143, 149, 162, 0.6) !important; }
    .move-content form button:focus {
      outline: 0; }
    .move-content form button:active {
      margin-top: 0.125em; }
    .move-content form button:active {
      margin-top: 0.375em; }
  .move-content form input {
    border: none;
    box-shadow: none;
    width: 72%;
    margin-left: 0.625em;
    padding-left: 0.3125em;
    font-size: 0.875em;
    font-style: italic;
    background: url("../img/interface/icons/icons.png") 0 -468px repeat-x;
    opacity: 0.7;
    -webkit-transition: 0.15s all cubic-bezier(0.57, 0.065, 0.43, 1.505);
    -moz-transition: 0.15s all cubic-bezier(0.57, 0.065, 0.43, 1.505);
    transition: 0.15s all cubic-bezier(0.57, 0.065, 0.43, 1.505); }
    .move-content form input.filled {
      outline: none;
      opacity: 1; }

.move-list:after {
  content: "";
  display: table;
  clear: both; }

.move-list > ul {
  max-height: 23.125em;
  overflow-y: scroll;
  list-style: none;
  margin: 0.9375em;
  padding: 0; }
  .move-list > ul > li {
    border-bottom: 1px solid #f3f4f7;
    padding: 0.1875em 0.625em 0.3125em; }
  .move-list > ul > li:last-child {
    border-bottom: none !important; }
  .move-list > ul h4, .move-list > ul h5 {
    text-transform: capitalize;
    font-size: 0.875em;
    color: #556471;
    line-height: 1.25em;
    margin: 0;
    padding: 0.625em 0.625em 0.3125em 0;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer; }
    .move-list > ul h4.current, .move-list > ul h5.current {
      opacity: 0.3; }
  .move-list > ul h5 {
    font-size: 0.8125em;
    padding-top: 0.1875em;
    padding-bottom: 0.75em; }
  .move-list > ul .inbox-icon, .move-list > ul .collection-icon, .move-list > ul .stack-icon {
    vertical-align: sub;
    margin-right: 0.375em; }
  .move-list > ul .inbox-icon {
    margin-right: 0.8125em;
    float: left; }
  .move-list > ul .stack-list {
    list-style: none;
    padding-left: 1.875em;
    padding-top: 0.125em; }
    .move-list > ul .stack-list .stack-icon {
      float: left;
      margin-right: 0.5em; }

.add p {
  margin-bottom: 0;
  padding-bottom: 0; }

.add-files-modal form input {
  border: none;
  box-shadow: none;
  font-weight: 400;
  color: #556471;
  padding: 0.1875em 1.125em;
  padding-left: 0.3125em;
  width: 130px;
  font-size: 1em;
  background: url("../img/interface/icons/icons.png") 0 -478px repeat-x;
  opacity: 0.7; }
  .add-files-modal form input:focus {
    outline: none;
    opacity: 1; }
.add-files-modal form ::-webkit-input-placeholder {
  text-transform: capitalize;
  color: #556471; }
.add-files-modal form ::-moz-placeholder {
  text-transform: capitalize;
  color: #556471; }
.add-files-modal form :-ms-input-placeholder {
  text-transform: capitalize;
  color: #556471; }
.add-files-modal form input {
  width: 80%;
  background-position: 0 -477px;
  font-style: normal; }
.add-files-modal form ::-webkit-input-placeholder {
  text-transform: normal;
  font-style: italic; }
.add-files-modal form ::-moz-placeholder {
  text-transform: normal;
  font-style: italic; }
.add-files-modal form :-ms-input-placeholder {
  text-transform: normal;
  font-style: italic; }
.add-files-modal form button {
  font-weight: 600;
  background-color: transparent !important;
  border-radius: 3px;
  font-size: 0.9375em;
  text-transform: none;
  float: right;
  padding: 0.375em 0.625em 0.25em;
  color: #3c8de1;
  border: 1px solid rgba(143, 149, 162, 0.3) !important;
  line-height: 19px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out; }
  .add-files-modal form button:hover {
    background-color: transparent !important;
    border: 1px solid rgba(143, 149, 162, 0.6) !important; }
  .add-files-modal form button:focus {
    outline: 0; }
  .add-files-modal form button:active {
    margin-top: 0.125em; }

.add-files-intro span {
  font-weight: 600; }

.file-drop .drop-area {
  font-size: 1.1875em;
  text-align: center;
  padding: 2.5em;
  margin: 1.25em 1.25em 0.625em;
  border-radius: 8px;
  border: 5px #dbdde3 dashed;
  -webkit-transition: border-color 0.15s ease;
  -moz-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
  line-height: 1.6;
  color: #999eaf; }
.file-drop .file-upload {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: bottom;
  font-weight: 500;
  -webkit-transition: color 0.15s ease;
  -moz-transition: color 0.15s ease;
  transition: color 0.15s ease; }
.file-drop .file-upload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0); }
.file-drop .sel-files {
  margin-top: 1.25em; }
.file-drop .sel-file {
  padding: 1px 5px;
  font-size: smaller;
  color: grey; }
  .file-drop .sel-file .thumbnail-containter {
    border-radius: none;
    background: transparent;
    -moz-box-shadow: none;
    box-shadow: none; }
    .file-drop .sel-file .thumbnail-containter.note-icon div {
      margin-top: 1.375em;
      margin-left: 1.3125em; }
    .file-drop .sel-file .thumbnail-containter img {
      width: 6em;
      min-height: 3.75em;
      border-radius: 3px;
      margin-left: -1.125em;
      opacity: 1;
      -webkit-transition: none;
      -moz-transition: none;
      transition: none; }
.file-drop .response {
  padding-top: 30px; }
.file-drop .response > ul {
  list-style-type: decimal; }
.file-drop .response li, .file-drop .response .reqh {
  color: blue;
  font-size: smaller;
  padding-bottom: 5px; }
.file-drop .progress {
  display: inline-block;
  width: 20em;
  margin-top: 0.96875em;
  height: 2.8125em;
  float: left; }
  .file-drop .progress div {
    font-size: smaller;
    text-align: right;
    color: rgba(255, 255, 255, 0.8);
    line-height: 2.8125em;
    padding-right: 0.9375em;
    border-radius: 4px;
    border: 1px solid;
    height: 2.8125em;
    width: 0;
    -webkit-transition: background-color 0.15s ease;
    -moz-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease; }
  .file-drop .progress.done div {
    color: rgba(255, 255, 255, 0); }
.file-drop .upload-button {
  float: right;
  margin-top: 0.9375em;
  margin-right: 0.3125em; }

.add-files-modal-content {
  max-height: 25em;
  overflow-x: hidden; }

.modal-backdrop.file {
  background: rgba(255, 255, 255, 0.94); }

.modal-container.file .modal-content {
  top: 0;
  bottom: 0;
  left: 15em;
  right: 15em; }

.loading {
  text-align: center;
  margin-top: 0.9375em;
  color: #556471;
  font-style: italic;
  background: url("../img/interface/loader.gif") top center no-repeat;
  padding-top: 2.5em;
  padding-bottom: 1.5625em; }

#add-collection, #add-tag {
  font-size: 0.875em;
  text-decoration: none;
  color: #A2A6B6; }
  #add-collection:hover, #add-tag:hover {
    color: #777d94; }
  #add-collection .icon, #add-tag .icon {
    margin-top: 0.1875em; }
  #add-collection .no-icon, #add-tag .no-icon {
    line-height: 1.875em;
    padding-left: 2.125em;
    padding-right: 4.375em;
    padding-bottom: 0.625em;
    display: block;
    height: 1.875em; }
  #add-collection a, #add-tag a {
    float: right;
    font-weight: 500;
    background: transparent;
    border-radius: 3px;
    font-size: 0.875em;
    padding: 0.1875em 0.4375em 0.125em;
    border: 1px solid rgba(143, 149, 162, 0.2);
    color: #5A90E2;
    text-decoration: none;
    line-height: 19px;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out; }
    #add-collection a:hover, #add-tag a:hover {
      border: 1px solid rgba(143, 149, 162, 0.5); }
  #add-collection input, #add-tag input {
    -webkit-transition: 0.15s all cubic-bezier(0.57, 0.065, 0.43, 1.505);
    -moz-transition: 0.15s all cubic-bezier(0.57, 0.065, 0.43, 1.505);
    transition: 0.15s all cubic-bezier(0.57, 0.065, 0.43, 1.505); }

.click-to-add, .click-to-edit, .settings-account .edit-username.click-to-edit {
  cursor: pointer;
  position: relative;
  height: 1.875em; }
  .click-to-add .icon, .click-to-edit .icon, .settings-account .edit-username.click-to-edit .icon {
    width: 1.8125em; }
  .click-to-add div, .click-to-edit div, .settings-account .edit-username.click-to-edit div {
    position: absolute;
    top: 0;
    left: 0;
    width: 15em;
    height: 1.875em; }
  .click-to-add input, .click-to-edit input, .settings-account .edit-username.click-to-edit input {
    border: none;
    box-shadow: none;
    font-weight: 400;
    color: #556471;
    padding: 0.1875em 1.125em;
    padding-left: 0.3125em;
    width: 130px;
    font-size: 1em;
    background: url("../img/interface/icons/icons.png") 0 -478px repeat-x;
    opacity: 0.7; }
    .click-to-add input:focus, .click-to-edit input:focus, .settings-account .edit-username.click-to-edit input:focus {
      outline: none;
      opacity: 1; }
  .click-to-add ::-webkit-input-placeholder, .click-to-edit ::-webkit-input-placeholder, .settings-account .edit-username.click-to-edit ::-webkit-input-placeholder {
    text-transform: capitalize;
    color: #556471; }
  .click-to-add ::-moz-placeholder, .click-to-edit ::-moz-placeholder, .settings-account .edit-username.click-to-edit ::-moz-placeholder {
    text-transform: capitalize;
    color: #556471; }
  .click-to-add :-ms-input-placeholder, .click-to-edit :-ms-input-placeholder, .settings-account .edit-username.click-to-edit :-ms-input-placeholder {
    text-transform: capitalize;
    color: #556471; }

.click-to-edit, .settings-account .edit-username.click-to-edit {
  display: inline-block;
  width: auto; }
  .click-to-edit span, .settings-account .edit-username.click-to-edit span {
    -webkit-transition: background-position 0.15s ease-in-out;
    -moz-transition: background-position 0.15s ease-in-out;
    transition: background-position 0.15s ease-in-out;
    background: url("../img/interface/icons/icons.png") 0 -460px repeat-x; }
  .click-to-edit span:hover, .settings-account .edit-username.click-to-edit span:hover {
    background-position: 0 -475px; }
  .click-to-edit div, .settings-account .edit-username.click-to-edit div {
    position: relative;
    width: auto;
    top: auto;
    left: auto;
    min-width: 8.125em; }
  .click-to-edit .no-icon, .settings-account .edit-username.click-to-edit .no-icon {
    padding-left: 0.3125em; }
  .click-to-edit input, .settings-account .edit-username.click-to-edit input {
    width: auto;
    line-height: 1.3;
    min-width: 0.625em;
    padding-right: 0.3125em;
    padding-top: 0em;
    color: #474D5C;
    opacity: 1;
    background: url("../img/interface/icons/icons.png") 0 -475px repeat-x; }
  .click-to-edit button, .settings-account .edit-username.click-to-edit button {
    font-weight: 500;
    background: transparent;
    border-radius: 3px;
    font-size: 0.8125em;
    padding: 0.25em 0.4375em;
    margin-left: 0.3125em;
    border: 1px solid rgba(143, 149, 162, 0.2);
    line-height: 19px;
    -webkit-transition: border 0.15s ease-in-out;
    -moz-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
    .click-to-edit button:hover, .settings-account .edit-username.click-to-edit button:hover {
      border: 1px solid rgba(143, 149, 162, 0.5); }

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
  z-index: 8;
  width: 100%;
  max-width: 38.75em;
  position: absolute !important;
  top: 0.625em;
  bottom: 0.9375em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.CodeMirror-scroll {
  /* Set scrolling behaviour here */
  overflow: auto;
  overflow-x: hidden; }

/* PADDING */
.CodeMirror-lines {
  padding: 0;
  /* Vertical padding around content */ }

.CodeMirror pre {
  padding: 0 14px;
  /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap; }

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.CodeMirror-guttermarker {
  color: black; }

.CodeMirror-guttermarker-subtle {
  color: #999; }

/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 3px solid #00C6FE;
  z-index: 3;
  height: 19px !important; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver; }

.CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
  z-index: 1; }

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute; }

/* DEFAULT THEME */
.cm-s-default .cm-keyword {
  color: #474D5C; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #164; }

.cm-s-default .cm-def {
  color: #00f; }

.cm-s-default .cm-variable-2 {
  color: #474D5C; }

.cm-s-default .cm-variable-3 {
  color: #474D5C; }

.cm-s-default .cm-comment {
  color: #858ba0; }

.cm-s-default .cm-string {
  color: #a11; }

.cm-s-default .cm-string-2 {
  color: #f50; }

.cm-s-default .cm-meta {
  color: #555; }

.cm-s-default .cm-qualifier {
  color: #555; }

.cm-s-default .cm-builtin {
  color: #30a; }

.cm-s-default .cm-bracket {
  color: #997; }

.cm-s-default .cm-tag {
  color: #170; }

.cm-s-default .cm-attribute {
  color: #00c; }

.cm-s-default .cm-header {
  color: #059CC7; }

.cm-s-default .cm-quote {
  color: #090; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #607180; }

.cm-strong {
  color: #C03583; }

.cm-em {
  color: #059CC7; }

.cm-negative {
  color: #d44; }

.cm-positive {
  color: #292; }

.cm-header, .cm-strong {
  font-weight: bold; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-strikethrough {
  text-decoration: line-through; }

.cm-s-default .cm-error {
  color: #f00; }

.cm-invalidchar {
  color: #f00; }

div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22; }

.CodeMirror-activeline-background {
  background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  line-height: 1.618;
  position: relative;
  overflow: hidden;
  background: white;
  color: #474D5C; }

.CodeMirror-scroll {
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none; }

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll; }

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll; }

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0; }

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0; }

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  padding-bottom: 30px;
  z-index: 3; }

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-bottom: 30px;
  margin-bottom: -32px;
  display: inline-block;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline; }

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4; }

.CodeMirror-lines {
  cursor: text; }

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: 0.9375em;
  line-height: 1.618;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible; }

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal; }

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto; }

.CodeMirror-wrap .CodeMirror-scroll {
  overflow-x: hidden; }

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.CodeMirror-measure pre {
  position: static; }

.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  visibility: hidden;
  border-right: none;
  width: 0; }

.CodeMirror-focused div.CodeMirror-cursor {
  visibility: visible; }

.CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected {
  background: #A4C7F0; }

.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4); }

/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursor {
    visibility: hidden; } }
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none; }

.add-note,
.add-files,
.add-stack,
.add-link,
.more-delete,
.icon-more span,
.icon-dropbox span,
.icon-fav div,
.icon-share div,
.item-bottom-overlay .icon-more div,
.bug-icon span,
.interface-icon span,
.extension-icon span,
.tag-icon div,
.link-icon div,
.stack-icon div,
.image-icon div,
.gif-icon div,
.note-icon div,
.inbox-icon div,
.recent-icon div,
.file-size div,
.collection-icon div,
.upload-button .abort div,
.upload-button .done div,
#sidebar-sync span,
#sidebar-menu .dropdown-trigger > span,
.alert-icon {
  background-image: url("../img/interface/icons/icons.png");
  background-repeat: no-repeat; }

.alert .alert-icon {
  margin-right: 0.625em;
  display: inline-block;
  background-position: -450px 0;
  width: 25px;
  height: 25px;
  vertical-align: middle; }

.alert.alert-error .alert-icon {
  background-position: -450px -50px; }

.tag-icon.big div {
  display: inline-block;
  background-image: url("../img/interface/icons/icons@2x.png");
  background-repeat: no-repeat;
  width: 27px;
  height: 27px;
  vertical-align: middle;
  margin-right: 0.3125em;
  background-position: -150px -2px; }

.add-note {
  background-position: 260px -187px; }

.add-link {
  background-position: 260px -337px; }

.add-stack {
  background-position: 260px -287px; }

.add-files {
  background-position: 260px -237px; }

.more-delete {
  background-position: -300px -393px; }

.tag-icon div {
  background-position: -150px 0;
  width: 15px;
  height: 15px;
  margin-left: 0.125em;
  display: block; }

.link-icon div,
.stack-icon div,
.image-icon div,
.note-icon div,
.inbox-icon div,
.gif-icon div,
.file-size div,
.bug-icon span,
.interface-icon span,
.extension-icon span,
.recent-icon div {
  width: 15px;
  height: 15px; }

.recent-icon div {
  background-position: -50px 0;
  width: 16px; }

.inbox-icon div {
  background-position: -100px 0;
  width: 16px; }

.link-icon div {
  background-position: 0 -350px; }

.stack-icon div {
  background-position: 0 -300px; }

.image-icon div, .gif-icon div {
  background-position: 2px -250px; }

.note-icon div {
  background-position: 2px -200px;
  height: 16px; }

.file-size div {
  background-position: -200px -150px; }

.collection-icon div {
  background-position: -250px -100px;
  width: 17px;
  height: 15px;
  margin-top: 0.125em;
  display: block; }

#sidebar-sync span {
  background-position: 0 -150px;
  width: 20px;
  height: 17px;
  margin: 0;
  display: block;
  cursor: pointer; }

#sidebar-sync span.loading {
  background-position: 0 -100px; }

#sidebar-menu .dropdown-trigger {
  padding: 0.625em;
  cursor: pointer; }

#sidebar-menu .dropdown-trigger > span, .icon-more .dropdown-trigger > span {
  background-position: -50px -150px;
  width: 19px;
  height: 5px;
  display: block; }

#sidebar-menu .dropdown-trigger.active > span, .icon-more .dropdown-trigger.active > span {
  background-position: -50px -100px; }

.icon-fav div {
  background-position: -350px 0;
  width: 18px;
  height: 18px;
  margin: 0.75em 0 0 1.0625em;
  display: block; }

.icon-fav.checked div {
  background-position: -350px -50px; }

.item-bottom-overlay .icon-more:hover div {
  background-position: -350px -100px; }
.item-bottom-overlay .icon-more div {
  background-position: -400px -100px;
  width: 19px;
  height: 5px;
  margin: 1.1875em 0 0 0.875em;
  display: block; }

.icon-share div {
  background-position: -400px 0;
  width: 15px;
  height: 15px;
  margin: 0.875em 0 0 0.875em;
  display: block; }

.upload-button .abort, .upload-button .done {
  width: 100%;
  height: 100%;
  display: block;
  position: relative; }
  .upload-button .abort div, .upload-button .done div {
    background-position: -450px -150px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 10px;
    height: 10px;
    display: block; }

.upload-button .done div {
  width: 12px;
  height: 12px;
  background-position: -450px -200px; }

.file-nav .icon-share div, .icon-more span {
  width: 19px;
  height: 19px; }

.file-nav .icon-share div {
  background-position: -100px -50px;
  margin: 0.25em 0 0 0; }

.icon-more span {
  display: block;
  background-position: -50px -150px;
  margin-top: 0.5em; }

.icon-dropbox span {
  background-position: -300px -100px;
  width: 32px;
  height: 32px;
  display: block; }

.bug-icon span,
.interface-icon span,
.extension-icon span {
  display: block; }

.bug-icon span {
  background-position: -400px -198px; }

.interface-icon span {
  background-position: -400px -147px; }

.extension-icon span {
  background-position: -400px -249px; }

body.color-0 .app-logo {
  background-color: #fda043; }
body.color-0 #app-header .favourite .favourite-svg, body.color-0 .filemodal-window .favourite .favourite-svg {
  stroke: #6d7891;
  fill: #6d7891;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-0 #app-header .favourite .favourite-svg:hover, body.color-0 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-0 #app-header .favourite.checked, body.color-0 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-0 #app-header .favourite.checked .favourite-svg, body.color-0 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-0 #app-header .favourite.checked .favourite-svg:hover, body.color-0 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-0 #app-header .dropdown li:first-child a {
  color: #7b859c; }
body.color-0 .item-top-overlay span:first-child {
  color: #7b859c; }
body.color-0 .list-stack .item-type {
  color: #626c82; }
body.color-0 .item-bottom-overlay {
  background: rgba(101, 101, 101, 0.85); }
  body.color-0 .item-bottom-overlay:hover {
    background: rgba(101, 101, 101, 0.95); }
body.color-0 .modal-dialog form button {
  background-color: #7b859c;
  border-color: #68738b; }
  body.color-0 .modal-dialog form button:hover {
    border-color: #7b859c;
    background-color: #98a0b2; }
body.color-0 .progress div {
  border-color: #68738b;
  background: #7b859c; }
body.color-0 .progress.done div {
  background: #bfbfbf;
  border-color: #bfbfbf; }
body.color-0 .click-to-edit button {
  color: #7b859c; }
body.color-0 .share-item-modified {
  color: #7b859c; }
body.color-0 .drop-active {
  border-color: #7b859c; }
body.color-0 .file-upload {
  color: #7b859c; }
  body.color-0 .file-upload:hover {
    color: #626c82; }
body.color-0 .file-meta span span {
  color: #7b859c; }
body.color-0 #link-container .file-content section span span {
  color: #7b859c; }
body.color-0 #edit-tags li span, body.color-0 #current-tags li span {
  background-color: #7b859c; }
body.color-0 #edit-tags li:hover span {
  background-color: #94979d; }
body.color-0 #edit-tags li.exists:hover span {
  background-color: #b2b2b2; }
body.color-0 .settings-account > a:hover {
  color: #7b859c;
  border-color: #7b859c; }
body.color-0 .are-you-sure a:first-child {
  color: #7b859c; }

#sidebar-collections li.color-0 .collection-icon, #sidebar-favourites li.color-0 .collection-icon {
  color: #7b859c; }
  #sidebar-collections li.color-0 .collection-icon .collection-back, #sidebar-collections li.color-0 .collection-icon .collection-front, #sidebar-favourites li.color-0 .collection-icon .collection-back, #sidebar-favourites li.color-0 .collection-icon .collection-front {
    stroke: #7b859c; }
  #sidebar-collections li.color-0 .collection-icon .collection-back, #sidebar-favourites li.color-0 .collection-icon .collection-back {
    fill: #cbcbcb;
    fill-opacity: 0.6; }
#sidebar-collections li.color-0.current, #sidebar-collections li.color-0:hover, #sidebar-favourites li.color-0.current, #sidebar-favourites li.color-0:hover {
  color: #7b859c; }
  #sidebar-collections li.color-0.current h4 > a, #sidebar-collections li.color-0:hover h4 > a, #sidebar-favourites li.color-0.current h4 > a, #sidebar-favourites li.color-0:hover h4 > a {
    color: #7b859c; }

#move-collections li.color-0 .collection-icon {
  color: #7b859c; }
  #move-collections li.color-0 .collection-icon .collection-back, #move-collections li.color-0 .collection-icon .collection-front {
    stroke: #7b859c; }
  #move-collections li.color-0 .collection-icon .collection-back {
    fill: #cbcbcb;
    fill-opacity: 0.6; }
#move-collections li.color-0 h4:hover, #move-collections li.color-0 h5:hover, #move-collections li.color-0 h4.selected, #move-collections li.color-0 h5.selected {
  color: #7b859c; }

#sidebar-main .color-0.current a, #sidebar-main .color-0:hover a {
  color: #7b859c; }
#sidebar-main .color-0 .inbox-icon, #sidebar-main .color-0 .recent-icon {
  color: #7b859c; }

body.color-1 .app-logo {
  background-color: #4a90e2; }
body.color-1 #app-header .favourite .favourite-svg, body.color-1 .filemodal-window .favourite .favourite-svg {
  stroke: #3483de;
  fill: #3483de;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-1 #app-header .favourite .favourite-svg:hover, body.color-1 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-1 #app-header .favourite.checked, body.color-1 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-1 #app-header .favourite.checked .favourite-svg, body.color-1 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-1 #app-header .favourite.checked .favourite-svg:hover, body.color-1 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-1 #app-header .dropdown li:first-child a {
  color: #4a90e2; }
body.color-1 .item-top-overlay span:first-child {
  color: #4a90e2; }
body.color-1 .list-stack .item-type {
  color: #2275d7; }
body.color-1 .item-bottom-overlay {
  background: rgba(48, 107, 176, 0.85); }
  body.color-1 .item-bottom-overlay:hover {
    background: rgba(48, 107, 176, 0.95); }
body.color-1 .modal-dialog form button {
  background-color: #4a90e2;
  border-color: #2b7ddd; }
  body.color-1 .modal-dialog form button:hover {
    border-color: #4a90e2;
    background-color: #76abe9; }
body.color-1 .progress div {
  border-color: #2b7ddd;
  background: #4a90e2; }
body.color-1 .progress.done div {
  background: #adc7e5;
  border-color: #adc7e5; }
body.color-1 .click-to-edit button {
  color: #4a90e2; }
body.color-1 .share-item-modified {
  color: #4a90e2; }
body.color-1 .drop-active {
  border-color: #4a90e2; }
body.color-1 .file-upload {
  color: #4a90e2; }
  body.color-1 .file-upload:hover {
    color: #2275d7; }
body.color-1 .file-meta span span {
  color: #4a90e2; }
body.color-1 #link-container .file-content section span span {
  color: #4a90e2; }
body.color-1 #edit-tags li span, body.color-1 #current-tags li span {
  background-color: #4a90e2; }
body.color-1 #edit-tags li:hover span {
  background-color: #699edc; }
body.color-1 #edit-tags li.exists:hover span {
  background-color: #b1bbc8; }
body.color-1 .settings-account > a:hover {
  color: #4a90e2;
  border-color: #4a90e2; }
body.color-1 .are-you-sure a:first-child {
  color: #4a90e2; }

#sidebar-collections li.color-1 .collection-icon, #sidebar-favourites li.color-1 .collection-icon {
  color: #4a90e2; }
  #sidebar-collections li.color-1 .collection-icon .collection-back, #sidebar-collections li.color-1 .collection-icon .collection-front, #sidebar-favourites li.color-1 .collection-icon .collection-back, #sidebar-favourites li.color-1 .collection-icon .collection-front {
    stroke: #4a90e2; }
  #sidebar-collections li.color-1 .collection-icon .collection-back, #sidebar-favourites li.color-1 .collection-icon .collection-back {
    fill: #c0d4eb;
    fill-opacity: 0.6; }
#sidebar-collections li.color-1.current, #sidebar-collections li.color-1:hover, #sidebar-favourites li.color-1.current, #sidebar-favourites li.color-1:hover {
  color: #4a90e2; }
  #sidebar-collections li.color-1.current h4 > a, #sidebar-collections li.color-1:hover h4 > a, #sidebar-favourites li.color-1.current h4 > a, #sidebar-favourites li.color-1:hover h4 > a {
    color: #4a90e2; }

#move-collections li.color-1 .collection-icon {
  color: #4a90e2; }
  #move-collections li.color-1 .collection-icon .collection-back, #move-collections li.color-1 .collection-icon .collection-front {
    stroke: #4a90e2; }
  #move-collections li.color-1 .collection-icon .collection-back {
    fill: #c0d4eb;
    fill-opacity: 0.6; }
#move-collections li.color-1 h4:hover, #move-collections li.color-1 h5:hover, #move-collections li.color-1 h4.selected, #move-collections li.color-1 h5.selected {
  color: #4a90e2; }

#app-header .tag-icon {
  color: #4a90e2; }

#sidebar-tags li.color-1 .tag-icon {
  color: #4a90e2; }
#sidebar-tags li.color-1.current, #sidebar-tags li.color-1:hover {
  color: #4a90e2; }
  #sidebar-tags li.color-1.current a, #sidebar-tags li.color-1:hover a {
    color: #4a90e2; }

body.color-2 .app-logo {
  background-color: #7566fa; }
body.color-2 #app-header .favourite .favourite-svg, body.color-2 .filemodal-window .favourite .favourite-svg {
  stroke: #5f4df9;
  fill: #5f4df9;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-2 #app-header .favourite .favourite-svg:hover, body.color-2 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-2 #app-header .favourite.checked, body.color-2 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-2 #app-header .favourite.checked .favourite-svg, body.color-2 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-2 #app-header .favourite.checked .favourite-svg:hover, body.color-2 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-2 #app-header .dropdown li:first-child a {
  color: #7566fa; }
body.color-2 .item-top-overlay span:first-child {
  color: #7566fa; }
body.color-2 .list-stack .item-type {
  color: #4835f8; }
body.color-2 .item-bottom-overlay {
  background: rgba(64, 46, 230, 0.85); }
  body.color-2 .item-bottom-overlay:hover {
    background: rgba(64, 46, 230, 0.95); }
body.color-2 .modal-dialog form button {
  background-color: #7566fa;
  border-color: #5643f9; }
  body.color-2 .modal-dialog form button:hover {
    border-color: #7566fa;
    background-color: #a297fc; }
body.color-2 .progress div {
  border-color: #5643f9;
  background: #7566fa; }
body.color-2 .progress.done div {
  background: #d3cef8;
  border-color: #d3cef8; }
body.color-2 .click-to-edit button {
  color: #7566fa; }
body.color-2 .share-item-modified {
  color: #7566fa; }
body.color-2 .drop-active {
  border-color: #7566fa; }
body.color-2 .file-upload {
  color: #7566fa; }
  body.color-2 .file-upload:hover {
    color: #4835f8; }
body.color-2 .file-meta span span {
  color: #7566fa; }
body.color-2 #link-container .file-content section span span {
  color: #7566fa; }
body.color-2 #edit-tags li span, body.color-2 #current-tags li span {
  background-color: #7566fa; }
body.color-2 #edit-tags li:hover span {
  background-color: #9185f4; }
body.color-2 #edit-tags li.exists:hover span {
  background-color: #cac6e6; }
body.color-2 .settings-account > a:hover {
  color: #7566fa;
  border-color: #7566fa; }
body.color-2 .are-you-sure a:first-child {
  color: #7566fa; }

#sidebar-collections li.color-2 .collection-icon, #sidebar-favourites li.color-2 .collection-icon {
  color: #7566fa; }
  #sidebar-collections li.color-2 .collection-icon .collection-back, #sidebar-collections li.color-2 .collection-icon .collection-front, #sidebar-favourites li.color-2 .collection-icon .collection-back, #sidebar-favourites li.color-2 .collection-icon .collection-front {
    stroke: #7566fa; }
  #sidebar-collections li.color-2 .collection-icon .collection-back, #sidebar-favourites li.color-2 .collection-icon .collection-back {
    fill: #e7e5fb;
    fill-opacity: 0.6; }
#sidebar-collections li.color-2.current, #sidebar-collections li.color-2:hover, #sidebar-favourites li.color-2.current, #sidebar-favourites li.color-2:hover {
  color: #7566fa; }
  #sidebar-collections li.color-2.current h4 > a, #sidebar-collections li.color-2:hover h4 > a, #sidebar-favourites li.color-2.current h4 > a, #sidebar-favourites li.color-2:hover h4 > a {
    color: #7566fa; }

#move-collections li.color-2 .collection-icon {
  color: #7566fa; }
  #move-collections li.color-2 .collection-icon .collection-back, #move-collections li.color-2 .collection-icon .collection-front {
    stroke: #7566fa; }
  #move-collections li.color-2 .collection-icon .collection-back {
    fill: #e7e5fb;
    fill-opacity: 0.6; }
#move-collections li.color-2 h4:hover, #move-collections li.color-2 h5:hover, #move-collections li.color-2 h4.selected, #move-collections li.color-2 h5.selected {
  color: #7566fa; }

body.color-3 .app-logo {
  background-color: #60c3c3; }
body.color-3 #app-header .favourite .favourite-svg, body.color-3 .filemodal-window .favourite .favourite-svg {
  stroke: #4dbcbc;
  fill: #4dbcbc;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-3 #app-header .favourite .favourite-svg:hover, body.color-3 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-3 #app-header .favourite.checked, body.color-3 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-3 #app-header .favourite.checked .favourite-svg, body.color-3 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-3 #app-header .favourite.checked .favourite-svg:hover, body.color-3 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-3 #app-header .dropdown li:first-child a {
  color: #60c3c3; }
body.color-3 .item-top-overlay span:first-child {
  color: #60c3c3; }
body.color-3 .list-stack .item-type {
  color: #42aeae; }
body.color-3 .item-bottom-overlay {
  background: rgba(75, 140, 140, 0.85); }
  body.color-3 .item-bottom-overlay:hover {
    background: rgba(75, 140, 140, 0.95); }
body.color-3 .modal-dialog form button {
  background-color: #60c3c3;
  border-color: #46b9b9; }
  body.color-3 .modal-dialog form button:hover {
    border-color: #60c3c3;
    background-color: #85d1d1; }
body.color-3 .progress div {
  border-color: #46b9b9;
  background: #60c3c3; }
body.color-3 .progress.done div {
  background: #b6d3d3;
  border-color: #b6d3d3; }
body.color-3 .click-to-edit button {
  color: #60c3c3; }
body.color-3 .share-item-modified {
  color: #60c3c3; }
body.color-3 .drop-active {
  border-color: #60c3c3; }
body.color-3 .file-upload {
  color: #60c3c3; }
  body.color-3 .file-upload:hover {
    color: #42aeae; }
body.color-3 .file-meta span span {
  color: #60c3c3; }
body.color-3 #link-container .file-content section span span {
  color: #60c3c3; }
body.color-3 #edit-tags li span, body.color-3 #current-tags li span {
  background-color: #60c3c3; }
body.color-3 #edit-tags li:hover span {
  background-color: #7cc0c0; }
body.color-3 #edit-tags li.exists:hover span {
  background-color: #b8b8b8; }
body.color-3 .settings-account > a:hover {
  color: #60c3c3;
  border-color: #60c3c3; }
body.color-3 .are-you-sure a:first-child {
  color: #60c3c3; }

#sidebar-collections li.color-3 .collection-icon, #sidebar-favourites li.color-3 .collection-icon {
  color: #60c3c3; }
  #sidebar-collections li.color-3 .collection-icon .collection-back, #sidebar-collections li.color-3 .collection-icon .collection-front, #sidebar-favourites li.color-3 .collection-icon .collection-back, #sidebar-favourites li.color-3 .collection-icon .collection-front {
    stroke: #60c3c3; }
  #sidebar-collections li.color-3 .collection-icon .collection-back, #sidebar-favourites li.color-3 .collection-icon .collection-back {
    fill: #c6dddd;
    fill-opacity: 0.6; }
#sidebar-collections li.color-3.current, #sidebar-collections li.color-3:hover, #sidebar-favourites li.color-3.current, #sidebar-favourites li.color-3:hover {
  color: #60c3c3; }
  #sidebar-collections li.color-3.current h4 > a, #sidebar-collections li.color-3:hover h4 > a, #sidebar-favourites li.color-3.current h4 > a, #sidebar-favourites li.color-3:hover h4 > a {
    color: #60c3c3; }

#move-collections li.color-3 .collection-icon {
  color: #60c3c3; }
  #move-collections li.color-3 .collection-icon .collection-back, #move-collections li.color-3 .collection-icon .collection-front {
    stroke: #60c3c3; }
  #move-collections li.color-3 .collection-icon .collection-back {
    fill: #c6dddd;
    fill-opacity: 0.6; }
#move-collections li.color-3 h4:hover, #move-collections li.color-3 h5:hover, #move-collections li.color-3 h4.selected, #move-collections li.color-3 h5.selected {
  color: #60c3c3; }

body.color-4 .app-logo {
  background-color: #e74c3c; }
body.color-4 #app-header .favourite .favourite-svg, body.color-4 .filemodal-window .favourite .favourite-svg {
  stroke: #e43725;
  fill: #e43725;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-4 #app-header .favourite .favourite-svg:hover, body.color-4 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-4 #app-header .favourite.checked, body.color-4 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-4 #app-header .favourite.checked .favourite-svg, body.color-4 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-4 #app-header .favourite.checked .favourite-svg:hover, body.color-4 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-4 #app-header .dropdown li:first-child a {
  color: #e74c3c; }
body.color-4 .item-top-overlay span:first-child {
  color: #e74c3c; }
body.color-4 .list-stack .item-type {
  color: #d62c1a; }
body.color-4 .item-bottom-overlay {
  background: rgba(175, 52, 40, 0.85); }
  body.color-4 .item-bottom-overlay:hover {
    background: rgba(175, 52, 40, 0.95); }
body.color-4 .modal-dialog form button {
  background-color: #e74c3c;
  border-color: #e32f1c; }
  body.color-4 .modal-dialog form button:hover {
    border-color: #e74c3c;
    background-color: #ed7669; }
body.color-4 .progress div {
  border-color: #e32f1c;
  background: #e74c3c; }
body.color-4 .progress.done div {
  background: #e6a9a3;
  border-color: #e6a9a3; }
body.color-4 .click-to-edit button {
  color: #e74c3c; }
body.color-4 .share-item-modified {
  color: #e74c3c; }
body.color-4 .drop-active {
  border-color: #e74c3c; }
body.color-4 .file-upload {
  color: #e74c3c; }
  body.color-4 .file-upload:hover {
    color: #d62c1a; }
body.color-4 .file-meta span span {
  color: #e74c3c; }
body.color-4 #link-container .file-content section span span {
  color: #e74c3c; }
body.color-4 #edit-tags li span, body.color-4 #current-tags li span {
  background-color: #e74c3c; }
body.color-4 #edit-tags li:hover span {
  background-color: #e0695c; }
body.color-4 #edit-tags li.exists:hover span {
  background-color: #c8aaa7; }
body.color-4 .settings-account > a:hover {
  color: #e74c3c;
  border-color: #e74c3c; }
body.color-4 .are-you-sure a:first-child {
  color: #e74c3c; }

#sidebar-collections li.color-4 .collection-icon, #sidebar-favourites li.color-4 .collection-icon {
  color: #e74c3c; }
  #sidebar-collections li.color-4 .collection-icon .collection-back, #sidebar-collections li.color-4 .collection-icon .collection-front, #sidebar-favourites li.color-4 .collection-icon .collection-back, #sidebar-favourites li.color-4 .collection-icon .collection-front {
    stroke: #e74c3c; }
  #sidebar-collections li.color-4 .collection-icon .collection-back, #sidebar-favourites li.color-4 .collection-icon .collection-back {
    fill: #ecbcb7;
    fill-opacity: 0.6; }
#sidebar-collections li.color-4.current, #sidebar-collections li.color-4:hover, #sidebar-favourites li.color-4.current, #sidebar-favourites li.color-4:hover {
  color: #e74c3c; }
  #sidebar-collections li.color-4.current h4 > a, #sidebar-collections li.color-4:hover h4 > a, #sidebar-favourites li.color-4.current h4 > a, #sidebar-favourites li.color-4:hover h4 > a {
    color: #e74c3c; }

#move-collections li.color-4 .collection-icon {
  color: #e74c3c; }
  #move-collections li.color-4 .collection-icon .collection-back, #move-collections li.color-4 .collection-icon .collection-front {
    stroke: #e74c3c; }
  #move-collections li.color-4 .collection-icon .collection-back {
    fill: #ecbcb7;
    fill-opacity: 0.6; }
#move-collections li.color-4 h4:hover, #move-collections li.color-4 h5:hover, #move-collections li.color-4 h4.selected, #move-collections li.color-4 h5.selected {
  color: #e74c3c; }

body.color-5 .app-logo {
  background-color: #539ff7; }
body.color-5 #app-header .favourite .favourite-svg, body.color-5 .filemodal-window .favourite .favourite-svg {
  stroke: #3b91f6;
  fill: #3b91f6;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-5 #app-header .favourite .favourite-svg:hover, body.color-5 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-5 #app-header .favourite.checked, body.color-5 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-5 #app-header .favourite.checked .favourite-svg, body.color-5 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-5 #app-header .favourite.checked .favourite-svg:hover, body.color-5 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-5 #app-header .dropdown li:first-child a {
  color: #539ff7; }
body.color-5 .item-top-overlay span:first-child {
  color: #539ff7; }
body.color-5 .list-stack .item-type {
  color: #2284f5; }
body.color-5 .item-bottom-overlay {
  background: rgba(30, 120, 223, 0.85); }
  body.color-5 .item-bottom-overlay:hover {
    background: rgba(30, 120, 223, 0.95); }
body.color-5 .modal-dialog form button {
  background-color: #539ff7;
  border-color: #318cf5; }
  body.color-5 .modal-dialog form button:hover {
    border-color: #539ff7;
    background-color: #84baf9; }
body.color-5 .progress div {
  border-color: #318cf5;
  background: #539ff7; }
body.color-5 .progress.done div {
  background: #bcd6f4;
  border-color: #bcd6f4; }
body.color-5 .click-to-edit button {
  color: #539ff7; }
body.color-5 .share-item-modified {
  color: #539ff7; }
body.color-5 .drop-active {
  border-color: #539ff7; }
body.color-5 .file-upload {
  color: #539ff7; }
  body.color-5 .file-upload:hover {
    color: #2284f5; }
body.color-5 .file-meta span span {
  color: #539ff7; }
body.color-5 #link-container .file-content section span span {
  color: #539ff7; }
body.color-5 #edit-tags li span, body.color-5 #current-tags li span {
  background-color: #539ff7; }
body.color-5 #edit-tags li:hover span {
  background-color: #73adf0; }
body.color-5 #edit-tags li.exists:hover span {
  background-color: #b9cade; }
body.color-5 .settings-account > a:hover {
  color: #539ff7;
  border-color: #539ff7; }
body.color-5 .are-you-sure a:first-child {
  color: #539ff7; }

#sidebar-collections li.color-5 .collection-icon, #sidebar-favourites li.color-5 .collection-icon {
  color: #539ff7; }
  #sidebar-collections li.color-5 .collection-icon .collection-back, #sidebar-collections li.color-5 .collection-icon .collection-front, #sidebar-favourites li.color-5 .collection-icon .collection-back, #sidebar-favourites li.color-5 .collection-icon .collection-front {
    stroke: #539ff7; }
  #sidebar-collections li.color-5 .collection-icon .collection-back, #sidebar-favourites li.color-5 .collection-icon .collection-back {
    fill: #d2e3f7;
    fill-opacity: 0.6; }
#sidebar-collections li.color-5.current, #sidebar-collections li.color-5:hover, #sidebar-favourites li.color-5.current, #sidebar-favourites li.color-5:hover {
  color: #539ff7; }
  #sidebar-collections li.color-5.current h4 > a, #sidebar-collections li.color-5:hover h4 > a, #sidebar-favourites li.color-5.current h4 > a, #sidebar-favourites li.color-5:hover h4 > a {
    color: #539ff7; }

#move-collections li.color-5 .collection-icon {
  color: #539ff7; }
  #move-collections li.color-5 .collection-icon .collection-back, #move-collections li.color-5 .collection-icon .collection-front {
    stroke: #539ff7; }
  #move-collections li.color-5 .collection-icon .collection-back {
    fill: #d2e3f7;
    fill-opacity: 0.6; }
#move-collections li.color-5 h4:hover, #move-collections li.color-5 h5:hover, #move-collections li.color-5 h4.selected, #move-collections li.color-5 h5.selected {
  color: #539ff7; }

body.color-6 .app-logo {
  background-color: #8e44ad; }
body.color-6 #app-header .favourite .favourite-svg, body.color-6 .filemodal-window .favourite .favourite-svg {
  stroke: #7f3d9b;
  fill: #7f3d9b;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-6 #app-header .favourite .favourite-svg:hover, body.color-6 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-6 #app-header .favourite.checked, body.color-6 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-6 #app-header .favourite.checked .favourite-svg, body.color-6 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-6 #app-header .favourite.checked .favourite-svg:hover, body.color-6 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-6 #app-header .dropdown li:first-child a {
  color: #8e44ad; }
body.color-6 .item-top-overlay span:first-child {
  color: #8e44ad; }
body.color-6 .list-stack .item-type {
  color: #703688; }
body.color-6 .item-bottom-overlay {
  background: rgba(92, 59, 106, 0.85); }
  body.color-6 .item-bottom-overlay:hover {
    background: rgba(92, 59, 106, 0.95); }
body.color-6 .modal-dialog form button {
  background-color: #8e44ad;
  border-color: #793a93; }
  body.color-6 .modal-dialog form button:hover {
    border-color: #8e44ad;
    background-color: #a563c1; }
body.color-6 .progress div {
  border-color: #793a93;
  background: #8e44ad; }
body.color-6 .progress.done div {
  background: #b498bf;
  border-color: #b498bf; }
body.color-6 .click-to-edit button {
  color: #8e44ad; }
body.color-6 .share-item-modified {
  color: #8e44ad; }
body.color-6 .drop-active {
  border-color: #8e44ad; }
body.color-6 .file-upload {
  color: #8e44ad; }
  body.color-6 .file-upload:hover {
    color: #703688; }
body.color-6 .file-meta span span {
  color: #8e44ad; }
body.color-6 #link-container .file-content section span span {
  color: #8e44ad; }
body.color-6 #edit-tags li span, body.color-6 #current-tags li span {
  background-color: #8e44ad; }
body.color-6 #edit-tags li:hover span {
  background-color: #965cae; }
body.color-6 #edit-tags li.exists:hover span {
  background-color: #9f9f9f; }
body.color-6 .settings-account > a:hover {
  color: #8e44ad;
  border-color: #8e44ad; }
body.color-6 .are-you-sure a:first-child {
  color: #8e44ad; }

#sidebar-collections li.color-6 .collection-icon, #sidebar-favourites li.color-6 .collection-icon {
  color: #8e44ad; }
  #sidebar-collections li.color-6 .collection-icon .collection-back, #sidebar-collections li.color-6 .collection-icon .collection-front, #sidebar-favourites li.color-6 .collection-icon .collection-back, #sidebar-favourites li.color-6 .collection-icon .collection-front {
    stroke: #8e44ad; }
  #sidebar-collections li.color-6 .collection-icon .collection-back, #sidebar-favourites li.color-6 .collection-icon .collection-back {
    fill: #bfa8c9;
    fill-opacity: 0.6; }
#sidebar-collections li.color-6.current, #sidebar-collections li.color-6:hover, #sidebar-favourites li.color-6.current, #sidebar-favourites li.color-6:hover {
  color: #8e44ad; }
  #sidebar-collections li.color-6.current h4 > a, #sidebar-collections li.color-6:hover h4 > a, #sidebar-favourites li.color-6.current h4 > a, #sidebar-favourites li.color-6:hover h4 > a {
    color: #8e44ad; }

#move-collections li.color-6 .collection-icon {
  color: #8e44ad; }
  #move-collections li.color-6 .collection-icon .collection-back, #move-collections li.color-6 .collection-icon .collection-front {
    stroke: #8e44ad; }
  #move-collections li.color-6 .collection-icon .collection-back {
    fill: #bfa8c9;
    fill-opacity: 0.6; }
#move-collections li.color-6 h4:hover, #move-collections li.color-6 h5:hover, #move-collections li.color-6 h4.selected, #move-collections li.color-6 h5.selected {
  color: #8e44ad; }

body.color-7 .app-logo {
  background-color: #6fd01a; }
body.color-7 #app-header .favourite .favourite-svg, body.color-7 .filemodal-window .favourite .favourite-svg {
  stroke: #63b917;
  fill: #63b917;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-7 #app-header .favourite .favourite-svg:hover, body.color-7 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-7 #app-header .favourite.checked, body.color-7 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-7 #app-header .favourite.checked .favourite-svg, body.color-7 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-7 #app-header .favourite.checked .favourite-svg:hover, body.color-7 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-7 #app-header .dropdown li:first-child a {
  color: #6fd01a; }
body.color-7 .item-top-overlay span:first-child {
  color: #6fd01a; }
body.color-7 .list-stack .item-type {
  color: #57a314; }
body.color-7 .item-bottom-overlay {
  background: rgba(75, 128, 29, 0.85); }
  body.color-7 .item-bottom-overlay:hover {
    background: rgba(75, 128, 29, 0.95); }
body.color-7 .modal-dialog form button {
  background-color: #6fd01a;
  border-color: #5eb016; }
  body.color-7 .modal-dialog form button:hover {
    border-color: #6fd01a;
    background-color: #89e637; }
body.color-7 .progress div {
  border-color: #5eb016;
  background: #6fd01a; }
body.color-7 .progress.done div {
  background: #a5da76;
  border-color: #a5da76; }
body.color-7 .click-to-edit button {
  color: #6fd01a; }
body.color-7 .share-item-modified {
  color: #6fd01a; }
body.color-7 .drop-active {
  border-color: #6fd01a; }
body.color-7 .file-upload {
  color: #6fd01a; }
  body.color-7 .file-upload:hover {
    color: #57a314; }
body.color-7 .file-meta span span {
  color: #6fd01a; }
body.color-7 #link-container .file-content section span span {
  color: #6fd01a; }
body.color-7 #edit-tags li span, body.color-7 #current-tags li span {
  background-color: #6fd01a; }
body.color-7 #edit-tags li:hover span {
  background-color: #7cd72d; }
body.color-7 #edit-tags li.exists:hover span {
  background-color: #9ab285; }
body.color-7 .settings-account > a:hover {
  color: #6fd01a;
  border-color: #6fd01a; }
body.color-7 .are-you-sure a:first-child {
  color: #6fd01a; }

#sidebar-collections li.color-7 .collection-icon, #sidebar-favourites li.color-7 .collection-icon {
  color: #6fd01a; }
  #sidebar-collections li.color-7 .collection-icon .collection-back, #sidebar-collections li.color-7 .collection-icon .collection-front, #sidebar-favourites li.color-7 .collection-icon .collection-back, #sidebar-favourites li.color-7 .collection-icon .collection-front {
    stroke: #6fd01a; }
  #sidebar-collections li.color-7 .collection-icon .collection-back, #sidebar-favourites li.color-7 .collection-icon .collection-back {
    fill: #b2e08a;
    fill-opacity: 0.6; }
#sidebar-collections li.color-7.current, #sidebar-collections li.color-7:hover, #sidebar-favourites li.color-7.current, #sidebar-favourites li.color-7:hover {
  color: #6fd01a; }
  #sidebar-collections li.color-7.current h4 > a, #sidebar-collections li.color-7:hover h4 > a, #sidebar-favourites li.color-7.current h4 > a, #sidebar-favourites li.color-7:hover h4 > a {
    color: #6fd01a; }

#move-collections li.color-7 .collection-icon {
  color: #6fd01a; }
  #move-collections li.color-7 .collection-icon .collection-back, #move-collections li.color-7 .collection-icon .collection-front {
    stroke: #6fd01a; }
  #move-collections li.color-7 .collection-icon .collection-back {
    fill: #b2e08a;
    fill-opacity: 0.6; }
#move-collections li.color-7 h4:hover, #move-collections li.color-7 h5:hover, #move-collections li.color-7 h4.selected, #move-collections li.color-7 h5.selected {
  color: #6fd01a; }

body.color-8 .app-logo {
  background-color: #1abc9c; }
body.color-8 #app-header .favourite .favourite-svg, body.color-8 .filemodal-window .favourite .favourite-svg {
  stroke: #17a689;
  fill: #17a689;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-8 #app-header .favourite .favourite-svg:hover, body.color-8 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-8 #app-header .favourite.checked, body.color-8 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-8 #app-header .favourite.checked .favourite-svg, body.color-8 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-8 #app-header .favourite.checked .favourite-svg:hover, body.color-8 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-8 #app-header .dropdown li:first-child a {
  color: #1abc9c; }
body.color-8 .item-top-overlay span:first-child {
  color: #1abc9c; }
body.color-8 .list-stack .item-type {
  color: #148f77; }
body.color-8 .item-bottom-overlay {
  background: rgba(27, 110, 94, 0.85); }
  body.color-8 .item-bottom-overlay:hover {
    background: rgba(27, 110, 94, 0.95); }
body.color-8 .modal-dialog form button {
  background-color: #1abc9c;
  border-color: #169d82; }
  body.color-8 .modal-dialog form button:hover {
    border-color: #1abc9c;
    background-color: #28e1bd; }
body.color-8 .progress div {
  border-color: #169d82;
  background: #1abc9c; }
body.color-8 .progress.done div {
  background: #68d4bf;
  border-color: #68d4bf; }
body.color-8 .click-to-edit button {
  color: #1abc9c; }
body.color-8 .share-item-modified {
  color: #1abc9c; }
body.color-8 .drop-active {
  border-color: #1abc9c; }
body.color-8 .file-upload {
  color: #1abc9c; }
  body.color-8 .file-upload:hover {
    color: #148f77; }
body.color-8 .file-meta span span {
  color: #1abc9c; }
body.color-8 #link-container .file-content section span span {
  color: #1abc9c; }
body.color-8 #edit-tags li span, body.color-8 #current-tags li span {
  background-color: #1abc9c; }
body.color-8 #edit-tags li:hover span {
  background-color: #29c6a7; }
body.color-8 #edit-tags li.exists:hover span {
  background-color: #7ba89f; }
body.color-8 .settings-account > a:hover {
  color: #1abc9c;
  border-color: #1abc9c; }
body.color-8 .are-you-sure a:first-child {
  color: #1abc9c; }

#sidebar-collections li.color-8 .collection-icon, #sidebar-favourites li.color-8 .collection-icon {
  color: #1abc9c; }
  #sidebar-collections li.color-8 .collection-icon .collection-back, #sidebar-collections li.color-8 .collection-icon .collection-front, #sidebar-favourites li.color-8 .collection-icon .collection-back, #sidebar-favourites li.color-8 .collection-icon .collection-front {
    stroke: #1abc9c; }
  #sidebar-collections li.color-8 .collection-icon .collection-back, #sidebar-favourites li.color-8 .collection-icon .collection-back {
    fill: #7cdac7;
    fill-opacity: 0.6; }
#sidebar-collections li.color-8.current, #sidebar-collections li.color-8:hover, #sidebar-favourites li.color-8.current, #sidebar-favourites li.color-8:hover {
  color: #1abc9c; }
  #sidebar-collections li.color-8.current h4 > a, #sidebar-collections li.color-8:hover h4 > a, #sidebar-favourites li.color-8.current h4 > a, #sidebar-favourites li.color-8:hover h4 > a {
    color: #1abc9c; }

#move-collections li.color-8 .collection-icon {
  color: #1abc9c; }
  #move-collections li.color-8 .collection-icon .collection-back, #move-collections li.color-8 .collection-icon .collection-front {
    stroke: #1abc9c; }
  #move-collections li.color-8 .collection-icon .collection-back {
    fill: #7cdac7;
    fill-opacity: 0.6; }
#move-collections li.color-8 h4:hover, #move-collections li.color-8 h5:hover, #move-collections li.color-8 h4.selected, #move-collections li.color-8 h5.selected {
  color: #1abc9c; }

body.color-9 .app-logo {
  background-color: #f39c12; }
body.color-9 #app-header .favourite .favourite-svg, body.color-9 .filemodal-window .favourite .favourite-svg {
  stroke: #e08e0b;
  fill: #e08e0b;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-9 #app-header .favourite .favourite-svg:hover, body.color-9 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-9 #app-header .favourite.checked, body.color-9 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-9 #app-header .favourite.checked .favourite-svg, body.color-9 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-9 #app-header .favourite.checked .favourite-svg:hover, body.color-9 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-9 #app-header .dropdown li:first-child a {
  color: #f39c12; }
body.color-9 .item-top-overlay span:first-child {
  color: #f39c12; }
body.color-9 .list-stack .item-type {
  color: #c87f0a; }
body.color-9 .item-bottom-overlay {
  background: rgba(162, 108, 23, 0.85); }
  body.color-9 .item-bottom-overlay:hover {
    background: rgba(162, 108, 23, 0.95); }
body.color-9 .modal-dialog form button {
  background-color: #f39c12;
  border-color: #d6880b; }
  body.color-9 .modal-dialog form button:hover {
    border-color: #f39c12;
    background-color: #f5b043; }
body.color-9 .progress div {
  border-color: #d6880b;
  background: #f39c12; }
body.color-9 .progress.done div {
  background: #e9c182;
  border-color: #e9c182; }
body.color-9 .click-to-edit button {
  color: #f39c12; }
body.color-9 .share-item-modified {
  color: #f39c12; }
body.color-9 .drop-active {
  border-color: #f39c12; }
body.color-9 .file-upload {
  color: #f39c12; }
  body.color-9 .file-upload:hover {
    color: #c87f0a; }
body.color-9 .file-meta span span {
  color: #f39c12; }
body.color-9 #link-container .file-content section span span {
  color: #f39c12; }
body.color-9 #edit-tags li span, body.color-9 #current-tags li span {
  background-color: #f39c12; }
body.color-9 #edit-tags li:hover span {
  background-color: #e9a435; }
body.color-9 #edit-tags li.exists:hover span {
  background-color: #c7b08a; }
body.color-9 .settings-account > a:hover {
  color: #f39c12;
  border-color: #f39c12; }
body.color-9 .are-you-sure a:first-child {
  color: #f39c12; }

#sidebar-collections li.color-9 .collection-icon, #sidebar-favourites li.color-9 .collection-icon {
  color: #f39c12; }
  #sidebar-collections li.color-9 .collection-icon .collection-back, #sidebar-collections li.color-9 .collection-icon .collection-front, #sidebar-favourites li.color-9 .collection-icon .collection-back, #sidebar-favourites li.color-9 .collection-icon .collection-front {
    stroke: #f39c12; }
  #sidebar-collections li.color-9 .collection-icon .collection-back, #sidebar-favourites li.color-9 .collection-icon .collection-back {
    fill: #edcc98;
    fill-opacity: 0.6; }
#sidebar-collections li.color-9.current, #sidebar-collections li.color-9:hover, #sidebar-favourites li.color-9.current, #sidebar-favourites li.color-9:hover {
  color: #f39c12; }
  #sidebar-collections li.color-9.current h4 > a, #sidebar-collections li.color-9:hover h4 > a, #sidebar-favourites li.color-9.current h4 > a, #sidebar-favourites li.color-9:hover h4 > a {
    color: #f39c12; }

#move-collections li.color-9 .collection-icon {
  color: #f39c12; }
  #move-collections li.color-9 .collection-icon .collection-back, #move-collections li.color-9 .collection-icon .collection-front {
    stroke: #f39c12; }
  #move-collections li.color-9 .collection-icon .collection-back {
    fill: #edcc98;
    fill-opacity: 0.6; }
#move-collections li.color-9 h4:hover, #move-collections li.color-9 h5:hover, #move-collections li.color-9 h4.selected, #move-collections li.color-9 h5.selected {
  color: #f39c12; }

body.color-10 .app-logo {
  background-color: #3498db; }
body.color-10 #app-header .favourite .favourite-svg, body.color-10 .filemodal-window .favourite .favourite-svg {
  stroke: #258cd1;
  fill: #258cd1;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-10 #app-header .favourite .favourite-svg:hover, body.color-10 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-10 #app-header .favourite.checked, body.color-10 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-10 #app-header .favourite.checked .favourite-svg, body.color-10 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-10 #app-header .favourite.checked .favourite-svg:hover, body.color-10 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-10 #app-header .dropdown li:first-child a {
  color: #3498db; }
body.color-10 .item-top-overlay span:first-child {
  color: #3498db; }
body.color-10 .list-stack .item-type {
  color: #217dbb; }
body.color-10 .item-bottom-overlay {
  background: rgba(44, 108, 151, 0.85); }
  body.color-10 .item-bottom-overlay:hover {
    background: rgba(44, 108, 151, 0.95); }
body.color-10 .modal-dialog form button {
  background-color: #3498db;
  border-color: #2386c8; }
  body.color-10 .modal-dialog form button:hover {
    border-color: #3498db;
    background-color: #5faee3; }
body.color-10 .progress div {
  border-color: #2386c8;
  background: #3498db; }
body.color-10 .progress.done div {
  background: #98c1dd;
  border-color: #98c1dd; }
body.color-10 .click-to-edit button {
  color: #3498db; }
body.color-10 .share-item-modified {
  color: #3498db; }
body.color-10 .drop-active {
  border-color: #3498db; }
body.color-10 .file-upload {
  color: #3498db; }
  body.color-10 .file-upload:hover {
    color: #217dbb; }
body.color-10 .file-meta span span {
  color: #3498db; }
body.color-10 #link-container .file-content section span span {
  color: #3498db; }
body.color-10 #edit-tags li span, body.color-10 #current-tags li span {
  background-color: #3498db; }
body.color-10 #edit-tags li:hover span {
  background-color: #54a1d4; }
body.color-10 #edit-tags li.exists:hover span {
  background-color: #a2b0ba; }
body.color-10 .settings-account > a:hover {
  color: #3498db;
  border-color: #3498db; }
body.color-10 .are-you-sure a:first-child {
  color: #3498db; }

#sidebar-collections li.color-10 .collection-icon, #sidebar-favourites li.color-10 .collection-icon {
  color: #3498db; }
  #sidebar-collections li.color-10 .collection-icon .collection-back, #sidebar-collections li.color-10 .collection-icon .collection-front, #sidebar-favourites li.color-10 .collection-icon .collection-back, #sidebar-favourites li.color-10 .collection-icon .collection-front {
    stroke: #3498db; }
  #sidebar-collections li.color-10 .collection-icon .collection-back, #sidebar-favourites li.color-10 .collection-icon .collection-back {
    fill: #abcde3;
    fill-opacity: 0.6; }
#sidebar-collections li.color-10.current, #sidebar-collections li.color-10:hover, #sidebar-favourites li.color-10.current, #sidebar-favourites li.color-10:hover {
  color: #3498db; }
  #sidebar-collections li.color-10.current h4 > a, #sidebar-collections li.color-10:hover h4 > a, #sidebar-favourites li.color-10.current h4 > a, #sidebar-favourites li.color-10:hover h4 > a {
    color: #3498db; }

#move-collections li.color-10 .collection-icon {
  color: #3498db; }
  #move-collections li.color-10 .collection-icon .collection-back, #move-collections li.color-10 .collection-icon .collection-front {
    stroke: #3498db; }
  #move-collections li.color-10 .collection-icon .collection-back {
    fill: #abcde3;
    fill-opacity: 0.6; }
#move-collections li.color-10 h4:hover, #move-collections li.color-10 h5:hover, #move-collections li.color-10 h4.selected, #move-collections li.color-10 h5.selected {
  color: #3498db; }

body.color-11 .app-logo {
  background-color: #f6a61e; }
body.color-11 #app-header .favourite .favourite-svg, body.color-11 .filemodal-window .favourite .favourite-svg {
  stroke: #f19b0a;
  fill: #f19b0a;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-11 #app-header .favourite .favourite-svg:hover, body.color-11 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-11 #app-header .favourite.checked, body.color-11 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-11 #app-header .favourite.checked .favourite-svg, body.color-11 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-11 #app-header .favourite.checked .favourite-svg:hover, body.color-11 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-11 #app-header .dropdown li:first-child a {
  color: #f6a61e; }
body.color-11 .item-top-overlay span:first-child {
  color: #f6a61e; }
body.color-11 .list-stack .item-type {
  color: #d88b09; }
body.color-11 .item-bottom-overlay {
  background: rgba(177, 120, 23, 0.85); }
  body.color-11 .item-bottom-overlay:hover {
    background: rgba(177, 120, 23, 0.95); }
body.color-11 .modal-dialog form button {
  background-color: #f6a61e;
  border-color: #e79509; }
  body.color-11 .modal-dialog form button:hover {
    border-color: #f6a61e;
    background-color: #f8b94f; }
body.color-11 .progress div {
  border-color: #e79509;
  background: #f6a61e; }
body.color-11 .progress.done div {
  background: #edc98d;
  border-color: #edc98d; }
body.color-11 .click-to-edit button {
  color: #f6a61e; }
body.color-11 .share-item-modified {
  color: #f6a61e; }
body.color-11 .drop-active {
  border-color: #f6a61e; }
body.color-11 .file-upload {
  color: #f6a61e; }
  body.color-11 .file-upload:hover {
    color: #d88b09; }
body.color-11 .file-meta span span {
  color: #f6a61e; }
body.color-11 #link-container .file-content section span span {
  color: #f6a61e; }
body.color-11 #edit-tags li span, body.color-11 #current-tags li span {
  background-color: #f6a61e; }
body.color-11 #edit-tags li:hover span {
  background-color: #edad41; }
body.color-11 #edit-tags li.exists:hover span {
  background-color: #ceb893; }
body.color-11 .settings-account > a:hover {
  color: #f6a61e;
  border-color: #f6a61e; }
body.color-11 .are-you-sure a:first-child {
  color: #f6a61e; }

#sidebar-collections li.color-11 .collection-icon, #sidebar-favourites li.color-11 .collection-icon {
  color: #f6a61e; }
  #sidebar-collections li.color-11 .collection-icon .collection-back, #sidebar-collections li.color-11 .collection-icon .collection-front, #sidebar-favourites li.color-11 .collection-icon .collection-back, #sidebar-favourites li.color-11 .collection-icon .collection-front {
    stroke: #f6a61e; }
  #sidebar-collections li.color-11 .collection-icon .collection-back, #sidebar-favourites li.color-11 .collection-icon .collection-back {
    fill: #f0d4a3;
    fill-opacity: 0.6; }
#sidebar-collections li.color-11.current, #sidebar-collections li.color-11:hover, #sidebar-favourites li.color-11.current, #sidebar-favourites li.color-11:hover {
  color: #f6a61e; }
  #sidebar-collections li.color-11.current h4 > a, #sidebar-collections li.color-11:hover h4 > a, #sidebar-favourites li.color-11.current h4 > a, #sidebar-favourites li.color-11:hover h4 > a {
    color: #f6a61e; }

#move-collections li.color-11 .collection-icon {
  color: #f6a61e; }
  #move-collections li.color-11 .collection-icon .collection-back, #move-collections li.color-11 .collection-icon .collection-front {
    stroke: #f6a61e; }
  #move-collections li.color-11 .collection-icon .collection-back {
    fill: #f0d4a3;
    fill-opacity: 0.6; }
#move-collections li.color-11 h4:hover, #move-collections li.color-11 h5:hover, #move-collections li.color-11 h4.selected, #move-collections li.color-11 h5.selected {
  color: #f6a61e; }

body.color-12 .app-logo {
  background-color: #9f8adc; }
body.color-12 #app-header .favourite .favourite-svg, body.color-12 .filemodal-window .favourite .favourite-svg {
  stroke: #8f76d6;
  fill: #8f76d6;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-12 #app-header .favourite .favourite-svg:hover, body.color-12 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-12 #app-header .favourite.checked, body.color-12 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-12 #app-header .favourite.checked .favourite-svg, body.color-12 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-12 #app-header .favourite.checked .favourite-svg:hover, body.color-12 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-12 #app-header .dropdown li:first-child a {
  color: #9f8adc; }
body.color-12 .item-top-overlay span:first-child {
  color: #9f8adc; }
body.color-12 .list-stack .item-type {
  color: #7f63d0; }
body.color-12 .item-bottom-overlay {
  background: rgba(119, 96, 185, 0.85); }
  body.color-12 .item-bottom-overlay:hover {
    background: rgba(119, 96, 185, 0.95); }
body.color-12 .modal-dialog form button {
  background-color: #9f8adc;
  border-color: #886fd4; }
  body.color-12 .modal-dialog form button:hover {
    border-color: #9f8adc;
    background-color: #bfb1e8; }
body.color-12 .progress div {
  border-color: #886fd4;
  background: #9f8adc; }
body.color-12 .progress.done div {
  background: #e2deee;
  border-color: #e2deee; }
body.color-12 .click-to-edit button {
  color: #9f8adc; }
body.color-12 .share-item-modified {
  color: #9f8adc; }
body.color-12 .drop-active {
  border-color: #9f8adc; }
body.color-12 .file-upload {
  color: #9f8adc; }
  body.color-12 .file-upload:hover {
    color: #7f63d0; }
body.color-12 .file-meta span span {
  color: #9f8adc; }
body.color-12 #link-container .file-content section span span {
  color: #9f8adc; }
body.color-12 #edit-tags li span, body.color-12 #current-tags li span {
  background-color: #9f8adc; }
body.color-12 #edit-tags li:hover span {
  background-color: #b2a4dc; }
body.color-12 #edit-tags li.exists:hover span {
  background-color: #d9d9d9; }
body.color-12 .settings-account > a:hover {
  color: #9f8adc;
  border-color: #9f8adc; }
body.color-12 .are-you-sure a:first-child {
  color: #9f8adc; }

#sidebar-collections li.color-12 .collection-icon, #sidebar-favourites li.color-12 .collection-icon {
  color: #9f8adc; }
  #sidebar-collections li.color-12 .collection-icon .collection-back, #sidebar-collections li.color-12 .collection-icon .collection-front, #sidebar-favourites li.color-12 .collection-icon .collection-back, #sidebar-favourites li.color-12 .collection-icon .collection-front {
    stroke: #9f8adc; }
  #sidebar-collections li.color-12 .collection-icon .collection-back, #sidebar-favourites li.color-12 .collection-icon .collection-back {
    fill: #f1eff7;
    fill-opacity: 0.6; }
#sidebar-collections li.color-12.current, #sidebar-collections li.color-12:hover, #sidebar-favourites li.color-12.current, #sidebar-favourites li.color-12:hover {
  color: #9f8adc; }
  #sidebar-collections li.color-12.current h4 > a, #sidebar-collections li.color-12:hover h4 > a, #sidebar-favourites li.color-12.current h4 > a, #sidebar-favourites li.color-12:hover h4 > a {
    color: #9f8adc; }

#move-collections li.color-12 .collection-icon {
  color: #9f8adc; }
  #move-collections li.color-12 .collection-icon .collection-back, #move-collections li.color-12 .collection-icon .collection-front {
    stroke: #9f8adc; }
  #move-collections li.color-12 .collection-icon .collection-back {
    fill: #f1eff7;
    fill-opacity: 0.6; }
#move-collections li.color-12 h4:hover, #move-collections li.color-12 h5:hover, #move-collections li.color-12 h4.selected, #move-collections li.color-12 h5.selected {
  color: #9f8adc; }

body.color-13 .app-logo {
  background-color: #fc6284; }
body.color-13 #app-header .favourite .favourite-svg, body.color-13 .filemodal-window .favourite .favourite-svg {
  stroke: #fc4970;
  fill: #fc4970;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-13 #app-header .favourite .favourite-svg:hover, body.color-13 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-13 #app-header .favourite.checked, body.color-13 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-13 #app-header .favourite.checked .favourite-svg, body.color-13 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-13 #app-header .favourite.checked .favourite-svg:hover, body.color-13 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-13 #app-header .dropdown li:first-child a {
  color: #fc6284; }
body.color-13 .item-top-overlay span:first-child {
  color: #fc6284; }
body.color-13 .list-stack .item-type {
  color: #fb305c; }
body.color-13 .item-bottom-overlay {
  background: rgba(233, 41, 83, 0.85); }
  body.color-13 .item-bottom-overlay:hover {
    background: rgba(233, 41, 83, 0.95); }
body.color-13 .modal-dialog form button {
  background-color: #fc6284;
  border-color: #fb3f68; }
  body.color-13 .modal-dialog form button:hover {
    border-color: #fc6284;
    background-color: #fd94ab; }
body.color-13 .progress div {
  border-color: #fb3f68;
  background: #fc6284; }
body.color-13 .progress.done div {
  background: #f8ccd6;
  border-color: #f8ccd6; }
body.color-13 .click-to-edit button {
  color: #fc6284; }
body.color-13 .share-item-modified {
  color: #fc6284; }
body.color-13 .drop-active {
  border-color: #fc6284; }
body.color-13 .file-upload {
  color: #fc6284; }
  body.color-13 .file-upload:hover {
    color: #fb305c; }
body.color-13 .file-meta span span {
  color: #fc6284; }
body.color-13 #link-container .file-content section span span {
  color: #fc6284; }
body.color-13 #edit-tags li span, body.color-13 #current-tags li span {
  background-color: #fc6284; }
body.color-13 #edit-tags li:hover span {
  background-color: #f6829b; }
body.color-13 #edit-tags li.exists:hover span {
  background-color: #e7c4cc; }
body.color-13 .settings-account > a:hover {
  color: #fc6284;
  border-color: #fc6284; }
body.color-13 .are-you-sure a:first-child {
  color: #fc6284; }

#sidebar-collections li.color-13 .collection-icon, #sidebar-favourites li.color-13 .collection-icon {
  color: #fc6284; }
  #sidebar-collections li.color-13 .collection-icon .collection-back, #sidebar-collections li.color-13 .collection-icon .collection-front, #sidebar-favourites li.color-13 .collection-icon .collection-back, #sidebar-favourites li.color-13 .collection-icon .collection-front {
    stroke: #fc6284; }
  #sidebar-collections li.color-13 .collection-icon .collection-back, #sidebar-favourites li.color-13 .collection-icon .collection-back {
    fill: #fbe2e8;
    fill-opacity: 0.6; }
#sidebar-collections li.color-13.current, #sidebar-collections li.color-13:hover, #sidebar-favourites li.color-13.current, #sidebar-favourites li.color-13:hover {
  color: #fc6284; }
  #sidebar-collections li.color-13.current h4 > a, #sidebar-collections li.color-13:hover h4 > a, #sidebar-favourites li.color-13.current h4 > a, #sidebar-favourites li.color-13:hover h4 > a {
    color: #fc6284; }

#move-collections li.color-13 .collection-icon {
  color: #fc6284; }
  #move-collections li.color-13 .collection-icon .collection-back, #move-collections li.color-13 .collection-icon .collection-front {
    stroke: #fc6284; }
  #move-collections li.color-13 .collection-icon .collection-back {
    fill: #fbe2e8;
    fill-opacity: 0.6; }
#move-collections li.color-13 h4:hover, #move-collections li.color-13 h5:hover, #move-collections li.color-13 h4.selected, #move-collections li.color-13 h5.selected {
  color: #fc6284; }

body.color-14 .app-logo {
  background-color: #eaba0f; }
body.color-14 #app-header .favourite .favourite-svg, body.color-14 .filemodal-window .favourite .favourite-svg {
  stroke: #d2a70d;
  fill: #d2a70d;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-14 #app-header .favourite .favourite-svg:hover, body.color-14 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-14 #app-header .favourite.checked, body.color-14 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-14 #app-header .favourite.checked .favourite-svg, body.color-14 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-14 #app-header .favourite.checked .favourite-svg:hover, body.color-14 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-14 #app-header .dropdown li:first-child a {
  color: #eaba0f; }
body.color-14 .item-top-overlay span:first-child {
  color: #eaba0f; }
body.color-14 .list-stack .item-type {
  color: #ba940c; }
body.color-14 .item-bottom-overlay {
  background: rgba(149, 122, 23, 0.85); }
  body.color-14 .item-bottom-overlay:hover {
    background: rgba(149, 122, 23, 0.95); }
body.color-14 .modal-dialog form button {
  background-color: #eaba0f;
  border-color: #c89f0d; }
  body.color-14 .modal-dialog form button:hover {
    border-color: #eaba0f;
    background-color: #f2ca3a; }
body.color-14 .progress div {
  border-color: #c89f0d;
  background: #eaba0f; }
body.color-14 .progress.done div {
  background: #e6ce79;
  border-color: #e6ce79; }
body.color-14 .click-to-edit button {
  color: #eaba0f; }
body.color-14 .share-item-modified {
  color: #eaba0f; }
body.color-14 .drop-active {
  border-color: #eaba0f; }
body.color-14 .file-upload {
  color: #eaba0f; }
  body.color-14 .file-upload:hover {
    color: #ba940c; }
body.color-14 .file-meta span span {
  color: #eaba0f; }
body.color-14 #link-container .file-content section span span {
  color: #eaba0f; }
body.color-14 #edit-tags li span, body.color-14 #current-tags li span {
  background-color: #eaba0f; }
body.color-14 #edit-tags li:hover span {
  background-color: #e5bd2d; }
body.color-14 #edit-tags li.exists:hover span {
  background-color: #c1b484; }
body.color-14 .settings-account > a:hover {
  color: #eaba0f;
  border-color: #eaba0f; }
body.color-14 .are-you-sure a:first-child {
  color: #eaba0f; }

#sidebar-collections li.color-14 .collection-icon, #sidebar-favourites li.color-14 .collection-icon {
  color: #eaba0f; }
  #sidebar-collections li.color-14 .collection-icon .collection-back, #sidebar-collections li.color-14 .collection-icon .collection-front, #sidebar-favourites li.color-14 .collection-icon .collection-back, #sidebar-favourites li.color-14 .collection-icon .collection-front {
    stroke: #eaba0f; }
  #sidebar-collections li.color-14 .collection-icon .collection-back, #sidebar-favourites li.color-14 .collection-icon .collection-back {
    fill: #ead68f;
    fill-opacity: 0.6; }
#sidebar-collections li.color-14.current, #sidebar-collections li.color-14:hover, #sidebar-favourites li.color-14.current, #sidebar-favourites li.color-14:hover {
  color: #eaba0f; }
  #sidebar-collections li.color-14.current h4 > a, #sidebar-collections li.color-14:hover h4 > a, #sidebar-favourites li.color-14.current h4 > a, #sidebar-favourites li.color-14:hover h4 > a {
    color: #eaba0f; }

#move-collections li.color-14 .collection-icon {
  color: #eaba0f; }
  #move-collections li.color-14 .collection-icon .collection-back, #move-collections li.color-14 .collection-icon .collection-front {
    stroke: #eaba0f; }
  #move-collections li.color-14 .collection-icon .collection-back {
    fill: #ead68f;
    fill-opacity: 0.6; }
#move-collections li.color-14 h4:hover, #move-collections li.color-14 h5:hover, #move-collections li.color-14 h4.selected, #move-collections li.color-14 h5.selected {
  color: #eaba0f; }

body.color-15 .app-logo {
  background-color: #5fc783; }
body.color-15 #app-header .favourite .favourite-svg, body.color-15 .filemodal-window .favourite .favourite-svg {
  stroke: #4cc074;
  fill: #4cc074;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-15 #app-header .favourite .favourite-svg:hover, body.color-15 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-15 #app-header .favourite.checked, body.color-15 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-15 #app-header .favourite.checked .favourite-svg, body.color-15 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-15 #app-header .favourite.checked .favourite-svg:hover, body.color-15 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-15 #app-header .dropdown li:first-child a {
  color: #5fc783; }
body.color-15 .item-top-overlay span:first-child {
  color: #5fc783; }
body.color-15 .list-stack .item-type {
  color: #3fb468; }
body.color-15 .item-bottom-overlay {
  background: rgba(73, 145, 98, 0.85); }
  body.color-15 .item-bottom-overlay:hover {
    background: rgba(73, 145, 98, 0.95); }
body.color-15 .modal-dialog form button {
  background-color: #5fc783;
  border-color: #45be6f; }
  body.color-15 .modal-dialog form button:hover {
    border-color: #5fc783;
    background-color: #85d4a0; }
body.color-15 .progress div {
  border-color: #45be6f;
  background: #5fc783; }
body.color-15 .progress.done div {
  background: #b6d6c1;
  border-color: #b6d6c1; }
body.color-15 .click-to-edit button {
  color: #5fc783; }
body.color-15 .share-item-modified {
  color: #5fc783; }
body.color-15 .drop-active {
  border-color: #5fc783; }
body.color-15 .file-upload {
  color: #5fc783; }
  body.color-15 .file-upload:hover {
    color: #3fb468; }
body.color-15 .file-meta span span {
  color: #5fc783; }
body.color-15 #link-container .file-content section span span {
  color: #5fc783; }
body.color-15 #edit-tags li span, body.color-15 #current-tags li span {
  background-color: #5fc783; }
body.color-15 #edit-tags li:hover span {
  background-color: #7bc495; }
body.color-15 #edit-tags li.exists:hover span {
  background-color: #b9b9b9; }
body.color-15 .settings-account > a:hover {
  color: #5fc783;
  border-color: #5fc783; }
body.color-15 .are-you-sure a:first-child {
  color: #5fc783; }

#sidebar-collections li.color-15 .collection-icon, #sidebar-favourites li.color-15 .collection-icon {
  color: #5fc783; }
  #sidebar-collections li.color-15 .collection-icon .collection-back, #sidebar-collections li.color-15 .collection-icon .collection-front, #sidebar-favourites li.color-15 .collection-icon .collection-back, #sidebar-favourites li.color-15 .collection-icon .collection-front {
    stroke: #5fc783; }
  #sidebar-collections li.color-15 .collection-icon .collection-back, #sidebar-favourites li.color-15 .collection-icon .collection-back {
    fill: #c6dfcf;
    fill-opacity: 0.6; }
#sidebar-collections li.color-15.current, #sidebar-collections li.color-15:hover, #sidebar-favourites li.color-15.current, #sidebar-favourites li.color-15:hover {
  color: #5fc783; }
  #sidebar-collections li.color-15.current h4 > a, #sidebar-collections li.color-15:hover h4 > a, #sidebar-favourites li.color-15.current h4 > a, #sidebar-favourites li.color-15:hover h4 > a {
    color: #5fc783; }

#move-collections li.color-15 .collection-icon {
  color: #5fc783; }
  #move-collections li.color-15 .collection-icon .collection-back, #move-collections li.color-15 .collection-icon .collection-front {
    stroke: #5fc783; }
  #move-collections li.color-15 .collection-icon .collection-back {
    fill: #c6dfcf;
    fill-opacity: 0.6; }
#move-collections li.color-15 h4:hover, #move-collections li.color-15 h5:hover, #move-collections li.color-15 h4.selected, #move-collections li.color-15 h5.selected {
  color: #5fc783; }

body.color-16 .app-logo {
  background-color: #af85d5; }
body.color-16 #app-header .favourite .favourite-svg, body.color-16 .filemodal-window .favourite .favourite-svg {
  stroke: #a372ce;
  fill: #a372ce;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-16 #app-header .favourite .favourite-svg:hover, body.color-16 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-16 #app-header .favourite.checked, body.color-16 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-16 #app-header .favourite.checked .favourite-svg, body.color-16 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-16 #app-header .favourite.checked .favourite-svg:hover, body.color-16 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-16 #app-header .dropdown li:first-child a {
  color: #af85d5; }
body.color-16 .item-top-overlay span:first-child {
  color: #af85d5; }
body.color-16 .list-stack .item-type {
  color: #965fc8; }
body.color-16 .item-bottom-overlay {
  background: rgba(137, 94, 175, 0.85); }
  body.color-16 .item-bottom-overlay:hover {
    background: rgba(137, 94, 175, 0.95); }
body.color-16 .modal-dialog form button {
  background-color: #af85d5;
  border-color: #9e6acc; }
  body.color-16 .modal-dialog form button:hover {
    border-color: #af85d5;
    background-color: #c8abe2; }
body.color-16 .progress div {
  border-color: #9e6acc;
  background: #af85d5; }
body.color-16 .progress.done div {
  background: #e0d7e9;
  border-color: #e0d7e9; }
body.color-16 .click-to-edit button {
  color: #af85d5; }
body.color-16 .share-item-modified {
  color: #af85d5; }
body.color-16 .drop-active {
  border-color: #af85d5; }
body.color-16 .file-upload {
  color: #af85d5; }
  body.color-16 .file-upload:hover {
    color: #965fc8; }
body.color-16 .file-meta span span {
  color: #af85d5; }
body.color-16 #link-container .file-content section span span {
  color: #af85d5; }
body.color-16 #edit-tags li span, body.color-16 #current-tags li span {
  background-color: #af85d5; }
body.color-16 #edit-tags li:hover span {
  background-color: #bb9fd5; }
body.color-16 #edit-tags li.exists:hover span {
  background-color: lightgray; }
body.color-16 .settings-account > a:hover {
  color: #af85d5;
  border-color: #af85d5; }
body.color-16 .are-you-sure a:first-child {
  color: #af85d5; }

#sidebar-collections li.color-16 .collection-icon, #sidebar-favourites li.color-16 .collection-icon {
  color: #af85d5; }
  #sidebar-collections li.color-16 .collection-icon .collection-back, #sidebar-collections li.color-16 .collection-icon .collection-front, #sidebar-favourites li.color-16 .collection-icon .collection-back, #sidebar-favourites li.color-16 .collection-icon .collection-front {
    stroke: #af85d5; }
  #sidebar-collections li.color-16 .collection-icon .collection-back, #sidebar-favourites li.color-16 .collection-icon .collection-back {
    fill: #ede7f2;
    fill-opacity: 0.6; }
#sidebar-collections li.color-16.current, #sidebar-collections li.color-16:hover, #sidebar-favourites li.color-16.current, #sidebar-favourites li.color-16:hover {
  color: #af85d5; }
  #sidebar-collections li.color-16.current h4 > a, #sidebar-collections li.color-16:hover h4 > a, #sidebar-favourites li.color-16.current h4 > a, #sidebar-favourites li.color-16:hover h4 > a {
    color: #af85d5; }

#move-collections li.color-16 .collection-icon {
  color: #af85d5; }
  #move-collections li.color-16 .collection-icon .collection-back, #move-collections li.color-16 .collection-icon .collection-front {
    stroke: #af85d5; }
  #move-collections li.color-16 .collection-icon .collection-back {
    fill: #ede7f2;
    fill-opacity: 0.6; }
#move-collections li.color-16 h4:hover, #move-collections li.color-16 h5:hover, #move-collections li.color-16 h4.selected, #move-collections li.color-16 h5.selected {
  color: #af85d5; }

body.color-17 .app-logo {
  background-color: #70b8f3; }
body.color-17 #app-header .favourite .favourite-svg, body.color-17 .filemodal-window .favourite .favourite-svg {
  stroke: #58acf1;
  fill: #58acf1;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-17 #app-header .favourite .favourite-svg:hover, body.color-17 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-17 #app-header .favourite.checked, body.color-17 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-17 #app-header .favourite.checked .favourite-svg, body.color-17 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-17 #app-header .favourite.checked .favourite-svg:hover, body.color-17 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-17 #app-header .dropdown li:first-child a {
  color: #70b8f3; }
body.color-17 .item-top-overlay span:first-child {
  color: #70b8f3; }
body.color-17 .list-stack .item-type {
  color: #41a1ef; }
body.color-17 .item-bottom-overlay {
  background: rgba(59, 147, 220, 0.85); }
  body.color-17 .item-bottom-overlay:hover {
    background: rgba(59, 147, 220, 0.95); }
body.color-17 .modal-dialog form button {
  background-color: #70b8f3;
  border-color: #4fa8f0; }
  body.color-17 .modal-dialog form button:hover {
    border-color: #70b8f3;
    background-color: #9fcff7; }
body.color-17 .progress div {
  border-color: #4fa8f0;
  background: #70b8f3; }
body.color-17 .progress.done div {
  background: #d3e6f6;
  border-color: #d3e6f6; }
body.color-17 .click-to-edit button {
  color: #70b8f3; }
body.color-17 .share-item-modified {
  color: #70b8f3; }
body.color-17 .drop-active {
  border-color: #70b8f3; }
body.color-17 .file-upload {
  color: #70b8f3; }
  body.color-17 .file-upload:hover {
    color: #41a1ef; }
body.color-17 .file-meta span span {
  color: #70b8f3; }
body.color-17 #link-container .file-content section span span {
  color: #70b8f3; }
body.color-17 #edit-tags li span, body.color-17 #current-tags li span {
  background-color: #70b8f3; }
body.color-17 #edit-tags li:hover span {
  background-color: #8ec3ee; }
body.color-17 #edit-tags li.exists:hover span {
  background-color: #ccd9e3; }
body.color-17 .settings-account > a:hover {
  color: #70b8f3;
  border-color: #70b8f3; }
body.color-17 .are-you-sure a:first-child {
  color: #70b8f3; }

#sidebar-collections li.color-17 .collection-icon, #sidebar-favourites li.color-17 .collection-icon {
  color: #70b8f3; }
  #sidebar-collections li.color-17 .collection-icon .collection-back, #sidebar-collections li.color-17 .collection-icon .collection-front, #sidebar-favourites li.color-17 .collection-icon .collection-back, #sidebar-favourites li.color-17 .collection-icon .collection-front {
    stroke: #70b8f3; }
  #sidebar-collections li.color-17 .collection-icon .collection-back, #sidebar-favourites li.color-17 .collection-icon .collection-back {
    fill: #e8f2fa;
    fill-opacity: 0.6; }
#sidebar-collections li.color-17.current, #sidebar-collections li.color-17:hover, #sidebar-favourites li.color-17.current, #sidebar-favourites li.color-17:hover {
  color: #70b8f3; }
  #sidebar-collections li.color-17.current h4 > a, #sidebar-collections li.color-17:hover h4 > a, #sidebar-favourites li.color-17.current h4 > a, #sidebar-favourites li.color-17:hover h4 > a {
    color: #70b8f3; }

#move-collections li.color-17 .collection-icon {
  color: #70b8f3; }
  #move-collections li.color-17 .collection-icon .collection-back, #move-collections li.color-17 .collection-icon .collection-front {
    stroke: #70b8f3; }
  #move-collections li.color-17 .collection-icon .collection-back {
    fill: #e8f2fa;
    fill-opacity: 0.6; }
#move-collections li.color-17 h4:hover, #move-collections li.color-17 h5:hover, #move-collections li.color-17 h4.selected, #move-collections li.color-17 h5.selected {
  color: #70b8f3; }

body.color-18 .app-logo {
  background-color: #2ecc71; }
body.color-18 #app-header .favourite .favourite-svg, body.color-18 .filemodal-window .favourite .favourite-svg {
  stroke: #29b765;
  fill: #29b765;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-18 #app-header .favourite .favourite-svg:hover, body.color-18 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-18 #app-header .favourite.checked, body.color-18 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-18 #app-header .favourite.checked .favourite-svg, body.color-18 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-18 #app-header .favourite.checked .favourite-svg:hover, body.color-18 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-18 #app-header .dropdown li:first-child a {
  color: #2ecc71; }
body.color-18 .item-top-overlay span:first-child {
  color: #2ecc71; }
body.color-18 .list-stack .item-type {
  color: #25a25a; }
body.color-18 .item-bottom-overlay {
  background: rgba(45, 129, 80, 0.85); }
  body.color-18 .item-bottom-overlay:hover {
    background: rgba(45, 129, 80, 0.95); }
body.color-18 .modal-dialog form button {
  background-color: #2ecc71;
  border-color: #27af61; }
  body.color-18 .modal-dialog form button:hover {
    border-color: #2ecc71;
    background-color: #54d98c; }
body.color-18 .progress div {
  border-color: #27af61;
  background: #2ecc71; }
body.color-18 .progress.done div {
  background: #8ed2ab;
  border-color: #8ed2ab; }
body.color-18 .click-to-edit button {
  color: #2ecc71; }
body.color-18 .share-item-modified {
  color: #2ecc71; }
body.color-18 .drop-active {
  border-color: #2ecc71; }
body.color-18 .file-upload {
  color: #2ecc71; }
  body.color-18 .file-upload:hover {
    color: #25a25a; }
body.color-18 .file-meta span span {
  color: #2ecc71; }
body.color-18 #link-container .file-content section span span {
  color: #2ecc71; }
body.color-18 #edit-tags li span, body.color-18 #current-tags li span {
  background-color: #2ecc71; }
body.color-18 #edit-tags li:hover span {
  background-color: #4bc880; }
body.color-18 #edit-tags li.exists:hover span {
  background-color: #9caba2; }
body.color-18 .settings-account > a:hover {
  color: #2ecc71;
  border-color: #2ecc71; }
body.color-18 .are-you-sure a:first-child {
  color: #2ecc71; }

#sidebar-collections li.color-18 .collection-icon, #sidebar-favourites li.color-18 .collection-icon {
  color: #2ecc71; }
  #sidebar-collections li.color-18 .collection-icon .collection-back, #sidebar-collections li.color-18 .collection-icon .collection-front, #sidebar-favourites li.color-18 .collection-icon .collection-back, #sidebar-favourites li.color-18 .collection-icon .collection-front {
    stroke: #2ecc71; }
  #sidebar-collections li.color-18 .collection-icon .collection-back, #sidebar-favourites li.color-18 .collection-icon .collection-back {
    fill: #a0d9b8;
    fill-opacity: 0.6; }
#sidebar-collections li.color-18.current, #sidebar-collections li.color-18:hover, #sidebar-favourites li.color-18.current, #sidebar-favourites li.color-18:hover {
  color: #2ecc71; }
  #sidebar-collections li.color-18.current h4 > a, #sidebar-collections li.color-18:hover h4 > a, #sidebar-favourites li.color-18.current h4 > a, #sidebar-favourites li.color-18:hover h4 > a {
    color: #2ecc71; }

#move-collections li.color-18 .collection-icon {
  color: #2ecc71; }
  #move-collections li.color-18 .collection-icon .collection-back, #move-collections li.color-18 .collection-icon .collection-front {
    stroke: #2ecc71; }
  #move-collections li.color-18 .collection-icon .collection-back {
    fill: #a0d9b8;
    fill-opacity: 0.6; }
#move-collections li.color-18 h4:hover, #move-collections li.color-18 h5:hover, #move-collections li.color-18 h4.selected, #move-collections li.color-18 h5.selected {
  color: #2ecc71; }

body.color-19 .app-logo {
  background-color: #90ccc1; }
body.color-19 #app-header .favourite .favourite-svg, body.color-19 .filemodal-window .favourite .favourite-svg {
  stroke: #7fc4b7;
  fill: #7fc4b7;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-19 #app-header .favourite .favourite-svg:hover, body.color-19 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-19 #app-header .favourite.checked, body.color-19 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-19 #app-header .favourite.checked .favourite-svg, body.color-19 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-19 #app-header .favourite.checked .favourite-svg:hover, body.color-19 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-19 #app-header .dropdown li:first-child a {
  color: #90ccc1; }
body.color-19 .item-top-overlay span:first-child {
  color: #90ccc1; }
body.color-19 .list-stack .item-type {
  color: #6dbcad; }
body.color-19 .item-bottom-overlay {
  background: rgba(109, 162, 152, 0.85); }
  body.color-19 .item-bottom-overlay:hover {
    background: rgba(109, 162, 152, 0.95); }
body.color-19 .modal-dialog form button {
  background-color: #90ccc1;
  border-color: #78c1b3; }
  body.color-19 .modal-dialog form button:hover {
    border-color: #90ccc1;
    background-color: #b3dcd5; }
body.color-19 .progress div {
  border-color: #78c1b3;
  background: #90ccc1; }
body.color-19 .progress.done div {
  background: #dce6e4;
  border-color: #dce6e4; }
body.color-19 .click-to-edit button {
  color: #90ccc1; }
body.color-19 .share-item-modified {
  color: #90ccc1; }
body.color-19 .drop-active {
  border-color: #90ccc1; }
body.color-19 .file-upload {
  color: #90ccc1; }
  body.color-19 .file-upload:hover {
    color: #6dbcad; }
body.color-19 .file-meta span span {
  color: #90ccc1; }
body.color-19 #link-container .file-content section span span {
  color: #90ccc1; }
body.color-19 #edit-tags li span, body.color-19 #current-tags li span {
  background-color: #90ccc1; }
body.color-19 #edit-tags li:hover span {
  background-color: #a8cdc6; }
body.color-19 #edit-tags li.exists:hover span {
  background-color: #d4d4d4; }
body.color-19 .settings-account > a:hover {
  color: #90ccc1;
  border-color: #90ccc1; }
body.color-19 .are-you-sure a:first-child {
  color: #90ccc1; }

#sidebar-collections li.color-19 .collection-icon, #sidebar-favourites li.color-19 .collection-icon {
  color: #90ccc1; }
  #sidebar-collections li.color-19 .collection-icon .collection-back, #sidebar-collections li.color-19 .collection-icon .collection-front, #sidebar-favourites li.color-19 .collection-icon .collection-back, #sidebar-favourites li.color-19 .collection-icon .collection-front {
    stroke: #90ccc1; }
  #sidebar-collections li.color-19 .collection-icon .collection-back, #sidebar-favourites li.color-19 .collection-icon .collection-back {
    fill: #ebf1f0;
    fill-opacity: 0.6; }
#sidebar-collections li.color-19.current, #sidebar-collections li.color-19:hover, #sidebar-favourites li.color-19.current, #sidebar-favourites li.color-19:hover {
  color: #90ccc1; }
  #sidebar-collections li.color-19.current h4 > a, #sidebar-collections li.color-19:hover h4 > a, #sidebar-favourites li.color-19.current h4 > a, #sidebar-favourites li.color-19:hover h4 > a {
    color: #90ccc1; }

#move-collections li.color-19 .collection-icon {
  color: #90ccc1; }
  #move-collections li.color-19 .collection-icon .collection-back, #move-collections li.color-19 .collection-icon .collection-front {
    stroke: #90ccc1; }
  #move-collections li.color-19 .collection-icon .collection-back {
    fill: #ebf1f0;
    fill-opacity: 0.6; }
#move-collections li.color-19 h4:hover, #move-collections li.color-19 h5:hover, #move-collections li.color-19 h4.selected, #move-collections li.color-19 h5.selected {
  color: #90ccc1; }

body.color-20 .app-logo {
  background-color: #9Bcd55; }
body.color-20 #app-header .favourite .favourite-svg, body.color-20 .filemodal-window .favourite .favourite-svg {
  stroke: #8fc741;
  fill: #8fc741;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-20 #app-header .favourite .favourite-svg:hover, body.color-20 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-20 #app-header .favourite.checked, body.color-20 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-20 #app-header .favourite.checked .favourite-svg, body.color-20 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-20 #app-header .favourite.checked .favourite-svg:hover, body.color-20 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-20 #app-header .dropdown li:first-child a {
  color: #9Bcd55; }
body.color-20 .item-top-overlay span:first-child {
  color: #9Bcd55; }
body.color-20 .list-stack .item-type {
  color: #82b936; }
body.color-20 .item-bottom-overlay {
  background: rgba(114, 149, 65, 0.85); }
  body.color-20 .item-bottom-overlay:hover {
    background: rgba(114, 149, 65, 0.95); }
body.color-20 .modal-dialog form button {
  background-color: #9Bcd55;
  border-color: #8bc53a; }
  body.color-20 .modal-dialog form button:hover {
    border-color: #9Bcd55;
    background-color: #b2d97c; }
body.color-20 .progress div {
  border-color: #8bc53a;
  background: #9Bcd55; }
body.color-20 .progress.done div {
  background: #c7d8b0;
  border-color: #c7d8b0; }
body.color-20 .click-to-edit button {
  color: #9Bcd55; }
body.color-20 .share-item-modified {
  color: #9Bcd55; }
body.color-20 .drop-active {
  border-color: #9Bcd55; }
body.color-20 .file-upload {
  color: #9Bcd55; }
  body.color-20 .file-upload:hover {
    color: #82b936; }
body.color-20 .file-meta span span {
  color: #9Bcd55; }
body.color-20 #link-container .file-content section span span {
  color: #9Bcd55; }
body.color-20 #edit-tags li span, body.color-20 #current-tags li span {
  background-color: #9Bcd55; }
body.color-20 #edit-tags li:hover span {
  background-color: #a5c972; }
body.color-20 #edit-tags li.exists:hover span {
  background-color: #b7b7b7; }
body.color-20 .settings-account > a:hover {
  color: #9Bcd55;
  border-color: #9Bcd55; }
body.color-20 .are-you-sure a:first-child {
  color: #9Bcd55; }

#sidebar-collections li.color-20 .collection-icon, #sidebar-favourites li.color-20 .collection-icon {
  color: #9Bcd55; }
  #sidebar-collections li.color-20 .collection-icon .collection-back, #sidebar-collections li.color-20 .collection-icon .collection-front, #sidebar-favourites li.color-20 .collection-icon .collection-back, #sidebar-favourites li.color-20 .collection-icon .collection-front {
    stroke: #9Bcd55; }
  #sidebar-collections li.color-20 .collection-icon .collection-back, #sidebar-favourites li.color-20 .collection-icon .collection-back {
    fill: #d3e1c1;
    fill-opacity: 0.6; }
#sidebar-collections li.color-20.current, #sidebar-collections li.color-20:hover, #sidebar-favourites li.color-20.current, #sidebar-favourites li.color-20:hover {
  color: #9Bcd55; }
  #sidebar-collections li.color-20.current h4 > a, #sidebar-collections li.color-20:hover h4 > a, #sidebar-favourites li.color-20.current h4 > a, #sidebar-favourites li.color-20:hover h4 > a {
    color: #9Bcd55; }

#move-collections li.color-20 .collection-icon {
  color: #9Bcd55; }
  #move-collections li.color-20 .collection-icon .collection-back, #move-collections li.color-20 .collection-icon .collection-front {
    stroke: #9Bcd55; }
  #move-collections li.color-20 .collection-icon .collection-back {
    fill: #d3e1c1;
    fill-opacity: 0.6; }
#move-collections li.color-20 h4:hover, #move-collections li.color-20 h5:hover, #move-collections li.color-20 h4.selected, #move-collections li.color-20 h5.selected {
  color: #9Bcd55; }

body.color-21 .app-logo {
  background-color: #2699b9; }
body.color-21 #app-header .favourite .favourite-svg, body.color-21 .filemodal-window .favourite .favourite-svg {
  stroke: #2288a4;
  fill: #2288a4;
  fill-opacity: 0.0;
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-21 #app-header .favourite .favourite-svg:hover, body.color-21 .filemodal-window .favourite .favourite-svg:hover {
    fill-opacity: 0.2; }
body.color-21 #app-header .favourite.checked, body.color-21 .filemodal-window .favourite.checked {
  -webkit-transition: fill-opacity 0.15s ease-in-out;
  -moz-transition: fill-opacity 0.15s ease-in-out;
  transition: fill-opacity 0.15s ease-in-out; }
  body.color-21 #app-header .favourite.checked .favourite-svg, body.color-21 .filemodal-window .favourite.checked .favourite-svg {
    fill-opacity: 0.6; }
    body.color-21 #app-header .favourite.checked .favourite-svg:hover, body.color-21 .filemodal-window .favourite.checked .favourite-svg:hover {
      fill-opacity: 0.7; }
body.color-21 #app-header .dropdown li:first-child a {
  color: #2699b9; }
body.color-21 .item-top-overlay span:first-child {
  color: #2699b9; }
body.color-21 .list-stack .item-type {
  color: #1d768f; }
body.color-21 .item-bottom-overlay {
  background: rgba(36, 94, 111, 0.85); }
  body.color-21 .item-bottom-overlay:hover {
    background: rgba(36, 94, 111, 0.95); }
body.color-21 .modal-dialog form button {
  background-color: #2699b9;
  border-color: #20819b; }
  body.color-21 .modal-dialog form button:hover {
    border-color: #2699b9;
    background-color: #3bb5d7; }
body.color-21 .progress div {
  border-color: #20819b;
  background: #2699b9; }
body.color-21 .progress.done div {
  background: #78bacd;
  border-color: #78bacd; }
body.color-21 .click-to-edit button {
  color: #2699b9; }
body.color-21 .share-item-modified {
  color: #2699b9; }
body.color-21 .drop-active {
  border-color: #2699b9; }
body.color-21 .file-upload {
  color: #2699b9; }
  body.color-21 .file-upload:hover {
    color: #1d768f; }
body.color-21 .file-meta span span {
  color: #2699b9; }
body.color-21 #link-container .file-content section span span {
  color: #2699b9; }
body.color-21 #edit-tags li span, body.color-21 #current-tags li span {
  background-color: #2699b9; }
body.color-21 #edit-tags li:hover span {
  background-color: #37a3c2; }
body.color-21 #edit-tags li.exists:hover span {
  background-color: #8a9ca1; }
body.color-21 .settings-account > a:hover {
  color: #2699b9;
  border-color: #2699b9; }
body.color-21 .are-you-sure a:first-child {
  color: #2699b9; }

#sidebar-collections li.color-21 .collection-icon, #sidebar-favourites li.color-21 .collection-icon {
  color: #2699b9; }
  #sidebar-collections li.color-21 .collection-icon .collection-back, #sidebar-collections li.color-21 .collection-icon .collection-front, #sidebar-favourites li.color-21 .collection-icon .collection-back, #sidebar-favourites li.color-21 .collection-icon .collection-front {
    stroke: #2699b9; }
  #sidebar-collections li.color-21 .collection-icon .collection-back, #sidebar-favourites li.color-21 .collection-icon .collection-back {
    fill: #8bc4d4;
    fill-opacity: 0.6; }
#sidebar-collections li.color-21.current, #sidebar-collections li.color-21:hover, #sidebar-favourites li.color-21.current, #sidebar-favourites li.color-21:hover {
  color: #2699b9; }
  #sidebar-collections li.color-21.current h4 > a, #sidebar-collections li.color-21:hover h4 > a, #sidebar-favourites li.color-21.current h4 > a, #sidebar-favourites li.color-21:hover h4 > a {
    color: #2699b9; }

#move-collections li.color-21 .collection-icon {
  color: #2699b9; }
  #move-collections li.color-21 .collection-icon .collection-back, #move-collections li.color-21 .collection-icon .collection-front {
    stroke: #2699b9; }
  #move-collections li.color-21 .collection-icon .collection-back {
    fill: #8bc4d4;
    fill-opacity: 0.6; }
#move-collections li.color-21 h4:hover, #move-collections li.color-21 h5:hover, #move-collections li.color-21 h4.selected, #move-collections li.color-21 h5.selected {
  color: #2699b9; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(1.1);
    border-color: #bbceff; }
  75% {
    -webkit-transform: scale(0.9);
    border-color: #5585ff; }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  25% {
    -moz-transform: scale(1.1);
    border-color: #bbceff; }
  75% {
    -moz-transform: scale(0.9);
    border-color: #5585ff; }
  100% {
    -moz-transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #bbceff; }
  75% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    border-color: #5585ff; }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.file-save button .active {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in-out 1;
  -moz-animation: fadeIn ease-in-out 1;
  animation: fadeIn ease-in-out 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-delay: 0.125s;
  -moz-animation-delay: 0.125s;
  animation-delay: 0.125s; }

.file-save {
  position: absolute;
  top: 0.625em;
  right: 0;
  width: 5em; }
  .file-save button {
    position: relative;
    background-color: transparent;
    outline: none;
    width: 4.375em;
    height: 1.875em;
    padding: 0.125em 0;
    color: #88aaff;
    margin-top: 0;
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
    border: 2px solid #88aaff;
    text-transform: lowercase;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    .file-save button:hover {
      border: 2px solid #3b73ff; }
    .file-save button:active {
      -webkit-transform: scale(0.9, 0.9);
      -moz-transform: scale(0.9, 0.9);
      -ms-transform: scale(0.9, 0.9);
      -o-transform: scale(0.9, 0.9);
      transform: scale(0.9, 0.9); }
    .file-save button.inactive {
      border-color: #A2A6B6; }
    .file-save button.active, .file-save button.saved {
      margin-top: 0;
      margin-left: 0; }
    .file-save button .active, .file-save button .saving, .file-save button .saved {
      position: absolute;
      top: 1px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    .file-save button .active {
      color: #5585ff; }
    .file-save button .saving, .file-save button .saved {
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      visibility: hidden; }
    .file-save button .saved {
      color: #70d01b; }
    .file-save button.saving {
      width: 2em;
      margin-left: 1.1875em;
      border-radius: 16px;
      -webkit-animation: pulse 1s ease-in-out infinite;
      -moz-animation: pulse 1s ease-in-out infinite;
      animation: pulse 1s ease-in-out infinite; }
      .file-save button.saving:hover {
        border-color: #88aaff; }
      .file-save button.saving .saving {
        visibility: visible; }
      .file-save button.saving .active, .file-save button.saving .saved {
        visibility: hidden; }
    .file-save button.saved {
      width: 4.375em;
      border-radius: 6px;
      border-color: #70d01b; }
      .file-save button.saved:hover {
        border-color: #70d01b; }
      .file-save button.saved .active, .file-save button.saved .saving {
        visibility: hidden; }
      .file-save button.saved .saved {
        visibility: visible; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }
  25% {
    -webkit-transform: scale(1.1);
    border-color: #bbceff; }
  75% {
    -webkit-transform: scale(0.9);
    border-color: #5585ff; }
  100% {
    -webkit-transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }
  25% {
    -moz-transform: scale(1.1);
    border-color: #bbceff; }
  75% {
    -moz-transform: scale(0.9);
    border-color: #5585ff; }
  100% {
    -moz-transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #bbceff; }
  75% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    border-color: #5585ff; }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.upload-button .abort {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in-out 1;
  -moz-animation: fadeIn ease-in-out 1;
  animation: fadeIn ease-in-out 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-delay: 0.125s;
  -moz-animation-delay: 0.125s;
  animation-delay: 0.125s; }

.upload-button {
  position: relative;
  background-color: transparent;
  outline: none;
  width: 1.875em;
  height: 1.875em;
  padding: 0;
  color: #88aaff;
  margin-top: 0;
  cursor: pointer;
  text-align: center;
  border-radius: 0.9375em;
  border: 2px solid #88aaff;
  text-transform: lowercase;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .upload-button:hover {
    border: 2px solid #3b73ff; }
  .upload-button:active {
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9); }
  .upload-button.inactive {
    border-color: #A2A6B6; }
  .upload-button.abort {
    border-color: #e74d3d; }
    .upload-button.abort:hover {
      border-color: #e43826; }
  .upload-button.adding {
    -webkit-animation: pulse 0.9s ease-in-out infinite;
    -moz-animation: pulse 0.9s ease-in-out infinite;
    animation: pulse 0.9s ease-in-out infinite; }
  .upload-button.done {
    border-color: #70d01b; }
    .upload-button.done:hover {
      border-color: #64b918; }
  .upload-button.adding, .upload-button.done {
    cursor: default; }

/* ------------------------------------------- */
/* Mixins
/* ------------------------------------------- */
.dropdown-overlay {
  -webkit-transition: all 0 ease-in-out;
  -moz-transition: all 0 ease-in-out;
  -ms-transition: all 0 ease-in-out;
  -o-transition: all 0 ease-in-out;
  transition: all 0 ease-in-out;
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 0; }

.dropdown-overlay.active {
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 1;
  display: block; }

.dropdown {
  -webkit-transition: all 0 ease-in-out;
  -moz-transition: all 0 ease-in-out;
  -ms-transition: all 0 ease-in-out;
  -o-transition: all 0 ease-in-out;
  transition: all 0 ease-in-out;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 0; }

.dropdown.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 1;
  display: block; }

.item-top-overlay.slide-down {
  -webkit-transition: all 0 ease-in-out;
  -moz-transition: all 0 ease-in-out;
  -ms-transition: all 0 ease-in-out;
  -o-transition: all 0 ease-in-out;
  transition: all 0 ease-in-out;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 0; }

.list-item:hover .item-top-overlay.slide-down {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 1;
  display: block; }

.item-bottom-overlay.flip-in {
  -webkit-transition: all 0 ease-in-out;
  -moz-transition: all 0 ease-in-out;
  -ms-transition: all 0 ease-in-out;
  -o-transition: all 0 ease-in-out;
  transition: all 0 ease-in-out;
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
  -webkit-transform: perspective(300px) rotateX(90deg) translateX(-50%);
  -ms-transform: perspective(300px) rotateX(90deg) translateX(-50%);
  transform: perspective(300px) rotateX(90deg) translateX(-50%);
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 0; }

.list-item:hover .item-bottom-overlay.flip-in {
  -webkit-transform: perspective(300px) rotateX(0deg) translateX(-50%);
  -ms-transform: perspective(300px) rotateX(0deg) translateX(-50%);
  transform: perspective(300px) rotateX(0deg) translateX(-50%);
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 1;
  display: block; }

.toggle-custom {
  -webkit-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s; }

.toggle-custom.ng-enter,
.toggle-custom.ng-leave.ng-leave-active {
  opacity: 0; }

.toggle-custom.ng-leave,
.toggle-custom.ng-enter.ng-enter-active {
  opacity: 1; }

.scale-fade-custom {
  -webkit-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s; }

.scale-fade-custom.ng-enter,
.scale-fade-custom.ng-leave.ng-leave-active {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0; }
  .scale-fade-custom.ng-enter input,
  .scale-fade-custom.ng-leave.ng-leave-active input {
    color: #fff; }

.scale-fade-custom.ng-leave,
.scale-fade-custom.ng-enter.ng-enter-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
  .scale-fade-custom.ng-leave input,
  .scale-fade-custom.ng-enter.ng-enter-active input {
    color: #556471; }

.filemodal-container {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.slide-down-custom {
  -webkit-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s; }

.slide-down-custom.ng-enter,
.slide-down-custom.ng-leave.ng-leave-active {
  -webkit-transform: translateY(-60px);
  -ms-transform: translateY(-60px);
  transform: translateY(-60px);
  opacity: 0; }
  .slide-down-custom.ng-enter input,
  .slide-down-custom.ng-leave.ng-leave-active input {
    color: #fff; }

.slide-down-custom.ng-leave,
.slide-down-custom.ng-enter.ng-enter-active {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 1; }
  .slide-down-custom.ng-leave input,
  .slide-down-custom.ng-enter.ng-enter-active input {
    color: #556471; }

#preview-notice.flip-in, .edit-avatar div {
  -webkit-transition: all 0 ease-in-out;
  -moz-transition: all 0 ease-in-out;
  -ms-transition: all 0 ease-in-out;
  -o-transition: all 0 ease-in-out;
  transition: all 0 ease-in-out;
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
  -webkit-transform: perspective(300px) rotateX(90deg) translateX(-50%);
  -ms-transform: perspective(300px) rotateX(90deg) translateX(-50%);
  transform: perspective(300px) rotateX(90deg) translateX(-50%);
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 0; }

.filemodal-image:hover #preview-notice.flip-in, .edit-avatar:hover div {
  -webkit-transform: perspective(300px) rotateX(0deg) translateX(-50%);
  -ms-transform: perspective(300px) rotateX(0deg) translateX(-50%);
  transform: perspective(300px) rotateX(0deg) translateX(-50%);
  -webkit-transition-duration: 125ms;
  transition-duration: 125ms;
  opacity: 1;
  display: block; }

/* ------------------------------------------- */
/* Slide Left
/* ------------------------------------------- */
.slide-left {
  -webkit-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  -moz-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  -ms-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  -o-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15); }
  .slide-left.ng-enter {
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 0; }
  .slide-left.ng-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .slide-left.ng-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 1; }
  .slide-left.ng-leave-active {
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    opacity: 0; }
  .slide-left.ng-hide-add {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 1; }
  .slide-left.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    opacity: 0; }
  .slide-left.ng-hide-remove {
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    display: block !important;
    opacity: 0; }
  .slide-left.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Slide Down
/* ------------------------------------------- */
.slide-down {
  -webkit-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  -moz-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  -ms-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  -o-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15); }
  .slide-down.ng-enter {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 0; }
  .slide-down.ng-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .slide-down.ng-leave {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 1; }
  .slide-down.ng-leave-active {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity: 0; }
  .slide-down.ng-hide-add {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 1; }
  .slide-down.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    opacity: 0; }
  .slide-down.ng-hide-remove {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    display: block !important;
    opacity: 0; }
  .slide-down.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Toggle Fade
/* ------------------------------------------- */
.toggle {
  -webkit-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  -moz-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  -ms-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  -o-transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15);
  transition: all 0 cubic-bezier(0.5, 0.25, 0.42, 1.15); }
  .toggle.ng-enter {
    opacity: 0;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms; }
  .toggle.ng-enter-active {
    opacity: 1; }
  .toggle.ng-leave {
    opacity: 1;
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms; }
  .toggle.ng-leave-active {
    opacity: 0; }
  .toggle.ng-hide-add {
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    display: block !important;
    opacity: 1; }
  .toggle.ng-hide-add.ng-hide-add-active {
    opacity: 0; }
  .toggle.ng-hide-remove {
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    display: block !important;
    opacity: 0; }
  .toggle.ng-hide-remove.ng-hide-remove-active {
    opacity: 1; }

/* ------------------------------------------- */
/* Flip In
/* ------------------------------------------- */
.flip-in {
  -webkit-transition: all 0 ease-in-out;
  -moz-transition: all 0 ease-in-out;
  -ms-transition: all 0 ease-in-out;
  -o-transition: all 0 ease-in-out;
  transition: all 0 ease-in-out; }
  .flip-in.ng-enter {
    -webkit-transform: perspective(300px) rotateX(90deg);
    -ms-transform: perspective(300px) rotateX(90deg);
    transform: perspective(300px) rotateX(90deg);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 0.7; }
  .flip-in.ng-enter-active {
    -webkit-transform: perspective(300px) rotateX(0deg);
    -ms-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
    opacity: 1; }
  .flip-in.ng-leave {
    -webkit-transform: perspective(300px) rotateX(0deg);
    -ms-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 1; }
  .flip-in.ng-leave-active {
    -webkit-transform: perspective(300px) rotateX(135deg);
    -ms-transform: perspective(300px) rotateX(135deg);
    transform: perspective(300px) rotateX(135deg);
    opacity: 0.7; }
  .flip-in.ng-hide-add {
    -webkit-transform: perspective(300px) rotateX(0deg);
    -ms-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 1; }
  .flip-in.ng-hide-add.ng-hide-add-active {
    -webkit-transform: perspective(300px) rotateX(135deg);
    -ms-transform: perspective(300px) rotateX(135deg);
    transform: perspective(300px) rotateX(135deg);
    opacity: 0; }
  .flip-in.ng-hide-remove {
    -webkit-transform: perspective(300px) rotateX(90deg);
    -ms-transform: perspective(300px) rotateX(90deg);
    transform: perspective(300px) rotateX(90deg);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    display: block !important;
    opacity: 0; }
  .flip-in.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: perspective(300px) rotateX(0deg);
    -ms-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
    opacity: 1; }

/* ------------------------------------------- */
/* Scale Fade
/* ------------------------------------------- */
.scale-fade {
  -webkit-transition: all 0 ease-in-out;
  -moz-transition: all 0 ease-in-out;
  -ms-transition: all 0 ease-in-out;
  -o-transition: all 0 ease-in-out;
  transition: all 0 ease-in-out; }
  .scale-fade.ng-enter {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    opacity: 0; }
  .scale-fade.ng-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .scale-fade.ng-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    opacity: 1; }
  .scale-fade.ng-leave-active {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  .scale-fade.ng-hide-add {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    opacity: 1; }
  .scale-fade.ng-hide-add.ng-hide-add-active {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  .scale-fade.ng-hide-remove {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    display: block !important;
    opacity: 0; }
  .scale-fade.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

/* ------------------------------------------- */
/* Bouncy Scale in Fade
/* ------------------------------------------- */
.bouncy-scale-in {
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  /* custom */ }
  .bouncy-scale-in.ng-enter {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 0; }
  .bouncy-scale-in.ng-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .bouncy-scale-in.ng-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 1; }
  .bouncy-scale-in.ng-leave-active {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity: 0; }
  .bouncy-scale-in.ng-hide-add {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    opacity: 1; }
  .bouncy-scale-in.ng-hide-add.ng-hide-add-active {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity: 0; }
  .bouncy-scale-in.ng-hide-remove {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    -webkit-transition-duration: 175ms;
    transition-duration: 175ms;
    display: block !important;
    opacity: 0; }
  .bouncy-scale-in.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

/* ------------------------------------------- */
/* Bouncy Favourite
/* ------------------------------------------- */
.favourite.checked svg, .icon-fav.checked {
  -webkit-animation: bounceIn ease-in-out 1;
  -moz-animation: bounceIn ease-in-out 1;
  animation: bounceIn ease-in-out 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s; }

@-webkit-keyframes bounceIn {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  18% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  85% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes bounceIn {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  18% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  85% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes bounceIn {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  18% {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }
  85% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
.favourite.unchecked svg, .icon-fav.unchecked {
  -webkit-animation: bounceOut ease-out 1;
  -moz-animation: bounceOut ease-out 1;
  animation: bounceOut ease-out 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  18% {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7); }
  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  18% {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7); }
  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  18% {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7); }
  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
/* ------------------------------------------- */
/* Sidebar Item Fadein
/* ------------------------------------------- */
aside h4 {
  -webkit-animation: fadeIn ease-in-out 1;
  -moz-animation: fadeIn ease-in-out 1;
  animation: fadeIn ease-in-out 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  animation-duration: 0.2s; }

/*
 * LARGER MOBILE DEVICES
 */
@media only screen and (min-width: 481px) {
  /*
   * Site Name:
   * Author:
   *
   * Stylesheet: 481 & Up
   *
   */ }
/* end of media query */
/*
 * TABLET & SMALLER LAPTOPS
 */
@media only screen and (min-width: 768px) {
  /*
   * Site Name:
   * Author:
   *
   * Stylesheet: 768 & Up
   *
   * This is the base tablet style.
   */
  .deckgrid[deckgrid]::before {
    content: '2 .column.column-1-2';
    font-size: 0;
    visibility: hidden; }

  .deckgrid .column-1-2 {
    width: 50%; } }
/* end of media query */
/*
 * DESKTOP
 */
@media only screen and (min-width: 1023px) {
  /*
   *
   * Stylesheet: 1023 & Up
   *
   */
  .deckgrid[deckgrid]::before {
    content: '3 .column.column-1-3';
    font-size: 0;
    visibility: hidden; }

  .deckgrid .column-1-3 {
    width: 33%; }

  .filemodal-content {
    left: 6.25em;
    right: 6.25em; }

  .file-content.zoom.full-view {
    left: -6.25em;
    right: -6.25em; } }
/* end of media query */
/*
 *  MID DESKTOP
 */
@media only screen and (min-width: 1200px) {
  /*
   * Site Name:
   * Author:
   *
   * Stylesheet: 1200 & Up
   *
   * This is for the larger monitors and possibly full screen viewers.
   */
  .deckgrid[deckgrid]::before {
    content: '4 .column.column-1-4';
    font-size: 0;
    visibility: hidden; }

  .deckgrid .column-1-4 {
    width: 25%; } }
/* end of media query */
/*
 * LARGE VIEWING SIZE
 */
@media only screen and (min-width: 1382px) {
  /*
   * Site Name:
   * Author:
   *
   * Stylesheet: 1382 & Up
   *
   * This is for the larger monitors and possibly full screen viewers.
   */
  .deckgrid[deckgrid]::before {
    content: '5 .column.column-1-5';
    font-size: 0;
    visibility: hidden; }

  .deckgrid .column-1-5 {
    width: 20%; } }
/* end of media query */
/*
 * VERY LARGE VIEWING SIZE
 */
@media only screen and (min-width: 1682px) {
  /*
   * Site Name:
   * Author:
   *
   * Stylesheet: 1682 & Up
   *
   * This is for the larger monitors and possibly full screen viewers.
   */
  .deckgrid[deckgrid]::before {
    content: '6 .column.column-1-6';
    font-size: 0;
    visibility: hidden; }

  .deckgrid .column-1-6 {
    width: 16.66%; } }
/* end of media query */
/*
 * RETINA (2x RESOLUTION DEVICES)
 */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Retina Displays
  
  This applies displays with a 2x resolution.
  ******************************************************************/ }
/* end of media query */
/*
 * PRINT STYLESHEET
 */
@media print {
  /*
   * Site Name:
   * Author:
   *
   * Stylesheet: Print Stylesheet
   *
   * Feel free to customize this. Remember to add things that won't make
   * sense to print at the bottom. Things like nav, ads, and forms should
   * be set to display none.
   */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  /* custom print styles go under here */ }
/* end print media query */

/*# sourceMappingURL=style.css.map */
