@charset "UTF-8";
/* ==========================================================================
  Stylesheet for Monoboot Prototype
  ©Mono Company 2015
   ========================================================================== */
/* ==========================================================================
  Colors
  Only define colors here.
    * Try to describe your color, for example soft-yellow, mid-blue
    * Please group by color hue (reds, greens, blues etc.)
 ========================================================================== */
/* White/black/grays
 ========================================================================== */
/* Cool colors
 ========================================================================== */
/* Warm colors
 ========================================================================== */
/* ==========================================================================
  Custom project variables (outside Twitter Bootstrap)
   ========================================================================== */
/* ==========================================================================
  Variables overwrite
  Overwriting Bootsrap variable defaults
   ========================================================================== */
/* Media Query
   ========================================================================== */
/* Breadcrumbs variant
   ========================================================================== */
/* Navbar variant
   ========================================================================== */
/* Nav pills variant
   ========================================================================== */
/* Panel variant
   ========================================================================== */
/* Label variant
   ========================================================================== */
/* Unstyled
   ========================================================================== */
/* Inline block (modern)
   ========================================================================== */
/* Text shadows
   ========================================================================== */
/* Padding
   ========================================================================== */
/* Fonts
   ========================================================================== */
/* Calc
   ========================================================================== */
/* Calculate text color based on a background color
   ========================================================================== */
/* ==========================================================================
  Order dependent imports
  For CSS specifity reasons these imports need to be first
   ========================================================================== */
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

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

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * 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.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 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.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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"],
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;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Iconic for Bootstrap */
/* Override Bootstrap default variable */
@font-face {
  font-family: 'iconic-sm';
  src: url("../fonts/iconic-sm.eot");
  src: url("../fonts/iconic-sm.eot?#iconic-sm") format("embedded-opentype"), url("../fonts/iconic-sm.woff") format("woff"), url("../fonts/iconic-sm.ttf") format("truetype"), url("../fonts/iconic-sm.svg#iconic-sm") format("svg");
  font-weight: normal;
  font-style: normal;
}

.iconic {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'iconic-sm';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconic:before {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.iconic.iconic-tiny:before {
  font-size: 8px;
  margin-right: 4px;
  top: 0;
}
.iconic:empty:before {
  width: 1em;
  text-align: center;
  box-sizing: content-box;
}
.iconic.iconic-align-center:before {
  text-align: center;
}
.iconic.iconic-align-left:before {
  text-align: left;
}
.iconic.iconic-align-right:before {
  text-align: right;
}
.iconic.iconic-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.iconic.iconic-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(-1, 1);
  transform: scale(1, -1);
}
.iconic.iconic-flip-horizontal-vertical:before {
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, -1);
}

.iconic-account-login:before {
  content: '\e000';
}

.iconic-account-logout:before {
  content: '\e001';
}

.iconic-action-redo:before {
  content: '\e002';
}

.iconic-action-undo:before {
  content: '\e003';
}

.iconic-align-center:before {
  content: '\e004';
}

.iconic-align-left:before {
  content: '\e005';
}

.iconic-align-right:before {
  content: '\e006';
}

.iconic-aperture:before {
  content: '\e007';
}

.iconic-arrow-bottom-fill-acute:before {
  content: '\e008';
}

.iconic-arrow-bottom-fill-angled:before {
  content: '\e009';
}

.iconic-arrow-bottom-fill-large-acute:before {
  content: '\e00a';
}

.iconic-arrow-bottom-fill-large-angled:before {
  content: '\e00b';
}

.iconic-arrow-bottom-fill-large-oblique:before {
  content: '\e00c';
}

.iconic-arrow-bottom-fill-large:before {
  content: '\e00d';
}

.iconic-arrow-bottom-fill-oblique:before {
  content: '\e00e';
}

.iconic-arrow-bottom-fill:before {
  content: '\e00f';
}

.iconic-arrow-bottom-left-fill-acute:before {
  content: '\e010';
}

.iconic-arrow-bottom-left-fill-angled:before {
  content: '\e011';
}

.iconic-arrow-bottom-left-fill-large-acute:before {
  content: '\e012';
}

.iconic-arrow-bottom-left-fill-large-angled:before {
  content: '\e013';
}

.iconic-arrow-bottom-left-fill-large-oblique:before {
  content: '\e014';
}

.iconic-arrow-bottom-left-fill-large:before {
  content: '\e015';
}

.iconic-arrow-bottom-left-fill-oblique:before {
  content: '\e016';
}

.iconic-arrow-bottom-left-fill:before {
  content: '\e017';
}

.iconic-arrow-bottom-left-line-acute:before {
  content: '\e018';
}

.iconic-arrow-bottom-left-line-large-acute:before {
  content: '\e019';
}

.iconic-arrow-bottom-left-line-large-oblique:before {
  content: '\e01a';
}

.iconic-arrow-bottom-left-line-large:before {
  content: '\e01b';
}

.iconic-arrow-bottom-left-line-oblique:before {
  content: '\e01c';
}

.iconic-arrow-bottom-left-line:before {
  content: '\e01d';
}

.iconic-arrow-bottom-line-acute:before {
  content: '\e01e';
}

.iconic-arrow-bottom-line-large-acute:before {
  content: '\e01f';
}

.iconic-arrow-bottom-line-large-oblique:before {
  content: '\e020';
}

.iconic-arrow-bottom-line-large:before {
  content: '\e021';
}

.iconic-arrow-bottom-line-oblique:before {
  content: '\e022';
}

.iconic-arrow-bottom-line:before {
  content: '\e023';
}

.iconic-arrow-bottom-right-fill-acute:before {
  content: '\e024';
}

.iconic-arrow-bottom-right-fill-angled:before {
  content: '\e025';
}

.iconic-arrow-bottom-right-fill-large-acute:before {
  content: '\e026';
}

.iconic-arrow-bottom-right-fill-large-angled:before {
  content: '\e027';
}

.iconic-arrow-bottom-right-fill-large-oblique:before {
  content: '\e028';
}

.iconic-arrow-bottom-right-fill-large:before {
  content: '\e029';
}

.iconic-arrow-bottom-right-fill-oblique:before {
  content: '\e02a';
}

.iconic-arrow-bottom-right-fill:before {
  content: '\e02b';
}

.iconic-arrow-bottom-right-line-acute:before {
  content: '\e02c';
}

.iconic-arrow-bottom-right-line-large-acute:before {
  content: '\e02d';
}

.iconic-arrow-bottom-right-line-large-oblique:before {
  content: '\e02e';
}

.iconic-arrow-bottom-right-line-large:before {
  content: '\e02f';
}

.iconic-arrow-bottom-right-line-oblique:before {
  content: '\e030';
}

.iconic-arrow-bottom-right-line:before {
  content: '\e031';
}

.iconic-arrow-left-fill-acute:before {
  content: '\e032';
}

.iconic-arrow-left-fill-angled:before {
  content: '\e033';
}

.iconic-arrow-left-fill-large-acute:before {
  content: '\e034';
}

.iconic-arrow-left-fill-large-angled:before {
  content: '\e035';
}

.iconic-arrow-left-fill-large-oblique:before {
  content: '\e036';
}

.iconic-arrow-left-fill-large:before {
  content: '\e037';
}

.iconic-arrow-left-fill-oblique:before {
  content: '\e038';
}

.iconic-arrow-left-fill:before {
  content: '\e039';
}

.iconic-arrow-left-line-acute:before {
  content: '\e03a';
}

.iconic-arrow-left-line-large-acute:before {
  content: '\e03b';
}

.iconic-arrow-left-line-large-oblique:before {
  content: '\e03c';
}

.iconic-arrow-left-line-large:before {
  content: '\e03d';
}

.iconic-arrow-left-line-oblique:before {
  content: '\e03e';
}

.iconic-arrow-left-line:before {
  content: '\e03f';
}

.iconic-arrow-right-angle-bottom-left-fill-acute:before {
  content: '\e040';
}

.iconic-arrow-right-angle-bottom-left-fill-angled:before {
  content: '\e041';
}

.iconic-arrow-right-angle-bottom-left-fill:before {
  content: '\e042';
}

.iconic-arrow-right-angle-bottom-left-line:before {
  content: '\e043';
}

.iconic-arrow-right-angle-bottom-right-fill-acute:before {
  content: '\e044';
}

.iconic-arrow-right-angle-bottom-right-fill-angled:before {
  content: '\e045';
}

.iconic-arrow-right-angle-bottom-right-fill:before {
  content: '\e046';
}

.iconic-arrow-right-angle-bottom-right-line:before {
  content: '\e047';
}

.iconic-arrow-right-angle-left-bottom-fill-acute:before {
  content: '\e048';
}

.iconic-arrow-right-angle-left-bottom-fill-angled:before {
  content: '\e049';
}

.iconic-arrow-right-angle-left-bottom-fill:before {
  content: '\e04a';
}

.iconic-arrow-right-angle-left-bottom-line:before {
  content: '\e04b';
}

.iconic-arrow-right-angle-left-top-fill-acute:before {
  content: '\e04c';
}

.iconic-arrow-right-angle-left-top-fill-angled:before {
  content: '\e04d';
}

.iconic-arrow-right-angle-left-top-fill:before {
  content: '\e04e';
}

.iconic-arrow-right-angle-left-top-line:before {
  content: '\e04f';
}

.iconic-arrow-right-angle-right-bottom-fill-acute:before {
  content: '\e050';
}

.iconic-arrow-right-angle-right-bottom-fill-angled:before {
  content: '\e051';
}

.iconic-arrow-right-angle-right-bottom-fill:before {
  content: '\e052';
}

.iconic-arrow-right-angle-right-bottom-line:before {
  content: '\e053';
}

.iconic-arrow-right-angle-right-top-fill-acute:before {
  content: '\e054';
}

.iconic-arrow-right-angle-right-top-fill-angled:before {
  content: '\e055';
}

.iconic-arrow-right-angle-right-top-fill:before {
  content: '\e056';
}

.iconic-arrow-right-angle-right-top-line:before {
  content: '\e057';
}

.iconic-arrow-right-angle-thick-bottom-left-fill-acute:before {
  content: '\e058';
}

.iconic-arrow-right-angle-thick-bottom-left-fill-angled:before {
  content: '\e059';
}

.iconic-arrow-right-angle-thick-bottom-left-fill:before {
  content: '\e05a';
}

.iconic-arrow-right-angle-thick-bottom-left-line:before {
  content: '\e05b';
}

.iconic-arrow-right-angle-thick-bottom-right-fill-acute:before {
  content: '\e05c';
}

.iconic-arrow-right-angle-thick-bottom-right-fill-angled:before {
  content: '\e05d';
}

.iconic-arrow-right-angle-thick-bottom-right-fill:before {
  content: '\e05e';
}

.iconic-arrow-right-angle-thick-bottom-right-line:before {
  content: '\e05f';
}

.iconic-arrow-right-angle-thick-left-bottom-fill-acute:before {
  content: '\e060';
}

.iconic-arrow-right-angle-thick-left-bottom-fill-angled:before {
  content: '\e061';
}

.iconic-arrow-right-angle-thick-left-bottom-fill:before {
  content: '\e062';
}

.iconic-arrow-right-angle-thick-left-bottom-line:before {
  content: '\e063';
}

.iconic-arrow-right-angle-thick-left-top-fill-acute:before {
  content: '\e064';
}

.iconic-arrow-right-angle-thick-left-top-fill-angled:before {
  content: '\e065';
}

.iconic-arrow-right-angle-thick-left-top-fill:before {
  content: '\e066';
}

.iconic-arrow-right-angle-thick-left-top-line:before {
  content: '\e067';
}

.iconic-arrow-right-angle-thick-right-bottom-fill-acute:before {
  content: '\e068';
}

.iconic-arrow-right-angle-thick-right-bottom-fill-angled:before {
  content: '\e069';
}

.iconic-arrow-right-angle-thick-right-bottom-fill:before {
  content: '\e06a';
}

.iconic-arrow-right-angle-thick-right-bottom-line:before {
  content: '\e06b';
}

.iconic-arrow-right-angle-thick-right-top-fill-acute:before {
  content: '\e06c';
}

.iconic-arrow-right-angle-thick-right-top-fill-angled:before {
  content: '\e06d';
}

.iconic-arrow-right-angle-thick-right-top-fill:before {
  content: '\e06e';
}

.iconic-arrow-right-angle-thick-right-top-line:before {
  content: '\e06f';
}

.iconic-arrow-right-angle-thick-top-left-fill-acute:before {
  content: '\e070';
}

.iconic-arrow-right-angle-thick-top-left-fill-angled:before {
  content: '\e071';
}

.iconic-arrow-right-angle-thick-top-left-fill:before {
  content: '\e072';
}

.iconic-arrow-right-angle-thick-top-left-line:before {
  content: '\e073';
}

.iconic-arrow-right-angle-thick-top-right-fill-acute:before {
  content: '\e074';
}

.iconic-arrow-right-angle-thick-top-right-fill-angled:before {
  content: '\e075';
}

.iconic-arrow-right-angle-thick-top-right-fill:before {
  content: '\e076';
}

.iconic-arrow-right-angle-thick-top-right-line:before {
  content: '\e077';
}

.iconic-arrow-right-angle-top-left-fill-acute:before {
  content: '\e078';
}

.iconic-arrow-right-angle-top-left-fill-angled:before {
  content: '\e079';
}

.iconic-arrow-right-angle-top-left-fill:before {
  content: '\e07a';
}

.iconic-arrow-right-angle-top-left-line:before {
  content: '\e07b';
}

.iconic-arrow-right-angle-top-right-fill-acute:before {
  content: '\e07c';
}

.iconic-arrow-right-angle-top-right-fill-angled:before {
  content: '\e07d';
}

.iconic-arrow-right-angle-top-right-fill:before {
  content: '\e07e';
}

.iconic-arrow-right-angle-top-right-line:before {
  content: '\e07f';
}

.iconic-arrow-right-fill-acute:before {
  content: '\e080';
}

.iconic-arrow-right-fill-angled:before {
  content: '\e081';
}

.iconic-arrow-right-fill-large-acute:before {
  content: '\e082';
}

.iconic-arrow-right-fill-large-angled:before {
  content: '\e083';
}

.iconic-arrow-right-fill-large-oblique:before {
  content: '\e084';
}

.iconic-arrow-right-fill-large:before {
  content: '\e085';
}

.iconic-arrow-right-fill-oblique:before {
  content: '\e086';
}

.iconic-arrow-right-fill:before {
  content: '\e087';
}

.iconic-arrow-right-line-acute:before {
  content: '\e088';
}

.iconic-arrow-right-line-large-acute:before {
  content: '\e089';
}

.iconic-arrow-right-line-large-oblique:before {
  content: '\e08a';
}

.iconic-arrow-right-line-large:before {
  content: '\e08b';
}

.iconic-arrow-right-line-oblique:before {
  content: '\e08c';
}

.iconic-arrow-right-line:before {
  content: '\e08d';
}

.iconic-arrow-thick-bottom-fill-acute:before {
  content: '\e08e';
}

.iconic-arrow-thick-bottom-fill-angled:before {
  content: '\e08f';
}

.iconic-arrow-thick-bottom-fill-large-acute:before {
  content: '\e090';
}

.iconic-arrow-thick-bottom-fill-large-angled:before {
  content: '\e091';
}

.iconic-arrow-thick-bottom-fill-large-oblique:before {
  content: '\e092';
}

.iconic-arrow-thick-bottom-fill-large:before {
  content: '\e093';
}

.iconic-arrow-thick-bottom-fill-oblique:before {
  content: '\e094';
}

.iconic-arrow-thick-bottom-fill:before {
  content: '\e095';
}

.iconic-arrow-thick-bottom-left-fill-acute:before {
  content: '\e096';
}

.iconic-arrow-thick-bottom-left-fill-angled:before {
  content: '\e097';
}

.iconic-arrow-thick-bottom-left-fill-large-acute:before {
  content: '\e098';
}

.iconic-arrow-thick-bottom-left-fill-large-angled:before {
  content: '\e099';
}

.iconic-arrow-thick-bottom-left-fill-large-oblique:before {
  content: '\e09a';
}

.iconic-arrow-thick-bottom-left-fill-large:before {
  content: '\e09b';
}

.iconic-arrow-thick-bottom-left-fill-oblique:before {
  content: '\e09c';
}

.iconic-arrow-thick-bottom-left-fill:before {
  content: '\e09d';
}

.iconic-arrow-thick-bottom-left-line-acute:before {
  content: '\e09e';
}

.iconic-arrow-thick-bottom-left-line-large-acute:before {
  content: '\e09f';
}

.iconic-arrow-thick-bottom-left-line-large-oblique:before {
  content: '\e0a0';
}

.iconic-arrow-thick-bottom-left-line-large:before {
  content: '\e0a1';
}

.iconic-arrow-thick-bottom-left-line-oblique:before {
  content: '\e0a2';
}

.iconic-arrow-thick-bottom-left-line:before {
  content: '\e0a3';
}

.iconic-arrow-thick-bottom-line-acute:before {
  content: '\e0a4';
}

.iconic-arrow-thick-bottom-line-large-acute:before {
  content: '\e0a5';
}

.iconic-arrow-thick-bottom-line-large-oblique:before {
  content: '\e0a6';
}

.iconic-arrow-thick-bottom-line-large:before {
  content: '\e0a7';
}

.iconic-arrow-thick-bottom-line-oblique:before {
  content: '\e0a8';
}

.iconic-arrow-thick-bottom-line:before {
  content: '\e0a9';
}

.iconic-arrow-thick-bottom-right-fill-acute:before {
  content: '\e0aa';
}

.iconic-arrow-thick-bottom-right-fill-angled:before {
  content: '\e0ab';
}

.iconic-arrow-thick-bottom-right-fill-large-acute:before {
  content: '\e0ac';
}

.iconic-arrow-thick-bottom-right-fill-large-angled:before {
  content: '\e0ad';
}

.iconic-arrow-thick-bottom-right-fill-large-oblique:before {
  content: '\e0ae';
}

.iconic-arrow-thick-bottom-right-fill-large:before {
  content: '\e0af';
}

.iconic-arrow-thick-bottom-right-fill-oblique:before {
  content: '\e0b0';
}

.iconic-arrow-thick-bottom-right-fill:before {
  content: '\e0b1';
}

.iconic-arrow-thick-bottom-right-line-acute:before {
  content: '\e0b2';
}

.iconic-arrow-thick-bottom-right-line-large-acute:before {
  content: '\e0b3';
}

.iconic-arrow-thick-bottom-right-line-large-oblique:before {
  content: '\e0b4';
}

.iconic-arrow-thick-bottom-right-line-large:before {
  content: '\e0b5';
}

.iconic-arrow-thick-bottom-right-line-oblique:before {
  content: '\e0b6';
}

.iconic-arrow-thick-bottom-right-line:before {
  content: '\e0b7';
}

.iconic-arrow-thick-left-fill-acute:before {
  content: '\e0b8';
}

.iconic-arrow-thick-left-fill-angled:before {
  content: '\e0b9';
}

.iconic-arrow-thick-left-fill-large-acute:before {
  content: '\e0ba';
}

.iconic-arrow-thick-left-fill-large-angled:before {
  content: '\e0bb';
}

.iconic-arrow-thick-left-fill-large-oblique:before {
  content: '\e0bc';
}

.iconic-arrow-thick-left-fill-large:before {
  content: '\e0bd';
}

.iconic-arrow-thick-left-fill-oblique:before {
  content: '\e0be';
}

.iconic-arrow-thick-left-fill:before {
  content: '\e0bf';
}

.iconic-arrow-thick-left-line-acute:before {
  content: '\e0c0';
}

.iconic-arrow-thick-left-line-large-acute:before {
  content: '\e0c1';
}

.iconic-arrow-thick-left-line-large-oblique:before {
  content: '\e0c2';
}

.iconic-arrow-thick-left-line-large:before {
  content: '\e0c3';
}

.iconic-arrow-thick-left-line-oblique:before {
  content: '\e0c4';
}

.iconic-arrow-thick-left-line:before {
  content: '\e0c5';
}

.iconic-arrow-thick-right-fill-acute:before {
  content: '\e0c6';
}

.iconic-arrow-thick-right-fill-angled:before {
  content: '\e0c7';
}

.iconic-arrow-thick-right-fill-large-acute:before {
  content: '\e0c8';
}

.iconic-arrow-thick-right-fill-large-angled:before {
  content: '\e0c9';
}

.iconic-arrow-thick-right-fill-large-oblique:before {
  content: '\e0ca';
}

.iconic-arrow-thick-right-fill-large:before {
  content: '\e0cb';
}

.iconic-arrow-thick-right-fill-oblique:before {
  content: '\e0cc';
}

.iconic-arrow-thick-right-fill:before {
  content: '\e0cd';
}

.iconic-arrow-thick-right-line-acute:before {
  content: '\e0ce';
}

.iconic-arrow-thick-right-line-large-acute:before {
  content: '\e0cf';
}

.iconic-arrow-thick-right-line-large-oblique:before {
  content: '\e0d0';
}

.iconic-arrow-thick-right-line-large:before {
  content: '\e0d1';
}

.iconic-arrow-thick-right-line-oblique:before {
  content: '\e0d2';
}

.iconic-arrow-thick-right-line:before {
  content: '\e0d3';
}

.iconic-arrow-thick-top-fill-acute:before {
  content: '\e0d4';
}

.iconic-arrow-thick-top-fill-angled:before {
  content: '\e0d5';
}

.iconic-arrow-thick-top-fill-large-acute:before {
  content: '\e0d6';
}

.iconic-arrow-thick-top-fill-large-angled:before {
  content: '\e0d7';
}

.iconic-arrow-thick-top-fill-large-oblique:before {
  content: '\e0d8';
}

.iconic-arrow-thick-top-fill-large:before {
  content: '\e0d9';
}

.iconic-arrow-thick-top-fill-oblique:before {
  content: '\e0da';
}

.iconic-arrow-thick-top-fill:before {
  content: '\e0db';
}

.iconic-arrow-thick-top-left-fill-acute:before {
  content: '\e0dc';
}

.iconic-arrow-thick-top-left-fill-angled:before {
  content: '\e0dd';
}

.iconic-arrow-thick-top-left-fill-large-acute:before {
  content: '\e0de';
}

.iconic-arrow-thick-top-left-fill-large-angled:before {
  content: '\e0df';
}

.iconic-arrow-thick-top-left-fill-large-oblique:before {
  content: '\e0e0';
}

.iconic-arrow-thick-top-left-fill-large:before {
  content: '\e0e1';
}

.iconic-arrow-thick-top-left-fill-oblique:before {
  content: '\e0e2';
}

.iconic-arrow-thick-top-left-fill:before {
  content: '\e0e3';
}

.iconic-arrow-thick-top-left-line-acute:before {
  content: '\e0e4';
}

.iconic-arrow-thick-top-left-line-large-acute:before {
  content: '\e0e5';
}

.iconic-arrow-thick-top-left-line-large-oblique:before {
  content: '\e0e6';
}

.iconic-arrow-thick-top-left-line-large:before {
  content: '\e0e7';
}

.iconic-arrow-thick-top-left-line-oblique:before {
  content: '\e0e8';
}

.iconic-arrow-thick-top-left-line:before {
  content: '\e0e9';
}

.iconic-arrow-thick-top-line-acute:before {
  content: '\e0ea';
}

.iconic-arrow-thick-top-line-large-acute:before {
  content: '\e0eb';
}

.iconic-arrow-thick-top-line-large-oblique:before {
  content: '\e0ec';
}

.iconic-arrow-thick-top-line-large:before {
  content: '\e0ed';
}

.iconic-arrow-thick-top-line-oblique:before {
  content: '\e0ee';
}

.iconic-arrow-thick-top-line:before {
  content: '\e0ef';
}

.iconic-arrow-thick-top-right-fill-acute:before {
  content: '\e0f0';
}

.iconic-arrow-thick-top-right-fill-angled:before {
  content: '\e0f1';
}

.iconic-arrow-thick-top-right-fill-large-acute:before {
  content: '\e0f2';
}

.iconic-arrow-thick-top-right-fill-large-angled:before {
  content: '\e0f3';
}

.iconic-arrow-thick-top-right-fill-large-oblique:before {
  content: '\e0f4';
}

.iconic-arrow-thick-top-right-fill-large:before {
  content: '\e0f5';
}

.iconic-arrow-thick-top-right-fill-oblique:before {
  content: '\e0f6';
}

.iconic-arrow-thick-top-right-fill:before {
  content: '\e0f7';
}

.iconic-arrow-thick-top-right-line-acute:before {
  content: '\e0f8';
}

.iconic-arrow-thick-top-right-line-large-acute:before {
  content: '\e0f9';
}

.iconic-arrow-thick-top-right-line-large-oblique:before {
  content: '\e0fa';
}

.iconic-arrow-thick-top-right-line-large:before {
  content: '\e0fb';
}

.iconic-arrow-thick-top-right-line-oblique:before {
  content: '\e0fc';
}

.iconic-arrow-thick-top-right-line:before {
  content: '\e0fd';
}

.iconic-arrow-top-fill-acute:before {
  content: '\e0fe';
}

.iconic-arrow-top-fill-angled:before {
  content: '\e0ff';
}

.iconic-arrow-top-fill-large-acute:before {
  content: '\e100';
}

.iconic-arrow-top-fill-large-angled:before {
  content: '\e101';
}

.iconic-arrow-top-fill-large-oblique:before {
  content: '\e102';
}

.iconic-arrow-top-fill-large:before {
  content: '\e103';
}

.iconic-arrow-top-fill-oblique:before {
  content: '\e104';
}

.iconic-arrow-top-fill:before {
  content: '\e105';
}

.iconic-arrow-top-left-fill-acute:before {
  content: '\e106';
}

.iconic-arrow-top-left-fill-angled:before {
  content: '\e107';
}

.iconic-arrow-top-left-fill-large-acute:before {
  content: '\e108';
}

.iconic-arrow-top-left-fill-large-angled:before {
  content: '\e109';
}

.iconic-arrow-top-left-fill-large-oblique:before {
  content: '\e10a';
}

.iconic-arrow-top-left-fill-large:before {
  content: '\e10b';
}

.iconic-arrow-top-left-fill-oblique:before {
  content: '\e10c';
}

.iconic-arrow-top-left-fill:before {
  content: '\e10d';
}

.iconic-arrow-top-left-line-acute:before {
  content: '\e10e';
}

.iconic-arrow-top-left-line-large-acute:before {
  content: '\e10f';
}

.iconic-arrow-top-left-line-large-oblique:before {
  content: '\e110';
}

.iconic-arrow-top-left-line-large:before {
  content: '\e111';
}

.iconic-arrow-top-left-line-oblique:before {
  content: '\e112';
}

.iconic-arrow-top-left-line:before {
  content: '\e113';
}

.iconic-arrow-top-line-acute:before {
  content: '\e114';
}

.iconic-arrow-top-line-large-acute:before {
  content: '\e115';
}

.iconic-arrow-top-line-large-oblique:before {
  content: '\e116';
}

.iconic-arrow-top-line-large:before {
  content: '\e117';
}

.iconic-arrow-top-line-oblique:before {
  content: '\e118';
}

.iconic-arrow-top-line:before {
  content: '\e119';
}

.iconic-arrow-top-right-fill-acute:before {
  content: '\e11a';
}

.iconic-arrow-top-right-fill-angled:before {
  content: '\e11b';
}

.iconic-arrow-top-right-fill-large-acute:before {
  content: '\e11c';
}

.iconic-arrow-top-right-fill-large-angled:before {
  content: '\e11d';
}

.iconic-arrow-top-right-fill-large-oblique:before {
  content: '\e11e';
}

.iconic-arrow-top-right-fill-large:before {
  content: '\e11f';
}

.iconic-arrow-top-right-fill-oblique:before {
  content: '\e120';
}

.iconic-arrow-top-right-fill:before {
  content: '\e121';
}

.iconic-arrow-top-right-line-acute:before {
  content: '\e122';
}

.iconic-arrow-top-right-line-large-acute:before {
  content: '\e123';
}

.iconic-arrow-top-right-line-large-oblique:before {
  content: '\e124';
}

.iconic-arrow-top-right-line-large:before {
  content: '\e125';
}

.iconic-arrow-top-right-line-oblique:before {
  content: '\e126';
}

.iconic-arrow-top-right-line:before {
  content: '\e127';
}

.iconic-audio-spectrum:before {
  content: '\e128';
}

.iconic-audio:before {
  content: '\e129';
}

.iconic-ban:before {
  content: '\e12a';
}

.iconic-bar-chart:before {
  content: '\e12b';
}

.iconic-basket:before {
  content: '\e12c';
}

.iconic-battery:before {
  content: '\e12d';
}

.iconic-beaker:before {
  content: '\e12e';
}

.iconic-bell:before {
  content: '\e12f';
}

.iconic-bitcoin-address:before {
  content: '\e130';
}

.iconic-bitcoin-block:before {
  content: '\e131';
}

.iconic-bitcoin-transaction:before {
  content: '\e132';
}

.iconic-bitcoin:before {
  content: '\e133';
}

.iconic-bluetooth:before {
  content: '\e134';
}

.iconic-bold:before {
  content: '\e135';
}

.iconic-book:before {
  content: '\e136';
}

.iconic-bookmark:before {
  content: '\e137';
}

.iconic-box:before {
  content: '\e138';
}

.iconic-brain:before {
  content: '\e139';
}

.iconic-briefcase:before {
  content: '\e13a';
}

.iconic-british-pound:before {
  content: '\e13b';
}

.iconic-browser-type-chrome:before {
  content: '\e13c';
}

.iconic-browser-type-firefox:before {
  content: '\e13d';
}

.iconic-browser-type-internetexplorer:before {
  content: '\e13e';
}

.iconic-browser-type-safari:before {
  content: '\e13f';
}

.iconic-browser:before {
  content: '\e140';
}

.iconic-brush:before {
  content: '\e141';
}

.iconic-bug:before {
  content: '\e142';
}

.iconic-bullhorn:before {
  content: '\e143';
}

.iconic-calculator:before {
  content: '\e144';
}

.iconic-calendar:before {
  content: '\e145';
}

.iconic-camera-rangefinder:before {
  content: '\e146';
}

.iconic-camera-slr:before {
  content: '\e147';
}

.iconic-caret-bottom:before {
  content: '\e148';
}

.iconic-caret-left:before {
  content: '\e149';
}

.iconic-caret-right:before {
  content: '\e14a';
}

.iconic-caret-top:before {
  content: '\e14b';
}

.iconic-cart:before {
  content: '\e14c';
}

.iconic-chat:before {
  content: '\e14d';
}

.iconic-check:before {
  content: '\e14e';
}

.iconic-chevron-bottom:before {
  content: '\e14f';
}

.iconic-chevron-left:before {
  content: '\e150';
}

.iconic-chevron-right:before {
  content: '\e151';
}

.iconic-chevron-top:before {
  content: '\e152';
}

.iconic-circle-check:before {
  content: '\e153';
}

.iconic-circle-x:before {
  content: '\e154';
}

.iconic-clipboard:before {
  content: '\e155';
}

.iconic-clock:before {
  content: '\e156';
}

.iconic-cloud-transfer-download:before {
  content: '\e157';
}

.iconic-cloud-transfer-upload:before {
  content: '\e158';
}

.iconic-cloud:before {
  content: '\e159';
}

.iconic-cloudy:before {
  content: '\e15a';
}

.iconic-code:before {
  content: '\e15b';
}

.iconic-cog:before {
  content: '\e15c';
}

.iconic-cogs:before {
  content: '\e15d';
}

.iconic-collapse-down:before {
  content: '\e15e';
}

.iconic-collapse-left:before {
  content: '\e15f';
}

.iconic-collapse-right:before {
  content: '\e160';
}

.iconic-collapse-up:before {
  content: '\e161';
}

.iconic-command:before {
  content: '\e162';
}

.iconic-comment-square:before {
  content: '\e163';
}

.iconic-compass:before {
  content: '\e164';
}

.iconic-connections:before {
  content: '\e165';
}

.iconic-contrast:before {
  content: '\e166';
}

.iconic-copywriting:before {
  content: '\e167';
}

.iconic-credit-card:before {
  content: '\e168';
}

.iconic-crop:before {
  content: '\e169';
}

.iconic-dashboard:before {
  content: '\e16a';
}

.iconic-data-transfer-download:before {
  content: '\e16b';
}

.iconic-data-transfer-upload:before {
  content: '\e16c';
}

.iconic-database:before {
  content: '\e16d';
}

.iconic-delete:before {
  content: '\e16e';
}

.iconic-delta:before {
  content: '\e16f';
}

.iconic-dial:before {
  content: '\e170';
}

.iconic-document:before {
  content: '\e171';
}

.iconic-dollar:before {
  content: '\e172';
}

.iconic-double-quote-sans-left:before {
  content: '\e173';
}

.iconic-double-quote-sans-right:before {
  content: '\e174';
}

.iconic-double-quote-serif-left:before {
  content: '\e175';
}

.iconic-double-quote-serif-right:before {
  content: '\e176';
}

.iconic-easel:before {
  content: '\e177';
}

.iconic-eject:before {
  content: '\e178';
}

.iconic-electric:before {
  content: '\e179';
}

.iconic-elevator:before {
  content: '\e17a';
}

.iconic-ellipses:before {
  content: '\e17b';
}

.iconic-envelope-closed:before {
  content: '\e17c';
}

.iconic-envelope-open:before {
  content: '\e17d';
}

.iconic-euro:before {
  content: '\e17e';
}

.iconic-excerpt:before {
  content: '\e17f';
}

.iconic-expand-down:before {
  content: '\e180';
}

.iconic-expand-left:before {
  content: '\e181';
}

.iconic-expand-right:before {
  content: '\e182';
}

.iconic-expand-up:before {
  content: '\e183';
}

.iconic-external-link:before {
  content: '\e184';
}

.iconic-eye-closed:before {
  content: '\e185';
}

.iconic-eye-open:before {
  content: '\e186';
}

.iconic-eyedropper:before {
  content: '\e187';
}

.iconic-file-ai:before {
  content: '\e188';
}

.iconic-file-css:before {
  content: '\e189';
}

.iconic-file-dmg:before {
  content: '\e18a';
}

.iconic-file-doc:before {
  content: '\e18b';
}

.iconic-file-gif:before {
  content: '\e18c';
}

.iconic-file-html:before {
  content: '\e18d';
}

.iconic-file-jpg:before {
  content: '\e18e';
}

.iconic-file-js:before {
  content: '\e18f';
}

.iconic-file-json:before {
  content: '\e190';
}

.iconic-file-mov:before {
  content: '\e191';
}

.iconic-file-mp3:before {
  content: '\e192';
}

.iconic-file-pdf:before {
  content: '\e193';
}

.iconic-file-png:before {
  content: '\e194';
}

.iconic-file-psd:before {
  content: '\e195';
}

.iconic-file-svg:before {
  content: '\e196';
}

.iconic-file-txt:before {
  content: '\e197';
}

.iconic-file-xls:before {
  content: '\e198';
}

.iconic-file-xml:before {
  content: '\e199';
}

.iconic-file-zip:before {
  content: '\e19a';
}

.iconic-fire:before {
  content: '\e19b';
}

.iconic-firefly:before {
  content: '\e19c';
}

.iconic-flag:before {
  content: '\e19d';
}

.iconic-flash:before {
  content: '\e19e';
}

.iconic-folder:before {
  content: '\e19f';
}

.iconic-fork:before {
  content: '\e1a0';
}

.iconic-fullscreen-enter:before {
  content: '\e1a1';
}

.iconic-fullscreen-exit:before {
  content: '\e1a2';
}

.iconic-funnel:before {
  content: '\e1a3';
}

.iconic-game-controller:before {
  content: '\e1a4';
}

.iconic-globe:before {
  content: '\e1a5';
}

.iconic-graph:before {
  content: '\e1a6';
}

.iconic-grid-four-up:before {
  content: '\e1a7';
}

.iconic-grid-three-up:before {
  content: '\e1a8';
}

.iconic-grid-two-up:before {
  content: '\e1a9';
}

.iconic-guides:before {
  content: '\e1aa';
}

.iconic-hammer:before {
  content: '\e1ab';
}

.iconic-hand:before {
  content: '\e1ac';
}

.iconic-hard-drive:before {
  content: '\e1ad';
}

.iconic-header:before {
  content: '\e1ae';
}

.iconic-headphones:before {
  content: '\e1af';
}

.iconic-heart:before {
  content: '\e1b0';
}

.iconic-history:before {
  content: '\e1b1';
}

.iconic-home:before {
  content: '\e1b2';
}

.iconic-image-landscape:before {
  content: '\e1b3';
}

.iconic-image-portrait:before {
  content: '\e1b4';
}

.iconic-inbox:before {
  content: '\e1b5';
}

.iconic-infinity:before {
  content: '\e1b6';
}

.iconic-info:before {
  content: '\e1b7';
}

.iconic-inkwell:before {
  content: '\e1b8';
}

.iconic-iphone:before {
  content: '\e1b9';
}

.iconic-italic:before {
  content: '\e1ba';
}

.iconic-justify-center:before {
  content: '\e1bb';
}

.iconic-justify-left:before {
  content: '\e1bc';
}

.iconic-justify-right:before {
  content: '\e1bd';
}

.iconic-key:before {
  content: '\e1be';
}

.iconic-keyboard:before {
  content: '\e1bf';
}

.iconic-laptop:before {
  content: '\e1c0';
}

.iconic-layers:before {
  content: '\e1c1';
}

.iconic-lightbulb:before {
  content: '\e1c2';
}

.iconic-lightning-bolt:before {
  content: '\e1c3';
}

.iconic-lightning:before {
  content: '\e1c4';
}

.iconic-link-broken:before {
  content: '\e1c5';
}

.iconic-link-intact:before {
  content: '\e1c6';
}

.iconic-list-nested:before {
  content: '\e1c7';
}

.iconic-list-rich:before {
  content: '\e1c8';
}

.iconic-list:before {
  content: '\e1c9';
}

.iconic-location:before {
  content: '\e1ca';
}

.iconic-lock-locked:before {
  content: '\e1cb';
}

.iconic-lock-unlocked:before {
  content: '\e1cc';
}

.iconic-loop-circular:before {
  content: '\e1cd';
}

.iconic-loop-square:before {
  content: '\e1ce';
}

.iconic-loop:before {
  content: '\e1cf';
}

.iconic-loupe:before {
  content: '\e1d0';
}

.iconic-magic-wand:before {
  content: '\e1d1';
}

.iconic-magnifying-glass:before {
  content: '\e1d2';
}

.iconic-map-marker:before {
  content: '\e1d3';
}

.iconic-map:before {
  content: '\e1d4';
}

.iconic-medal:before {
  content: '\e1d5';
}

.iconic-media-pause:before {
  content: '\e1d6';
}

.iconic-media-play-circle:before {
  content: '\e1d7';
}

.iconic-media-play:before {
  content: '\e1d8';
}

.iconic-media-record:before {
  content: '\e1d9';
}

.iconic-media-skip-backward:before {
  content: '\e1da';
}

.iconic-media-skip-forward:before {
  content: '\e1db';
}

.iconic-media-step-backward:before {
  content: '\e1dc';
}

.iconic-media-step-forward:before {
  content: '\e1dd';
}

.iconic-media-stop:before {
  content: '\e1de';
}

.iconic-medical-cross:before {
  content: '\e1df';
}

.iconic-menu:before {
  content: '\e1e0';
}

.iconic-microphone:before {
  content: '\e1e1';
}

.iconic-minus:before {
  content: '\e1e2';
}

.iconic-monitor:before {
  content: '\e1e3';
}

.iconic-moon:before {
  content: '\e1e4';
}

.iconic-move:before {
  content: '\e1e5';
}

.iconic-musical-note:before {
  content: '\e1e6';
}

.iconic-network:before {
  content: '\e1e7';
}

.iconic-nexus:before {
  content: '\e1e8';
}

.iconic-open-source:before {
  content: '\e1e9';
}

.iconic-paperclip:before {
  content: '\e1ea';
}

.iconic-peace:before {
  content: '\e1eb';
}

.iconic-pen:before {
  content: '\e1ec';
}

.iconic-pencil:before {
  content: '\e1ed';
}

.iconic-people:before {
  content: '\e1ee';
}

.iconic-person-female:before {
  content: '\e1ef';
}

.iconic-person-genderless:before {
  content: '\e1f0';
}

.iconic-person-male:before {
  content: '\e1f1';
}

.iconic-pie-chart:before {
  content: '\e1f2';
}

.iconic-pin:before {
  content: '\e1f3';
}

.iconic-platform-android:before {
  content: '\e1f4';
}

.iconic-platform-apple:before {
  content: '\e1f5';
}

.iconic-platform-linux:before {
  content: '\e1f6';
}

.iconic-platform-microsoft:before {
  content: '\e1f7';
}

.iconic-plus:before {
  content: '\e1f8';
}

.iconic-power-standby:before {
  content: '\e1f9';
}

.iconic-print:before {
  content: '\e1fa';
}

.iconic-project:before {
  content: '\e1fb';
}

.iconic-pulse:before {
  content: '\e1fc';
}

.iconic-puzzle-piece:before {
  content: '\e1fd';
}

.iconic-question-mark:before {
  content: '\e1fe';
}

.iconic-radiation:before {
  content: '\e1ff';
}

.iconic-rainy:before {
  content: '\e200';
}

.iconic-random:before {
  content: '\e201';
}

.iconic-ratio:before {
  content: '\e202';
}

.iconic-reload:before {
  content: '\e203';
}

.iconic-resize-both:before {
  content: '\e204';
}

.iconic-resize-height:before {
  content: '\e205';
}

.iconic-resize-width:before {
  content: '\e206';
}

.iconic-rocket:before {
  content: '\e207';
}

.iconic-route:before {
  content: '\e208';
}

.iconic-rss-alt:before {
  content: '\e209';
}

.iconic-rss:before {
  content: '\e20a';
}

.iconic-scissors:before {
  content: '\e20b';
}

.iconic-screenshot:before {
  content: '\e20c';
}

.iconic-screwdriver:before {
  content: '\e20d';
}

.iconic-script:before {
  content: '\e20e';
}

.iconic-server:before {
  content: '\e20f';
}

.iconic-settings:before {
  content: '\e210';
}

.iconic-shape-circle:before {
  content: '\e211';
}

.iconic-shape-hexagon:before {
  content: '\e212';
}

.iconic-shape-octagon:before {
  content: '\e213';
}

.iconic-shape-square-rounded:before {
  content: '\e214';
}

.iconic-shape-square:before {
  content: '\e215';
}

.iconic-share-boxed:before {
  content: '\e216';
}

.iconic-share:before {
  content: '\e217';
}

.iconic-shield:before {
  content: '\e218';
}

.iconic-signal:before {
  content: '\e219';
}

.iconic-signpost:before {
  content: '\e21a';
}

.iconic-social-dropbox:before {
  content: '\e21b';
}

.iconic-social-facebook:before {
  content: '\e21c';
}

.iconic-social-github:before {
  content: '\e21d';
}

.iconic-social-instagram:before {
  content: '\e21e';
}

.iconic-social-linkedin:before {
  content: '\e21f';
}

.iconic-social-pinterest:before {
  content: '\e220';
}

.iconic-social-reddit:before {
  content: '\e221';
}

.iconic-social-tumblr:before {
  content: '\e222';
}

.iconic-social-twitter:before {
  content: '\e223';
}

.iconic-social-vimeo:before {
  content: '\e224';
}

.iconic-social-youtube:before {
  content: '\e225';
}

.iconic-sort-ascending:before {
  content: '\e226';
}

.iconic-sort-descending:before {
  content: '\e227';
}

.iconic-spreadsheet:before {
  content: '\e228';
}

.iconic-star:before {
  content: '\e229';
}

.iconic-sun:before {
  content: '\e22a';
}

.iconic-syringe:before {
  content: '\e22b';
}

.iconic-tablet:before {
  content: '\e22c';
}

.iconic-tag:before {
  content: '\e22d';
}

.iconic-tags:before {
  content: '\e22e';
}

.iconic-target:before {
  content: '\e22f';
}

.iconic-task:before {
  content: '\e230';
}

.iconic-terminal:before {
  content: '\e231';
}

.iconic-text:before {
  content: '\e232';
}

.iconic-thermometer:before {
  content: '\e233';
}

.iconic-thumb-down:before {
  content: '\e234';
}

.iconic-thumb-up:before {
  content: '\e235';
}

.iconic-tiara:before {
  content: '\e236';
}

.iconic-timer:before {
  content: '\e237';
}

.iconic-tint:before {
  content: '\e238';
}

.iconic-tools:before {
  content: '\e239';
}

.iconic-transfer:before {
  content: '\e23a';
}

.iconic-trash:before {
  content: '\e23b';
}

.iconic-vertical-align-bottom:before {
  content: '\e23c';
}

.iconic-vertical-align-center:before {
  content: '\e23d';
}

.iconic-vertical-align-top:before {
  content: '\e23e';
}

.iconic-video:before {
  content: '\e23f';
}

.iconic-volume-high:before {
  content: '\e240';
}

.iconic-volume-low:before {
  content: '\e241';
}

.iconic-volume-medium:before {
  content: '\e242';
}

.iconic-volume-off:before {
  content: '\e243';
}

.iconic-warning:before {
  content: '\e244';
}

.iconic-wifi:before {
  content: '\e245';
}

.iconic-wrench:before {
  content: '\e246';
}

.iconic-x:before {
  content: '\e247';
}

.iconic-yen:before {
  content: '\e248';
}

.iconic-zoom-in:before {
  content: '\e249';
}

.iconic-zoom-out:before {
  content: '\e24a';
}

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

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

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #4d4d4d;
  background-color: white;
}

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

img {
  vertical-align: middle;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* Responsive HTML5 video
   ========================================================================== */
video {
  max-width: 100%;
}

/* Body setup
   ========================================================================== */
body {
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
}

/* Move cursor on reorder icon
   ========================================================================== */
.glyphicon.glyphicon-list {
  cursor: move;
}

/* Basic reset
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-weight: 700;
}

p, .article h4 {
  padding: 0;
  margin: 0;
}

/* Links
   ========================================================================== */
a {
  color: #0074d9;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* ==========================================================================
  CSS components
  Most components originate from Bootstrap but are otherwise heavily modified
   ========================================================================== */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: white;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}

a.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover, a.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: whitesmoke;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #d5d5d5;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #d5d5d5;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: white;
  background-color: #0074d9;
  border-color: #0074d9;
}
.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #a6d6ff;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

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

.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.affix {
  position: fixed;
}

/*
  Accounting numbers
  * like below:
  * $   1200
  * $    600
  2 styles: .ac-inline and .ac
*/
.ac:before, .ac:after {
  content: " ";
  display: table;
}
.ac:after {
  clear: both;
}
.ac .ac-cur {
  opacity: 0.5;
  float: left;
}
.ac .ac-val {
  float: right;
}

.ac-inline {
  text-align: right;
}
.ac-inline .ac-cur {
  opacity: 0.5;
  display: inline;
}
.ac-inline .ac-val {
  display: inline;
}

.ac-inline.no-text-align {
  text-align: left;
}

.ac-big {
  font-family: sans-serif;
  font-weight: 700;
  font-size: 21px;
}

/* ==========================================================================
   Alerts
   ========================================================================== */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 2px;
  position: relative;
}
.alert a {
  color: #FFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.alert .btn {
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 10px;
  top: 10px;
}

.alert-dismissible {
  padding-right: 50px;
}

.alert-success {
  background-color: #2ecc40;
  border-color: #2ecc40;
  color: white;
}
.alert-success hr {
  border-top-color: #29b739;
}
.alert-success .alert-link {
  color: #e6e6e6;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-danger {
  background-color: #ff4136;
  border-color: #ff4136;
  color: white;
}
.alert-danger hr {
  border-top-color: #ff291d;
}
.alert-danger .alert-link {
  color: #e6e6e6;
}

.alert-info .btn {
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #31708f;
}

.alert-danger .btn,
.alert-success .btn {
  color: #FFF;
  border-color: rgba(255, 255, 255, 0.5);
}
.alert-danger .btn:hover, .alert-danger .btn:active, .alert-danger .btn:focus,
.alert-success .btn:hover,
.alert-success .btn:active,
.alert-success .btn:focus {
  border-color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.15);
}

/* Animations
   ========================================================================== */
.cl-animation-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}

/* Fade animation */
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes flash-in {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flash-in {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes flash-out {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

@keyframes flash-out {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

/* Pop in and out (for messages) */
@-webkit-keyframes popin {
  0% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes popin {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes popout {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(0);
  }
}

@keyframes popout {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(0);
  }
}

/* ==========================================================================
   Article
   ========================================================================== */
.article {
  max-width: 55em;
  margin: 0 auto;
}
.article h1, .article h2, .article h3 {
  color: #4d4d4d;
  display: block;
  font-family: sans-serif;
  font-weight: 700;
}
.article p, .article h4 {
  padding: 0 0 12px;
}
.article p:last-child, .article h4:last-child {
  padding: 0;
}
.article a {
  border-bottom: 1px solid currentColor;
}
.article h2 {
  font-size: 21px;
}
.article h3 {
  font-size: 17px;
}
.article img {
  max-width: 100%;
}
.article .intro {
  font-size: 16px;
  line-height: 1.44;
}
.article .bordered-list {
  margin: 0;
}
.article .bordered-list li {
  margin: 0;
  list-style: none;
}
.article p code, .article h4 code {
  background: #eeeeee;
  font-size: 12px;
  padding: 3px;
}
.article pre {
  background: #eeeeee;
  font-size: 12px;
  display: block;
  padding: 12px;
}

.article-body p, .article-body .article h4, .article .article-body h4, .article-body li {
  max-width: 65em;
}
.article-body p:last-child, .article-body .article h4:last-child, .article .article-body h4:last-child, .article-body li:last-child {
  margin-bottom: 0;
}
.article-body p, .article-body .article h4, .article .article-body h4 {
  margin: 0 0 12px;
  /* make use of collapsing margins */
}
.article-body p + p, .article-body .article h4 + p, .article .article-body h4 + p, .article-body .article p + h4, .article .article-body p + h4, .article-body .article h4 + h4, .article .article-body h4 + h4 {
  margin-top: 0;
}
.article-body ul, .article-body ol {
  padding: 0 0 0 24px;
  margin: 0 0 12px;
  /* make use of collapsing margins */
}
.article-body ol > li {
  list-style: decimal;
}
.article-body ul > li {
  list-style: disc;
}
.article-body > ul ul, .article-body > ul ol, .article-body > ol ul, .article-body > ol ol {
  margin: 0;
}
.article-body > ul li, .article-body > ol li {
  margin-left: 24px;
}

/* Video wrapper 
   ========================================================================== */
.video-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 66.67%;
  /* 3:2 */
}
.video-wrapper.aspect-16-9 {
  padding-bottom: 56.25%;
  /* 16:9 */
}
.video-wrapper.aspect-16-10 {
  padding-bottom: 62.5%;
  /* 16:10 */
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Article list 
   ========================================================================== */
.article-list .article {
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.article-list .article:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* ==========================================================================
  Avatar
   ========================================================================== */
.avatar {
  border-radius: 100%;
  max-width: 32px;
}
.avatar .avatar-bg {
  fill: #004b8c;
}
.avatar .avatar-person {
  fill: #0074d9;
}
.avatar svg,
.avatar img {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 100%;
}

.avatar-lg {
  max-width: 48px;
}
.avatar-lg svg,
.avatar-lg img {
  width: 48px;
  height: 48px;
}

/* ==========================================================================
  Avatar
   ========================================================================== */
.avatar {
  border-radius: 100%;
  max-width: 32px;
}
.avatar .avatar-bg {
  fill: #004b8c;
}
.avatar .avatar-person {
  fill: #0074d9;
}
.avatar svg,
.avatar img {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 100%;
}

.avatar-lg {
  max-width: 48px;
}
.avatar-lg svg,
.avatar-lg img {
  width: 48px;
  height: 48px;
}

/* Bordered list
   Support for <nav><a>... as wel ass <ul><li><a> markup patterns
   ========================================================================== */
.bordered-list {
  margin: 0;
  padding: 0 0 12px;
}
.bordered-list li {
  padding: 4px;
  display: block;
  border-bottom: 1px solid #d5d5d5;
}
.bordered-list li:last-child {
  border: none;
}

.bordered-list-links {
  margin: 0;
  padding: 0 0 12px;
}
.bordered-list-links > a,
.bordered-list-links li > a {
  padding: 4px 4px 3px;
  display: block;
  border-bottom: 1px solid #d5d5d5;
}
.bordered-list-links > a:hover, .bordered-list-links > a:focus, .bordered-list-links > a.active,
.bordered-list-links li > a:hover,
.bordered-list-links li > a:focus,
.bordered-list-links li > a.active {
  text-decoration: none;
  background: #0074d9;
  color: #FFF;
  border-color: #0074d9;
}
.bordered-list-links > a:last-child {
  border: none;
}
.bordered-list-links li {
  list-style: none;
}
.bordered-list-links li:last-child a {
  border: none;
}

/* Horizontal version 
   ========================================================================== */
.bordered-list-horizontal {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.bordered-list-horizontal li {
  padding: 2px 6px;
  display: inline-block;
  border-right: 1px solid #d5d5d5;
}
.bordered-list-horizontal li:first-child {
  padding-left: 0;
}
.bordered-list-horizontal li:last-child {
  border: none;
}

/* Breadcrumbs
   ========================================================================== */
.custom-breadcrumbs {
  max-height: 38px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
  font-weight: 500;
  /* Crumb arrows
     ========================================================================== */
  /* Label itself
     ========================================================================== */
}
.custom-breadcrumbs .glyphicon:before {
  bottom: 3px;
  position: relative;
}
.custom-breadcrumbs > li {
  float: left;
  user-select: none;
}
.custom-breadcrumbs > li:first-child > a, .custom-breadcrumbs > li:first-child > .holder {
  padding-left: 15px;
}
.custom-breadcrumbs > li:last-child {
  padding-right: 19px;
}
.custom-breadcrumbs > li > a,
.custom-breadcrumbs > li > .holder {
  border: none;
  position: relative;
  text-decoration: none;
  padding: 9.5px 0 9.5px 25px;
  position: relative;
  display: block;
  float: left;
}
.custom-breadcrumbs > li > a,
.custom-breadcrumbs > li > .holder {
  background: #eeeeee;
}
.custom-breadcrumbs > li > a:after,
.custom-breadcrumbs > li > .holder:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 38px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 38px solid transparent;
  border-left: 19px solid #eeeeee;
  position: absolute;
  top: 50%;
  margin-top: -38px;
  left: 100%;
  z-index: 2;
  margin-left: -2px;
}
.custom-breadcrumbs > li > a:before,
.custom-breadcrumbs > li > .holder:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 38px solid transparent;
  border-bottom: 38px solid transparent;
  border-left: 18px solid #d5d5d5;
  position: absolute;
  top: 50%;
  margin-top: -38px;
  left: 100%;
  z-index: 1;
}
.custom-breadcrumbs > li > a {
  color: #4d4d4d;
}
.custom-breadcrumbs > li > a:hover, .custom-breadcrumbs > li > a:active, .custom-breadcrumbs > li > a:focus {
  background: #d5d5d5;
}
.custom-breadcrumbs > li > a:hover:after, .custom-breadcrumbs > li > a:active:after, .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #d5d5d5;
}
.custom-breadcrumbs > li.selected > .holder {
  background: #d0d0d0;
}
.custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: transparent;
}
.custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #d0d0d0;
}
.custom-breadcrumbs > li:last-child > .holder {
  background: none !important;
}
.custom-breadcrumbs > li:last-child > .holder:before, .custom-breadcrumbs > li:last-child > .holder:after {
  border: none !important;
}
.custom-breadcrumbs span.label {
  z-index: 3;
  position: relative;
  left: 2px;
}

/* Positioning in navbar
   ========================================================================== */
.navbar .custom-breadcrumbs {
  float: left;
  margin-left: -15px;
}

.button-collection .btn {
  text-align: left;
  padding-left: 9px;
}

/* ==========================================================================
  Button grid component
  Allows you to make a grid of buttons using a combination of button groups
   ========================================================================== */
.btn-grid .btn-group:first-child .btn:first-child {
  border-bottom-left-radius: 0;
}
.btn-grid .btn-group:first-child .btn:last-child {
  border-bottom-right-radius: 0;
}
.btn-grid .btn-group:not(:first-child):not(:last-child) .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-grid .btn-group:not(:first-child):not(:last-child) .btn:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-grid .btn-group .btn:first-child {
  position: relative;
  left: 1px;
}
.btn-grid .btn-group .btn:nth-child(3):not(:last-child) {
  border-left: 0;
}
.btn-grid .btn-group .btn:last-child {
  position: relative;
  right: 1px;
}
.btn-grid .btn-group:not(:first-child) {
  position: relative;
  bottom: 1px;
}
.btn-grid .btn-group:nth-child(3):not(:first-child) .btn,
.btn-grid .btn-group:nth-child(4):not(:last-child) .btn {
  border-top: 0;
}
.btn-grid .btn-group:nth-child(3):not(:last-child) .btn {
  border-bottom: 0;
}
.btn-grid .btn-group:last-child .btn:first-child {
  border-top-left-radius: 0;
}
.btn-grid .btn-group:last-child .btn:last-child {
  border-top-right-radius: 0;
}

.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus {
  outline: 0;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group,
.btn-toolbar .dropdown,
.btn-toolbar .btn {
  display: inline-block;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group,
.btn-toolbar > .dropdown {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 9px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
}

/* Button variants
   ========================================================================== */
.btn-default {
  color: #333333;
  background-color: white;
  border-color: #cccccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: #cccccc;
}
.btn-default .badge {
  color: white;
  background-color: #333333;
}

.btn-primary {
  color: white;
  background-color: #0074d9;
  border-color: #0066c0;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: white;
  background-color: #0059a6;
  border-color: #004682;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #0074d9;
  border-color: #0066c0;
}
.btn-primary .badge {
  color: #0074d9;
  background-color: white;
}

.btn-success {
  color: white;
  background-color: #2ecc40;
  border-color: #29b739;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: white;
  background-color: #25a233;
  border-color: #1e852a;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #2ecc40;
  border-color: #29b739;
}
.btn-success .badge {
  color: #2ecc40;
  background-color: white;
}

.btn-danger {
  color: white;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: white;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: white;
}

/* Make active state for buttons more apparent
   ========================================================================== */
.btn-default:active, .btn-default.active {
  background-image: linear-gradient(#f2f2f2, #cccccc);
}

.btn-primary:active, .btn-primary.active {
  background-image: linear-gradient(#0066c0, #003d73);
}

.btn-success:active, .btn-success.active {
  background-image: linear-gradient(#29b739, #1b7926);
}

.btn-danger:active, .btn-danger.active {
  background-image: linear-gradient(#d43f3a, #a02622);
}

.btn-link {
  color: #0074d9;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #004b8c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus {
  color: #d5d5d5;
  text-decoration: none;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

/* ==========================================================================
  Buttons customizations
   ========================================================================== */
.btn {
  max-height: 32px;
}

.btn-xs .iconic:before, .btn-group-xs > .btn .iconic:before,
.btn-icon-sm .iconic:before {
  font-size: 12px;
  position: relative;
  top: 0;
}

/* Disabled buttons
   ========================================================================== */
.btn.disabled,
.btn[disabled] {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: none;
  cursor: not-allowed;
  pointer-events: none;
  color: #333333;
  background: transparent;
  border: 1px solid rgba(77, 77, 77, 0.1);
  background: transparent !important;
}
.btn.disabled.btn-link,
.btn[disabled].btn-link {
  border: none;
}
.btn.disabled .iconic,
.btn.disabled .caret,
.btn[disabled] .iconic,
.btn[disabled] .caret {
  opacity: 0.5;
}
.btn.disabled svg,
.btn[disabled] svg {
  -webkit-filter: grayscale(100%);
  filter: url(../images/desaturate.svg#greyscale);
  filter: grayscale(100%);
}

/* Icon buttons
   ========================================================================== */
.btn-icon {
  padding: 0;
  line-height: 32px;
  text-align: center;
  height: 32px;
  min-width: 32px;
  max-width: 32px;
}
.btn-icon.btn-xs, .btn-group-xs > .btn-icon.btn {
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  line-height: 24px;
  padding: 0;
}
.btn-icon.btn .iconic {
  margin: 0;
}

/* Icon buttons with icon on right side
   ========================================================================== */
.btn.btn-label-icon-right-side .glyphicon {
  margin: 0;
}

/* Buttons with svg icons in them (as svg tag)
   ========================================================================== */
.btn svg {
  position: relative;
  top: 2px;
  margin-bottom: -2px;
}
.btn img {
  position: relative;
  bottom: 1px;
}

/*  Buttons with svg icons in them (as svg background, 16px by 16px)
   ========================================================================== */
.btn-svg-icon {
  padding: 0 9px;
  overflow: hidden;
}
.btn-svg-icon [class^="icon-"],
.btn-svg-icon [class*=" icon-"] {
  width: 16px;
  height: 16px;
  margin-top: 8px;
  margin-right: 2px;
}
.btn-svg-icon [class^="icon-"],
.btn-svg-icon [class*=" icon-"],
.btn-svg-icon .label {
  display: block;
  float: left;
  line-height: 32px;
}
.btn-svg-icon.btn-icon [class^="icon-"],
.btn-svg-icon.btn-icon [class*=" icon-"] {
  position: relative;
  right: 2px;
}

/* Button link on navbar (make it clearer that this is a link)
   ========================================================================== */
.navbar-inverse .btn-link {
  text-decoration: underline;
}

/* Subtle button link
   ========================================================================== */
.btn-link-subtle {
  color: #6c6c6c;
}
.navbar-default .btn-link-subtle {
  color: #6c6c6c;
}
.btn-link-subtle:active {
  box-shadow: none;
}

.btn-link-subtle.disabled {
  border-color: transparent;
  opacity: 0.33;
}

/* Ghost buttons
   ========================================================================== */
.btn-ghost {
  color: #4d4d4d;
  background: transparent;
  border-color: rgba(77, 77, 77, 0.25);
}
.btn-ghost:hover, .btn-ghost:focus, .btn-ghost:active, .btn-ghost.active {
  color: rgba(77, 77, 77, 0.75);
  background-color: rgba(77, 77, 77, 0.05);
  border-color: rgba(77, 77, 77, 0.25);
}
.open .btn-ghost.dropdown-toggle {
  color: rgba(77, 77, 77, 0.75);
  background-color: rgba(77, 77, 77, 0.15);
  border-color: rgba(77, 77, 77, 0.35);
}
.btn-ghost.disabled, .btn-ghost.disabled:hover, .btn-ghost.disabled:focus, .btn-ghost.disabled:active, .btn-ghost.disabled.active, .btn-ghost[disabled], .btn-ghost[disabled]:hover, .btn-ghost[disabled]:focus, .btn-ghost[disabled]:active, .btn-ghost[disabled].active {
  background-color: transparent;
  border-color: rgba(77, 77, 77, 0.1);
}

/* Loading buttons
   Dependencies: _spinner.scss (custom)
   ========================================================================== */
.btn-loading {
  content: " ";
  position: relative;
  pointer-events: none;
  cursor: not-allowed;
}

.btn-loading:not(.btn-icon) {
  padding-left: 28px;
}

.btn-loading .spinner {
  content: " ";
  margin: 0 auto;
  position: absolute;
  top: 7px;
  left: 7px;
}

/* Navbar button that stretches across whole navbar
   ========================================================================== */
.navbar .btn.navbar-btn-stretch {
  height: 51px;
  max-height: 51px;
  margin-top: 0 !important;
  border: none;
  border-radius: 0;
  padding-top: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
.navbar .btn.navbar-btn-stretch.has-caret {
  padding-top: 6px;
  padding-right: 40px;
  position: relative;
}
.navbar .btn.navbar-btn-stretch.has-caret:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}

/* Centered message
  e.g. a centered message in box/panel
   ========================================================================== */
.centered-message {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.centered-message > * {
  margin: auto;
}
.centered-message .subtle {
  color: #858585;
}
.centered-message a {
  text-decoration: underline;
}
.centered-message a.btn {
  text-decoration: inherit;
}

/* Close icons in alerts
   ========================================================================== */
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover, .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.alert .close {
  text-shadow: none;
  text-decoration: none;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.alert .close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  color: #FFF;
}

/* Code 
   Adapted from highlight.js xcode style
   (c) Angel Garcia <angelgarcia.mail@gmail.com>
   ========================================================================== */
.hljs-comment,
.hljs-template_comment,
.hljs-javadoc,
.hljs-comment * {
  color: #006a00;
}

.hljs-keyword,
.hljs-literal,
.nginx .hljs-title {
  color: #aa0d91;
}

.method,
.hljs-list .hljs-title,
.hljs-tag .hljs-title,
.setting .hljs-value,
.hljs-winutils,
.tex .hljs-command,
.http .hljs-title,
.hljs-request,
.hljs-status {
  color: #008;
}

.hljs-envvar,
.tex .hljs-special {
  color: #660;
}

.hljs-string {
  color: #c41a16;
}

.hljs-tag .hljs-value,
.hljs-cdata,
.hljs-filter .hljs-argument,
.hljs-attr_selector,
.apache .hljs-cbracket,
.hljs-date,
.hljs-regexp {
  color: #080;
}

.hljs-sub .hljs-identifier,
.hljs-pi,
.hljs-tag,
.hljs-tag .hljs-keyword,
.hljs-decorator,
.ini .hljs-title,
.hljs-shebang,
.hljs-prompt,
.hljs-hexcolor,
.hljs-rules .hljs-value,
.css .hljs-value .hljs-number,
.hljs-symbol,
.hljs-symbol .hljs-string,
.hljs-number,
.css .hljs-function,
.clojure .hljs-title,
.clojure .hljs-built_in,
.hljs-function .hljs-title,
.coffeescript .hljs-attribute {
  color: #1c00cf;
}

.hljs-class .hljs-title,
.haskell .hljs-type,
.smalltalk .hljs-class,
.hljs-javadoctag,
.hljs-yardoctag,
.hljs-phpdoc,
.hljs-typename,
.hljs-tag .hljs-attribute,
.hljs-doctype,
.hljs-class .hljs-id,
.hljs-built_in,
.setting,
.hljs-params,
.clojure .hljs-attribute {
  color: #5c2699;
}

.hljs-variable {
  color: #3f6e74;
}

.css .hljs-tag,
.hljs-rules .hljs-property,
.hljs-pseudo,
.hljs-subst {
  color: #000;
}

.css .hljs-class,
.css .hljs-id {
  color: #9B703F;
}

.hljs-value .hljs-important {
  color: #ff7700;
  font-weight: bold;
}

.hljs-rules .hljs-keyword {
  color: #C5AF75;
}

.hljs-annotation,
.apache .hljs-sqbracket,
.nginx .hljs-built_in {
  color: #9B859D;
}

.hljs-preprocessor,
.hljs-preprocessor *,
.hljs-pragma {
  color: #643820;
}

.tex .hljs-formula {
  background-color: #EEE;
  font-style: italic;
}

.diff .hljs-header,
.hljs-chunk {
  color: #808080;
  font-weight: bold;
}

.diff .hljs-change {
  background-color: #BCCFF9;
}

.hljs-addition {
  background-color: #BAEEBA;
}

.hljs-deletion {
  background-color: #FFC8BD;
}

.hljs-comment .hljs-yardoctag {
  font-weight: bold;
}

.method .hljs-id {
  color: #000;
}

/* ==========================================================================
  Color labels (square)
   ========================================================================== */
.color-label {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: #85d0e7;
  border: 1px solid #5bc0de;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
.color-label.color-label-success {
  background: #54d964;
  border-color: #2ecc40;
}
.color-label.color-label-warning {
  background: #f4c37d;
  border-color: #f0ad4e;
}
.color-label.color-label-danger {
  background: #e27c79;
  border-color: #d43f3a;
}

/* Better positioning within certain contexts
   ========================================================================== */
.panel .panel-controls .color-label {
  margin-top: 12px;
  margin-left: 6px;
}

.table .color-label,
.tag .color-label {
  position: relative;
  top: 2px;
  margin-right: 4px;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 6px 12px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #4d4d4d;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #404040;
  background-color: whitesmoke;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: white;
  text-decoration: none;
  outline: 0;
  background-color: #0074d9;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #d5d5d5;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #d5d5d5;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
/* Link dropdown
   ========================================================================== */
.dropdown-toggle.btn-link {
  color: #4d4d4d;
}

.dropdown-menu .glyphicon {
  margin-right: 10px;
}
.dropdown-menu .glyphicon:before {
  font-size: 16px;
  line-height: 1;
  position: relative;
  top: 1px;
}

/* Dropdown with explanations
   ========================================================================== */
.dropdown-explanations .dropdown-menu {
  width: 320px;
}
.dropdown-explanations .dropdown-menu a {
  white-space: normal;
  padding: 8px 15px;
}
.dropdown-explanations .line-1,
.dropdown-explanations .line-2 {
  display: block;
}
.dropdown-explanations .line-1 {
  font-weight: 700;
}
.dropdown-explanations .line-2 {
  font-size: 11px;
  color: #858585;
}

/* Dropdown with explanations AND icons
   ========================================================================== */
.dropdown-explanations.has-icons .dropdown-menu a i.glyphicon {
  float: left;
  margin-right: -20px;
}
.dropdown-explanations.has-icons .line-1,
.dropdown-explanations.has-icons .line-2 {
  margin-left: 20px;
}

/* Dropdowns in tables 
   ========================================================================== */
.table .dropdown {
  display: inline-block;
}

/* Flex panels 
   ========================================================================== */
.flex-panels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -7.5px;
}

.flex-panels .panel {
  margin: 7.5px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #4d4d4d;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #4d4d4d;
}

.form-control,
.fake-textarea {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 9px;
  font-size: 14px;
  line-height: 1.42857;
  color: #4d4d4d;
  background-color: white;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus,
.fake-textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder,
.fake-textarea::-moz-placeholder {
  color: #d5d5d5;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.fake-textarea:-ms-input-placeholder {
  color: #d5d5d5;
}
.form-control::-webkit-input-placeholder,
.fake-textarea::-webkit-input-placeholder {
  color: #d5d5d5;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,
.fake-textarea[disabled],
.fake-textarea[readonly], fieldset[disabled]
.fake-textarea {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}

textarea.form-control {
  height: auto;
}

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.42857 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 46px;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-left: 20px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
  display: inline;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: 0;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled], fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled], fieldset[disabled]
input[type="checkbox"],
.radio[disabled], fieldset[disabled]
.radio,
.radio-inline[disabled], fieldset[disabled]
.radio-inline,
.checkbox[disabled], fieldset[disabled]
.checkbox,
.checkbox-inline[disabled], fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}

.form-control-static {
  margin-bottom: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #8d8d8d;
}

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group, .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn,
  .form-inline .input-group .form-control,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label, .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio, .navbar-form .radio,
  .form-inline .checkbox,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}

/* ==========================================================================
  Custom form styles
   ========================================================================== */
/* Textarea defaults
   ========================================================================== */
textarea {
  width: 100%;
  min-height: 95px;
}
textarea[rows] {
  min-height: inherit;
}
textarea.monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
}

/* Options
   ========================================================================== */
select option {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Disabled
   ========================================================================== */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  color: #858585;
}

/* Range
   ========================================================================== */
input[type="range"] {
  width: 100%;
}

/* Fake textarea
   ========================================================================== */
.fake-textarea {
  overflow: auto;
}
.fake-textarea .hljs {
  padding: 0;
}
.fake-textarea .highlight {
  background: none !important;
}
.fake-textarea .highlight pre {
  font-size: 12px;
  background: none;
  padding: 0;
  margin: 0;
  border: none;
}

/* Help
   ========================================================================== */
.help-block {
  font-size: 11px;
}
.help-block a {
  color: #858585;
  text-decoration: underline;
}

/* Switch default padding in form fields
   ========================================================================== */
.form-control {
  padding: 6px 4.5px;
}

/* Max height in input groups
   ========================================================================== */
.input-group input {
  max-height: 32px;
}

/* Better way to align radios within context of a horizontal form
   ========================================================================== */
p.align-radios label.radio-inline input[type="radio"], .article h4.align-radios label.radio-inline input[type="radio"] {
  margin-top: 2px;
}

/* Split together: a way to make adjacent fields live closer together
   ========================================================================== */
.split-together {
  margin: 0;
}
.split-together [class^="col-"]:not(:first-child):not(:last-child) {
  padding-left: 0;
  padding-right: 0;
}
.table .split-together [class^="col-"]:first-child {
  padding-left: 0;
}
.table .split-together .or {
  line-height: 34px;
}

.split-together .or {
  text-align: center;
  display: block;
}

/* Form in form
   ========================================================================== */
.form-in-form .well:first-child:before, .form-in-form .well:first-child:after {
  content: " ";
  display: table;
}
.form-in-form .well:first-child:after {
  clear: both;
}
.form-in-form .well:first-child h4 {
  margin: 0;
  line-height: 32px;
  float: left;
}
.form-in-form .well:first-child .btn {
  float: right;
}
.form-in-form .well .form-group:last-child {
  margin-bottom: 0;
}

/* Flex forms
   ========================================================================== */
.flexbox .form-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.flexbox .form-flex * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.flexbox .form-flex label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.no-flexbox .form-flex * {
  display: inline-block;
}
.no-flexbox .form-flex label {
  display: inline-block;
}
.no-flexbox .form-flex input {
  width: 120px;
}
.form-flex .or {
  line-height: 34px;
  position: relative;
  right: 2px;
}
.form-flex input[class] {
  max-width: none;
}
.form-flex label {
  font-weight: 400;
}
.form-horizontal .form-flex label {
  margin: 0;
  padding: 0;
}
.flexbox .form-flex.centered {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.form-flex > *:first-child {
  margin-right: 4px;
}
.form-flex > * {
  margin: 0 4px;
}
.flexbox .form-flex > .snap-together {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-flex > .snap-together *:last-child {
  margin-left: 2px;
}
.form-flex > *:last-child {
  margin-left: 4px;
  margin-right: 0;
}
.form-flex .close {
  position: relative;
  bottom: 2px;
  text-align: center;
}
.form-flex label {
  line-height: 34px;
}

/* Input group that contains a value
   ========================================================================== */
.input-group-value {
  max-width: 100px;
}

/* Read only value that aligns with control labels
   ========================================================================== */
.form-read-only-value {
  display: inline-block;
  display: block;
  height: 34px;
  padding: 6px 4.5px;
  line-height: 1.42857;
  border: 1px solid transparent;
}

/* No margin on radios in inline form
   ========================================================================== */
.form-inline .radio label, .navbar-form .radio label,
.form-inline .checkbox label,
.navbar-form .checkbox label {
  padding-left: 0;
}

/* Styles for disabled checkbox/radio
   ========================================================================== */
.checkbox.disabled label,
.radio.disabled label {
  color: #d5d5d5;
}

/* Sometimes we want bold labels in certain forms on checkbox or radio labels
   ========================================================================== */
.checkbox.bold label {
  font-weight: 700;
}

.radio.bold label {
  font-weight: 700;
}

/* Input group with icon
   ========================================================================== */
.input-with-icon {
  position: relative;
}
.input-with-icon.focus .input-icon-text,
.input-with-icon.focus .glyphicon {
  opacity: 1;
  color: #4d4d4d;
}
.input-with-icon .input-icon-text,
.input-with-icon .glyphicon {
  position: absolute;
  left: 8px;
  top: 7px;
  z-index: 4;
  opacity: 0.5;
}
.input-with-icon .input-icon-text {
  left: 10px;
}
.input-with-icon .form-control {
  border-radius: 2px;
  padding-left: 24px;
}

/* Widths for specific inputs
   ========================================================================== */
.form-control-date {
  width: 92px;
}

.form-control-time {
  width: 60px;
}

/* Widths for counting characters
   !important because this is at lowest level and we
   don't want to add other dependencies for CSS specifity
   ========================================================================== */
.form-control-1char, .form-control-1chars {
  width: 26px !important;
}

.form-control-2chars {
  width: 33px !important;
}

.form-control-3chars {
  width: 40px !important;
}

.form-control-4chars {
  width: 47px !important;
}

.form-control-5chars {
  width: 54px !important;
}

.form-control-6chars {
  width: 61px !important;
}

.form-control-7chars {
  width: 68px !important;
}

.form-control-8chars {
  width: 75px !important;
}

.form-control-9chars {
  width: 82px !important;
}

.input-with-icon .form-control-1char, .input-with-icon .form-control-1chars {
  width: 46px !important;
}

.input-with-icon .form-control-2chars {
  width: 53px !important;
}

.input-with-icon .form-control-3chars {
  width: 60px !important;
}

.input-with-icon .form-control-4chars {
  width: 67px !important;
}

.input-with-icon .form-control-5chars {
  width: 74px !important;
}

.input-with-icon .form-control-6chars {
  width: 81px !important;
}

.input-with-icon .form-control-7chars {
  width: 88px !important;
}

.input-with-icon .form-control-8chars {
  width: 95px !important;
}

.input-with-icon .form-control-9chars {
  width: 102px !important;
}

/* Hide spin button on input number
   http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box
   ========================================================================== */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
}

.col-md-1 {
  width: 8.33333%;
}

.col-md-2 {
  width: 16.66667%;
}

.col-md-3 {
  width: 25%;
}

.col-md-4 {
  width: 33.33333%;
}

.col-md-5 {
  width: 41.66667%;
}

.col-md-6 {
  width: 50%;
}

.col-md-7 {
  width: 58.33333%;
}

.col-md-8 {
  width: 66.66667%;
}

.col-md-9 {
  width: 75%;
}

.col-md-10 {
  width: 83.33333%;
}

.col-md-11 {
  width: 91.66667%;
}

.col-md-12 {
  width: 100%;
}

.col-md-pull-0 {
  right: auto;
}

.col-md-pull-1 {
  right: 8.33333%;
}

.col-md-pull-2 {
  right: 16.66667%;
}

.col-md-pull-3 {
  right: 25%;
}

.col-md-pull-4 {
  right: 33.33333%;
}

.col-md-pull-5 {
  right: 41.66667%;
}

.col-md-pull-6 {
  right: 50%;
}

.col-md-pull-7 {
  right: 58.33333%;
}

.col-md-pull-8 {
  right: 66.66667%;
}

.col-md-pull-9 {
  right: 75%;
}

.col-md-pull-10 {
  right: 83.33333%;
}

.col-md-pull-11 {
  right: 91.66667%;
}

.col-md-pull-12 {
  right: 100%;
}

.col-md-push-0 {
  left: auto;
}

.col-md-push-1 {
  left: 8.33333%;
}

.col-md-push-2 {
  left: 16.66667%;
}

.col-md-push-3 {
  left: 25%;
}

.col-md-push-4 {
  left: 33.33333%;
}

.col-md-push-5 {
  left: 41.66667%;
}

.col-md-push-6 {
  left: 50%;
}

.col-md-push-7 {
  left: 58.33333%;
}

.col-md-push-8 {
  left: 66.66667%;
}

.col-md-push-9 {
  left: 75%;
}

.col-md-push-10 {
  left: 83.33333%;
}

.col-md-push-11 {
  left: 91.66667%;
}

.col-md-push-12 {
  left: 100%;
}

.col-md-offset-0 {
  margin-left: 0%;
}

.col-md-offset-1 {
  margin-left: 8.33333%;
}

.col-md-offset-2 {
  margin-left: 16.66667%;
}

.col-md-offset-3 {
  margin-left: 25%;
}

.col-md-offset-4 {
  margin-left: 33.33333%;
}

.col-md-offset-5 {
  margin-left: 41.66667%;
}

.col-md-offset-6 {
  margin-left: 50%;
}

.col-md-offset-7 {
  margin-left: 58.33333%;
}

.col-md-offset-8 {
  margin-left: 66.66667%;
}

.col-md-offset-9 {
  margin-left: 75%;
}

.col-md-offset-10 {
  margin-left: 83.33333%;
}

.col-md-offset-11 {
  margin-left: 91.66667%;
}

.col-md-offset-12 {
  margin-left: 100%;
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
/* ==========================================================================
  Additions to bootstrap grid
   ========================================================================== */
/* Space out grid gutter evenly with side gutter
   ========================================================================== */
.grid-space-rows-evenly .row > [class^="col-"]:first-child,
.grid-space-rows-evenly .row > [class*="col-"]:first-child {
  padding-right: 7.5px;
  padding-left: 15px;
}
.grid-space-rows-evenly .row > [class^="col-"]:last-child,
.grid-space-rows-evenly .row > [class*="col-"]:last-child {
  padding-right: 15px;
  padding-left: 7.5px;
}

#content .grid-space-rows-evenly .row > .col-md-12,
#content .grid-space-rows-evenly .row > .col-md-12 {
  padding-right: 15px;
  padding-left: 15px;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group .form-control:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group .form-control:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

.label-inline {
  display: inline-block;
  padding: 3px 6px 2px 6px;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 3px;
}
.label-inline .glyphicon {
  position: relative;
  bottom: 1px;
  margin-right: 3px;
}

.label-list {
  margin: 0 0 12px;
}
.label-list .label-inline {
  margin-right: 4px;
}

.label-default {
  background-color: #d5d5d5;
  color: #4d4d4d;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #bcbcbc;
}

.label-primary {
  background-color: #0074d9;
  color: white;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #0059a6;
}

.label-success {
  background-color: #2ecc40;
  color: white;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #25a233;
}

.label-info {
  background-color: #858585;
  color: white;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #6c6c6c;
}

.label-warning {
  background-color: #ffe7b7;
  color: #b37135;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ffd684;
}
.label-warning .glyphicon {
  color: #ff851b;
}

.label-danger {
  background-color: #ff4136;
  color: white;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #ff1103;
}

.list-group.compact .list-group-item {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* ==========================================================================
   Default Message 
  ========================================================================== */
.message-count {
  background: transparent;
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  margin-left: 8px;
  top: -4px;
  position: relative;
}

/* ==========================================================================
   With icon
  ========================================================================== */
.btn-messages {
  position: relative;
}
.btn-messages .message-count {
  position: absolute;
  right: 5px;
  top: 9px;
}

/* ==========================================================================
   New Message 
  ========================================================================== */
.message-count.new-messages {
  background: #858585;
  background-color: #ff4136;
  color: white;
  border-radius: 100%;
}

/* ==========================================================================
  Styles for messaging
   ========================================================================== */
.fade-enter {
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 350ms;
  animation-duration: 350ms;
}

.fade-leave {
  -webkit-animation-name: fadeout;
  animation-name: fadeout;
  -webkit-animation-duration: 350ms;
  animation-duration: 350ms;
}

.pop-enter {
  -webkit-animation-name: popin;
  animation-name: popin;
  -webkit-animation-duration: 350ms;
  animation-duration: 350ms;
}

.pop-leave {
  -webkit-animation-name: popout;
  animation-name: popout;
  -webkit-animation-duration: 350ms;
  animation-duration: 350ms;
}

/* Pop message
   ========================================================================== */
.pop-message {
  background: rgba(77, 77, 77, 0.8);
  width: 180px;
  padding: 10px 0;
  border-radius: 10px;
  z-index: 1200020;
  color: #FFF;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
}
.pop-message p, .pop-message .article h4, .article .pop-message h4 {
  margin: 0;
}
.pop-message i {
  font-size: 64px;
}

/* Pop message (loading)
   ========================================================================== */
.pop-message .spinner {
  margin-top: 10px;
  margin-bottom: 10px;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: white;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: black;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857;
}

.modal-body {
  position: relative;
  padding: 15px;
}
.modal-body.has-sections {
  padding: 0;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-dialog {
  width: 600px;
  margin: 30px auto;
}

.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.modal-sm {
  width: 300px;
}

.modal-lg {
  width: 900px;
}

/* Full screen modal
   Modal sizes are normally controlled on .modal-dialog but because of dev issue
   stretched modal class has to be on .modal
   ========================================================================== */
.modal-dialog.modal-stretch {
  height: -moz-calc(100% - 50px);
  height: -o-calc(100% - 50px);
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: -o-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  max-width: -moz-calc(100% - 50px);
  max-width: -o-calc(100% - 50px);
  max-width: -webkit-calc(100% - 50px);
  max-width: calc(100% - 50px);
}
.modal-dialog.modal-stretch .modal-content {
  height: 100%;
  position: relative;
}
.modal-dialog.modal-stretch .modal-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.modal-dialog.modal-stretch .modal-body {
  overflow: auto;
  position: absolute;
  top: 60px;
  bottom: 60px;
  left: 0;
  right: 0;
}
.modal-dialog.modal-stretch .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Modal close positioning 
   ========================================================================== */
.modal-close {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
}
.modal-error .modal-close {
  color: #FFF;
  border-color: rgba(255, 255, 255, 0.25);
}
.modal-error .modal-close:hover, .modal-error .modal-close:active, .modal-error .modal-close:focus {
  border-color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.15);
}

/* Header
   ========================================================================== */
.modal-header {
  background: white;
  overflow: hidden;
  padding-top: 14px;
  padding-bottom: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.modal-error .modal-header {
  background: #d9534f;
}
.modal-header .modal-title {
  margin: 0;
  font-size: 21px;
  font-weight: 400;
  color: #4d4d4d;
  font-family: sans-serif;
  font-weight: 700;
}
.modal-error .modal-header .modal-title {
  color: white;
}

/* Footer
   ========================================================================== */
.modal-footer {
  padding: 15px;
  background: white;
  border-top-color: #d5d5d5;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.modal-footer .btn-link.pull-left {
  padding-left: 0;
}

.navbar {
  position: relative;
  min-height: 38px;
  background: white;
  border-bottom: 1px solid transparent;
}
.navbar:before, .navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
.navbar > .navbar-right {
  margin-right: 15px;
}

.navbar-fixed-top {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.navbar-fixed-top.navbar-white {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.navbar-fixed-bottom {
  border-bottom: none;
  border-top: 1px solid #d4d4d4;
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.15);
}
.navbar-fixed-bottom.navbar-white {
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.3);
}

.navbar-brand {
  color: #4d4d4d;
  font-size: 21px;
  line-height: 32px;
  margin: 6px 0 0;
  padding: 0;
  white-space: nowrap;
  font-family: sans-serif;
  font-weight: 700;
}

.navbar-appswitch .logo {
  color: black;
  margin-right: 9px;
  float: left;
  position: relative;
  width: 38px;
  height: 38px;
  display: block;
}
.navbar-appswitch .brand {
  color: #858585;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1;
  padding: 4px 9px 0;
  max-height: 38px;
}
.navbar-appswitch .brand:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 38px;
  width: 10px;
  margin: -4px 0 0 5px;
  background: url("../images/svg-icons-source/breadcrumb-caret.svg");
}
.navbar-appswitch .dropdown {
  display: inline-block;
  height: 38px;
}
.navbar-appswitch .btn {
  font-size: 18px;
  line-height: 1;
}
.navbar-appswitch .btn-link {
  color: #373737 !important;
}

.navbar .checkbox {
  margin-top: 15.5px;
}
.navbar .checkbox input {
  margin-right: 4px;
}
.navbar .btn-link {
  padding-left: 0;
  padding-right: 0;
}
.navbar .tag,
.navbar .tag-simple {
  margin-top: 6px;
}
.navbar .bordered-list-horizontal {
  margin-top: 12.5px;
}
.navbar .nav-pills {
  margin-top: 3px;
}
.navbar .btn {
  margin-top: 3px;
}
.navbar .dropdown .btn {
  margin-top: 0;
}
.navbar .form-inline, .navbar .navbar-form {
  margin-top: 3px;
}
.navbar .panel-controls {
  margin-top: 2px;
}
.navbar .navbar-text {
  margin: 15px 0 0;
}
.navbar .navbar-text abbr {
  border-color: #858585;
}

.navbar-left {
  float: left !important;
  max-height: 38px -1px;
}

.navbar-right {
  float: right !important;
  max-height: 38px -1px;
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 2px;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}

/* Divide navbars
   ========================================================================== */
.navbar-divider {
  float: left;
  margin-left: 15px;
  height: 38px;
}
.navbar-divider:first-child {
  margin: 0;
}
.navbar-divider.bordered {
  padding-left: 15px;
  border-left: 1px solid #c8c8c8;
}
.navbar-divider.bordered:first-child {
  padding: 0;
  border: none;
}
.navbar-divider.extra-bordered {
  border-right: 1px solid #c8c8c8;
  padding-right: 15px;
}

.navbar-right .navbar-divider {
  margin-left: 0;
  padding-left: 0;
  margin-right: 15px;
  border-left: none;
}
.navbar-right .navbar-divider:last-child {
  margin: 0;
}
.navbar-right .navbar-divider.bordered {
  padding-right: 15px;
  border-right: 1px solid #c8c8c8;
}
.navbar-right .navbar-divider.bordered:last-child {
  padding: 0;
  border: none;
}
.navbar-right .navbar-divider.extra-bordered {
  border-left: 1px solid #c8c8c8;
  padding-left: 15px;
}

.navbar > .navbar-right-no-spacing {
  margin: 0;
}

.navbar.navbar .navbar-divider-no-spacing {
  padding: 0;
  margin: 0;
}

/* Nav pills in navbar
   ========================================================================== */
.navbar .nav-pills > li > a,
.navbar .nav-pills > li > a:link,
.navbar .nav-pills > li > a:visited {
  border: 1px solid transparent;
}
.navbar .nav-pills > li > a:hover,
.navbar .nav-pills > li > a:active,
.navbar .nav-pills > li > a:focus, .navbar .nav-pills > li.active a {
  border: 1px solid #bbbbbb;
}

.navbar.navbar-large {
  height: 78px;
}

.navbar.navbar-large .navbar-divider {
  margin-top: 14px;
}

.navbar.navbar-large .person-info-lg {
  margin-top: -4px;
}

.navbar .btn-link {
  color: #777777;
}
.navbar .btn-link:hover {
  color: #333333;
}

/* ==========================================================================
  Customizations to nav components
   ========================================================================== */
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #0074d9;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs .iconic {
  margin-right: 4px;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #858585;
  background-color: white;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-pills > li {
  float: left;
}
.nav-pills > li > a,
.nav-pills > li > a:link,
.nav-pills > li > a:visited {
  border-radius: 2px;
  padding: 5px 8px;
  color: #4d4d4d;
  border: 1px solid #d4d4d4;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:active,
.nav-pills > li > a:focus {
  color: #4d4d4d;
  border: 1px solid #d4d4d4;
  background: rgba(255, 255, 255, 0.5);
}
.nav-pills > li + li {
  margin-left: 3px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: white;
  background-color: #0074d9;
  color: #4d4d4d;
  border: 1px solid #bbbbbb;
  background: #FFF;
  cursor: default;
}
.nav-pills > li.disabled > a {
  background: none !important;
  opacity: 0.33;
  border: none  !important;
  cursor: default;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-pills.tabbed > li > a,
.nav-pills.tabbed > li > a:link,
.nav-pills.tabbed > li > a:visited {
  border: 0;
  border-radius: 0;
  background: none;
  font-weight: 600;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  margin-left: 8px;
  margin-right: 8px;
}
.nav-pills.tabbed > li > a:hover,
.nav-pills.tabbed > li > a:active,
.nav-pills.tabbed > li > a:focus, .nav-pills.tabbed > li.active a {
  border: 0;
}
.nav-pills.tabbed > li.active a {
  border-bottom: 3px solid #4d4d4d;
}

.nav-sidebar {
  padding-right: 30px;
  border-right: 1px solid #dddddd;
}
.nav-sidebar .nav-heading {
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #858585;
  font-size: 11.2px;
  margin-left: 9px;
  margin-bottom: 6px;
}
.nav-sidebar .nav-heading:first-child {
  margin-top: 0;
}
.nav-sidebar .dropdown {
  margin-bottom: 6px;
}
.nav-sidebar .dropdown-menu {
  top: 0;
  left: 100%;
  margin: 0 0 0 10px;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 2px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 2px 2px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: white;
  }
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

/* ==========================================================================
  Option lists
   ========================================================================== */
/* Options header
   ========================================================================== */
.options-header {
  margin: 0;
  padding: 0;
  padding: 1px 5px;
  color: #343434;
  background: #d4d4d4;
  border: 1px solid #bbbbbb;
  border-width: 1px 0;
}
.options-header:before, .options-header:after {
  content: " ";
  display: table;
}
.options-header:after {
  clear: both;
}
.options-header h3 {
  float: left;
  font-size: 11px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
.options-header a {
  margin-top: 6px;
  line-height: 1;
  font-size: 11px;
  float: right;
}
.options-header a {
  color: #858585;
}
.options-header a:visited {
  color: #717171;
}
.options-header a:hover, .options-header a:active, .options-header a:focus {
  color: #4f4f4f;
}

/* General options
 * <div class="options"> with no levels
   ========================================================================== */
.options > a {
  display: block;
  text-decoration: none;
  border: none;
  padding: 3px 5px;
  color: #4d4d4d;
  position: relative;
  border-bottom: 1px solid #e1e1e1;
}
.options > a:hover, .options > a:focus {
  background: #6c6c6c;
  color: #FFF;
  transition: 0.15s background color ease-in-out;
}
.options > a:active, .options > a.active {
  background: #9f9f9f;
  color: #FFF;
}
.options > a:last-child {
  border: none;
}

.options-striped a {
  border: none;
}
.options-striped a:nth-child(odd) {
  background: #eeeeee;
}
.options-striped a:nth-child(even) {
  background: rgba(255, 255, 255, 0.33);
}
.options-striped a:hover, .options-striped a:focus {
  background: #6c6c6c;
  color: #FFF;
  transition: 0.15s background color ease-in-out;
}

/* Options
 * <ul class="options"> with levels
   ========================================================================== */
ul.options {
  list-style: none;
  overflow: auto;
  margin: 0;
  padding: 0;
}
ul.options ul {
  margin: 0;
  padding: 0;
}
ul.options li {
  list-style: none;
}
ul.options li li a {
  margin-left: 20px;
}
ul.options li li li a {
  margin-left: 40px;
}
ul.options li > a,
ul.options li .popover-markup > a {
  border-bottom: 1px solid #e1e1e1;
  display: block;
  text-decoration: none;
  padding: 3px 5px;
  color: #4d4d4d;
  position: relative;
}
ul.options li > a:hover, ul.options li > a:active, ul.options li > a.active,
ul.options li .popover-markup > a:hover,
ul.options li .popover-markup > a:active,
ul.options li .popover-markup > a.active {
  background: #6c6c6c !important;
  color: #FFF;
}

ul.options-striped li > a {
  border: none;
}
ul.options-striped li:nth-child(odd) a {
  background: #eeeeee;
}
ul.options-striped li:nth-child(even) a {
  background: rgba(255, 255, 255, 0.33);
}
ul.options-striped li > a:hover,
ul.options-striped li > a:focus {
  background: #6c6c6c;
  color: #FFF;
  transition: 0.15s background color ease-in-out;
}

.options .empty {
  padding: 4px;
  color: #858585;
}

/* Touch friendly 
   ========================================================================== */
.options.options-touch-friendly > a,
.options.options-touch-friendly li > a {
  padding: 8px 5px;
}

.panel {
  margin-bottom: 20px;
  background-color: white;
  border-radius: 2px;
  border: 1px solid #eeeeee;
}
.panel > .panel-heading {
  color: #4d4d4d;
  background-color: white;
  border-color: #eeeeee;
}
.panel .panel-heading:only-child {
  border-radius: 3px;
  border: none;
}

.panel-body {
  padding: 15px;
}
.panel-body:before, .panel-body:after {
  content: " ";
  display: table;
}
.panel-body:after {
  clear: both;
}
.panel-body > p:last-child, .article .panel-body > h4:last-child {
  margin-bottom: 0;
}

.panel-heading:before, .panel-heading:after,
.panel-footer:before,
.panel-footer:after {
  content: " ";
  display: table;
}
.panel-heading:after,
.panel-footer:after {
  clear: both;
}

.panel-heading {
  padding: 0 15px;
  min-height: 44px;
  position: relative;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-heading .panel-title {
  font-family: sans-serif;
  font-weight: 700;
  margin: 0 10px 0 0;
  font-size: 18px;
  line-height: 45px;
  max-height: 44px;
  float: left;
}
.panel-heading .panel-title .muted {
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin-left: 4px;
  color: #858585;
}

.panel-title .glyphicon {
  margin-right: 4px;
  position: relative;
  bottom: 2px;
}

.panel-footer {
  min-height: 45px;
  padding: 0 15px;
  background-color: whitesmoke;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}

/* Extra controls in panel headings or footers
   ========================================================================== */
.panel-controls .btn {
  margin-top: 6px;
  float: left;
}
.panel-controls .btn-toolbar {
  float: left;
}
.panel-controls .form-inline, .panel-controls .navbar-form {
  margin-top: 6px;
  float: left;
}
.panel-controls .nav-pills, .panel-controls .dropdown {
  float: left;
}
.panel-controls > .dropdown {
  margin-right: 4px;
}
.panel-controls .nav-pills, .panel-controls .panel-static-control {
  margin-top: 6px;
}
.panel-controls .form-group {
  margin: 0;
}
.panel-controls .form-group .checkbox-inline {
  margin-top: 12px;
}

.panel-static-control {
  line-height: 32px;
  float: left;
}
.panel-static-control:not(:last-child) {
  margin-right: 6px;
}
.panel-static-control.subtle {
  color: #858585;
}

.panel-controls {
  float: left;
  margin-left: -9px;
  margin-right: 10px;
}

.panel-title + .panel-controls {
  margin-left: 0;
}

.panel-controls:last-child,
.panel-controls:only-child {
  float: right;
  margin-right: -9px;
  margin-left: 10px;
}

.panel-controls .btn-toolbar .btn,
.panel-controls .btn-toolbar .dropdown {
  float: left;
}
.panel-controls .btn-toolbar .dropdown {
  margin-right: 4px;
}

/* Doubles
   ========================================================================== */
.panel-heading + .panel-heading {
  border-radius: 0;
}

.panel-body + .panel-body {
  border-top: 1px solid #e7e7e7;
}

/* Tables in panels
   ========================================================================== */
.panel .panel-table {
  margin-bottom: 0;
  border: 0;
}
.panel .panel-table td, .panel .panel-table th {
  padding: 8px 15px;
}
.panel .panel-table .table {
  margin: 0;
}
.panel .panel-table .table tr:first-child td,
.panel .panel-table .table tr:first-child th {
  border-top: none;
}
.panel .panel-table .table td, .panel .panel-table .table th {
  padding: 4px 4px 4px 0 !important;
}
.panel .panel-table th:first-child,
.panel .panel-table td:first-child {
  padding-left: 15px;
}
.panel .panel-table th:last-child,
.panel .panel-table td:last-child {
  padding-right: 15px;
}
.panel .panel-table:first-child {
  border-top-right-radius: 1px;
  border-top-left-radius: 1px;
}
.panel .panel-table:first-child > thead:first-child > tr:first-child td:first-child,
.panel .panel-table:first-child > thead:first-child > tr:first-child th:first-child,
.panel .panel-table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel .panel-table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 1px;
}
.panel .panel-table:first-child > thead:first-child > tr:first-child td:last-child,
.panel .panel-table:first-child > thead:first-child > tr:first-child th:last-child,
.panel .panel-table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel .panel-table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 1px;
}
.panel .panel-table:last-child {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.panel .panel-table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel .panel-table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel .panel-table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel .panel-table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 1px;
}
.panel .panel-table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel .panel-table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel .panel-table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel .panel-table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 1px;
}
.panel > .panel-body + .table {
  border-top: 1px solid #dddddd;
}
.panel .panel-table.table-condensed td, .panel .panel-table.table-condensed th {
  padding: 5px 15px;
}
.panel .panel-table.table-expanded td, .panel .panel-table.table-expanded th {
  padding: 15px 15px;
}
.panel .panel-table.table-bordered {
  border: 0;
}
.panel .panel-table.table-bordered > thead > tr > th:first-child,
.panel .panel-table.table-bordered > thead > tr > td:first-child,
.panel .panel-table.table-bordered > tbody > tr > th:first-child,
.panel .panel-table.table-bordered > tbody > tr > td:first-child,
.panel .panel-table.table-bordered > tfoot > tr > th:first-child,
.panel .panel-table.table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel .panel-table.table-bordered > thead > tr > th:last-child,
.panel .panel-table.table-bordered > thead > tr > td:last-child,
.panel .panel-table.table-bordered > tbody > tr > th:last-child,
.panel .panel-table.table-bordered > tbody > tr > td:last-child,
.panel .panel-table.table-bordered > tfoot > tr > th:last-child,
.panel .panel-table.table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel .panel-table.table-bordered > thead > tr:first-child > td,
.panel .panel-table.table-bordered > thead > tr:first-child > th,
.panel .panel-table.table-bordered > tbody > tr:first-child > td,
.panel .panel-table.table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel .panel-table.table-bordered > tbody > tr:last-child > td,
.panel .panel-table.table-bordered > tbody > tr:last-child > th,
.panel .panel-table.table-bordered > tfoot > tr:last-child > td,
.panel .panel-table.table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel-body .panel:only-child {
  margin: 0;
}

.panel.panel-sm .panel-heading {
  padding: 0 15px;
  min-height: 32px;
}
.panel.panel-sm .panel-title {
  font-size: 13px;
  line-height: 32px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

/* When tables meet panel headings
   ========================================================================== */
.panel-heading + .table tbody tr:first-child th, .panel-heading + .table tbody tr:first-child td {
  border-top: none;
}

/* Super minimal table within panels
   ========================================================================== */
.panel .table-minimal {
  border-bottom: 1px solid #dddddd;
  margin-top: 4px;
}
.panel .table-minimal tbody {
  margin-bottom: 4px;
  display: block;
}
.panel .table-minimal:first-child td:last-child {
  border-top: 1px solid #dddddd;
}
.panel .table-minimal:last-child {
  border-bottom: none;
}
.panel .table-minimal td, .panel .table-minimal th {
  border: none;
  padding: 4px 15px;
}

/* Table with fixed width labels
   Usually for horizontal style tables in panels
   ========================================================================== */
.table-fixed-labels th {
  width: 120px;
}

/* Disabled panels
   ========================================================================== */
.panel-disabled {
  opacity: 0.33;
  filter: alpha(opacity=33);
  pointer-events: none;
}
.panel-disabled .panel-controls {
  display: none;
}
.panel-disabled > .panel-body,
.panel-disabled > .table {
  display: none;
}

/* Collapsed panels
   ========================================================================== */
.panel-collapsed .panel-heading {
  border-width: 0;
  border-radius: 2px;
}
.panel-collapsed > .panel-body,
.panel-collapsed > .panel-footer,
.panel-collapsed > .table {
  display: none;
}

.btn.btn-collapse-expand-panel {
  background: none;
  border-color: transparent;
  padding-left: 4px;
  padding-right: 4px;
  min-width: 24px;
}
.btn.btn-collapse-expand-panel:hover, .btn.btn-collapse-expand-panel:active {
  border-color: #b3b3b3;
}

/* Multi level panels (panels in panels)
   ========================================================================== */
.panel-multi-level > .panel-body {
  margin: 0;
  padding: 0;
}
.panel-multi-level > .panel-body .panel-heading {
  background: white;
  border-radius: 0;
}
.panel-multi-level > .panel-body .panel-body {
  border: 0;
}
.panel-multi-level > .panel-body .panel {
  border-radius: 0;
  margin: 0;
  border-width: 0 0 1px;
}
.panel-multi-level > .panel-body .panel:last-child {
  border: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Combinations of multi level panels and small panels
   ========================================================================== */
.panel-multi-level.panel-sm > .panel-body {
  padding: 0;
}
.panel-multi-level.panel-sm > .panel-body .panel {
  margin: 0;
  border-width: 1px 0 0 0;
}
.panel-multi-level.panel-sm > .panel-body .panel:first-child {
  border-width: 0;
}
.panel-multi-level.panel-sm > .panel-body .panel .panel-title {
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 700;
}

/* Subtle panels
   ========================================================================== */
.panel.panel-subtle {
  background: white;
}
.panel.panel-subtle .panel-heading {
  background: white;
}
.panel.panel-subtle.panel-disabled {
  padding-bottom: 12px;
}
.panel.panel-subtle .panel-footer {
  border: none;
}
.panel.panel-subtle .panel-body {
  border: none;
}
.panel.panel-subtle .table .table {
  background: none;
}
.panel.panel-subtle.panel-disabled {
  border-bottom: 1px solid #eeeeee;
}

/* Panel success (used in orders)
   ========================================================================== */
.panel-title.success {
  color: #2ecc40;
}
.panel-title.success .glyphicon {
  font-size: 24px;
  float: left;
  margin-right: 8px;
}

/* Fix margins in some typical form situations
   ========================================================================== */
.panel-body > .form-group:last-child {
  margin-bottom: 0;
}

.panel-body > .form-group > .form-group:last-child,
.panel-body > .form-group > * > .form-group:last-child {
  margin-bottom: 0;
}

/* Password strength meter 
   ========================================================================== */
.password-strength-meter {
  font-size: 11px;
}
.password-strength-meter .password-strength-level {
  font-weight: 700;
}
.password-strength-meter .password-strength-level.strong {
  color: #2ecc40;
}
.password-strength-meter .password-strength-level.weak {
  color: #d9534f;
}

/* ==========================================================================
  People list  
   ========================================================================== */
.people-list {
  margin: 0 0 12px;
}
.people-list .person {
  width: 32.3%;
}
.people-list.people-list-2-columns .person {
  width: 49%;
}
.people-list.people-list-4-columns .person {
  width: 24%;
}
.people-list .person {
  display: inline-block;
  border: 1px solid #eeeeee;
  margin: 2px;
  padding: 6px;
}
.people-list .is-selectable:hover {
  background-color: #0074d9;
  border-color: #0074d9;
  color: white;
  cursor: pointer;
}
.people-list .is-selected {
  background-color: #0059a6;
  border-color: #0059a6;
  color: white;
}

/* ==========================================================================
  Person info
   ========================================================================== */
.person-info {
  overflow: hidden;
}
.person-info .avatar {
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}
.person-info .info {
  float: left;
  text-align: left;
}
.person-info .info .line-1 {
  font-weight: 700;
}
.person-info .info .line-2 {
  font-size: 11px;
  opacity: 0.5;
}

.person-info-lg .info .line-1 {
  font-size: 24px;
  font-weight: 400;
}
.person-info-lg .info .line-2 {
  font-size: 13px;
}
.person-info-lg .avatar {
  max-width: 48px;
}
.person-info-lg .avatar img,
.person-info-lg .avatar svg {
  width: 48px;
  height: 48px;
}

/* Customizations on default popover component
   ========================================================================== */
.popover {
  width: 400px;
}

a[popup-show] {
  cursor: pointer;
}

/* Popover header 
   ========================================================================== */
.popover-title, .popover-footer {
  font-weight: 700;
  line-height: 30px;
}
.popover-title:before, .popover-footer:before, .popover-title:after, .popover-footer:after {
  content: " ";
  display: table;
}
.popover-title:after, .popover-footer:after {
  clear: both;
}

.popover-title .btn, .popover-footer .btn {
  float: right;
}
.popover-title .btn.btn-xs, .popover-footer .btn.btn-xs, .popover-title .btn-group-xs > .btn, .popover-footer .btn-group-xs > .btn {
  margin-top: 3px;
}

/* Content 
   ========================================================================== */
.popover-content {
  padding: 12px;
}
.popover-content .form-group:last-child {
  margin: 0;
}

/* Popover with sections 
   ========================================================================== */
.popover-content.has-sections {
  padding: 0;
}
.popover-content.has-sections section {
  padding: 12px;
}
.popover-content.has-sections .alert {
  margin: 0;
  border-radius: 0;
  border-width: 0 0 1px;
}

/* Popover footer
   ========================================================================== */
.popover-footer {
  border: none;
  border-top: 1px solid #ebebeb;
  border-radius: 0 0 5px 5px;
}
.popover-footer:before, .popover-footer:after {
  content: " ";
  display: table;
}
.popover-footer:after {
  clear: both;
}
.popover-footer .form-group {
  margin: 0;
}

/* Color fix for bottom popover
   ========================================================================== */
.popover.bottom .arrow:after {
  border-bottom-color: #F7F7F7;
}

/* Progress bar 
   ========================================================================== */
.progress-bar {
  height: 7px;
  width: 100%;
  border: 1px solid #eeeeee;
  background: #FFF;
  position: relative;
  border-radius: 5px;
}
.progress-bar var {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #0074d9;
  height: 7px;
  border: 1px solid #0066c0;
  position: absolute;
  left: -1px;
  top: -1px;
  width: -moz-calc(100% + 2px);
  width: -o-calc(100% + 2px);
  width: -webkit-calc(100% + 2px);
  width: calc(100% + 2px);
}

.progress-bar + .progress-bar {
  margin-top: 10px;
}

/**
 * Show stuff
 */
.visible-xs-up-block,
.visible-sm-up-block,
.visible-md-up-block,
.visible-lg-up-block,
.visible-xs-up-inline,
.visible-sm-up-inline,
.visible-md-up-inline,
.visible-lg-up-inline {
  display: none;
}

@media (min-width: 480px) {
  .visible-xs-up-block {
    display: block;
  }
}

@media (min-width: 768px) {
  .visible-sm-up-block {
    display: block;
  }
}

@media (min-width: 992px) {
  .visible-md-up-block {
    display: block;
  }
}

@media (min-width: 1200px) {
  .visible-lg-up-block {
    display: block;
  }
}

@media (min-width: 480px) {
  .visible-xs-up-inline {
    display: inline;
  }
}

@media (min-width: 768px) {
  .visible-sm-up-inline {
    display: inline;
  }
}

@media (min-width: 992px) {
  .visible-md-up-inline {
    display: inline;
  }
}

@media (min-width: 1200px) {
  .visible-lg-up-inline {
    display: inline;
  }
}

/**
 * Hide stuff
 */
@media (min-width: 480px) {
  .hidden-xs-up {
    display: none;
  }
}

@media (min-width: 768px) {
  .hidden-sm-up {
    display: none;
  }
}

@media (min-width: 992px) {
  .hidden-md-up {
    display: none;
  }
}

@media (min-width: 1200px) {
  .hidden-lg-up {
    display: none;
  }
}

/* ==========================================================================
  Sections
   ========================================================================== */
.has-sections {
  padding: 0;
}
.has-sections section {
  padding: 15px;
  border-bottom: 1px solid #eeeeee;
}
.has-sections section > p:last-child, .has-sections .article section > h4:last-child, .article .has-sections section > h4:last-child,
.has-sections section > .form-group:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.has-sections section.alt {
  background: #f9f9f9;
}
.has-sections section.alt .table td {
  background: none;
}
.has-sections section:last-child {
  border: none;
}
.has-sections section .form-group + .form-group {
  padding-top: 0;
}
.has-sections section .form-group:last-child,
.has-sections section .form-group:only-child {
  margin-bottom: 0;
}
.has-sections section.no-border {
  border: 0;
}
.has-sections section.has-arrow-up {
  position: relative;
}
.has-sections section.has-arrow-up:after {
  display: block;
  content: '';
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  width: 98px;
  height: 18px;
  border-left: 49px solid transparent;
  border-right: 49px solid transparent;
  border-bottom: 18px solid #f9f9f9;
}
.has-sections section.has-arrow-down {
  position: relative;
  padding-top: 30px;
}
.has-sections section.has-arrow-down:after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 98px;
  height: 18px;
  border-left: 49px solid transparent;
  border-right: 49px solid transparent;
  border-top: 18px solid #f9f9f9;
}
.has-sections .alert {
  margin: 0;
  border-radius: 0;
  border-width: 0 0 1px;
}

/* Sortable list
   ========================================================================== */
.sortable-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sortable-list li {
  margin: 0;
  padding: 4px;
}
.sortable-list li:nth-child(odd) {
  background: #eeeeee;
}
.sortable-list li:hover {
  background: #0074d9;
  color: #FFF;
}
.sortable-list li:hover .glyphicon {
  color: #FFF;
}
.sortable-list li.no-hover:hover {
  background: inherit;
  color: inherit;
}
.sortable-list li.no-hover:hover .glyphicon {
  color: #b8b8b8;
}
.sortable-list li:last-child {
  border: none;
}
.sortable-list li input {
  margin-right: 4px;
}
.sortable-list li .label {
  display: inline-block;
}
.sortable-list li .glyphicon {
  margin-right: 4px;
  color: #b8b8b8;
  position: relative;
  bottom: 2px;
  font-size: 16px;
}
.sortable-list li .glyphicon-list {
  float: right;
  cursor: all-scroll;
  cursor: move;
}

.drag-handle {
  cursor: all-scroll;
  cursor: move;
}

/*
  Sortable tables component
*/
.table-sortable th {
  color: gray;
}
.table-sortable .caret.flipped {
  border-bottom: 4px solid black;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 0 dotted;
}
.table-sortable .sort-indicator {
  position: absolute;
  right: 0;
  top: 5px;
  width: 12px;
  display: inline-block;
  height: 10px;
  white-space: nowrap;
}
.table-sortable .sort-indicator .caret {
  position: absolute;
  top: auto;
  bottom: 0;
}
.table-sortable .sort-indicator .caret.flipped {
  top: 0;
}
.table-sortable .sortable a {
  position: relative;
  white-space: nowrap;
  display: block;
  color: #4d4d4d;
}
.table-sortable .sorted-asc a,
.table-sortable .sorted-desc a,
.table-sortable .sortable a {
  text-decoration: none;
}
.table-sortable .sortable:hover {
  background: #aaaaaa;
  border-bottom-color: #919191;
}
.table-sortable .sortable:hover a {
  color: #FFF;
}
.table-sortable .sorted-asc, .table-sortable .sorted-asc:hover,
.table-sortable .sorted-desc,
.table-sortable .sorted-desc:hover {
  background: none;
  border-bottom-color: #dddddd;
}
.table-sortable .sorted-asc a, .table-sortable .sorted-asc:hover a,
.table-sortable .sorted-desc a,
.table-sortable .sorted-desc:hover a {
  color: #4d4d4d;
}
.table-sortable .sorted-asc,
.table-sortable .sorted-desc {
  border-bottom-color: #c4c4c4;
}
.table-sortable .sorted-asc .sort-indicator .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.table-sortable .sorted-asc .sort-indicator .caret.flipped {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.table-sortable .sorted-desc .sort-indicator .caret {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.table-sortable .sorted-desc .sort-indicator .caret.flipped {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Spinner
   ========================================================================== */
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(359deg);
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.spinner {
  height: 12px;
  width: 12px;
  display: inline-block;
  position: relative;
  -webkit-animation: rotation 1s infinite linear;
  -moz-animation: rotation .1s infinite linear;
  -o-animation: rotation 1s infinite linear;
  animation: rotation 1s infinite linear;
  border: 2px solid #5ab2ff;
  border-radius: 100%;
}
.spinner, .spinner:before, .spinner:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.spinner:before {
  content: "";
  display: block;
  position: absolute;
  left: -2px;
  top: -2px;
  height: 100%;
  width: 100%;
  border-top: 2px solid #0074d9;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent;
  border-radius: 100%;
}

.btn-default .spinner {
  border-color: rgba(0, 0, 0, 0.33);
}
.btn-default .spinner:before {
  border-top-color: #4d4d4d;
}

.btn-primary .spinner,
.btn-danger .spinner,
.btn-warning .spinner,
.btn-success .spinner {
  border-color: rgba(255, 255, 255, 0.33);
}
.btn-primary .spinner:before,
.btn-danger .spinner:before,
.btn-warning .spinner:before,
.btn-success .spinner:before {
  border-top-color: #FFF;
}

.spinner-big {
  height: 32px;
  width: 32px;
  border: 6px solid #5ab2ff;
}
.spinner-big:before {
  left: -6px;
  top: -6px;
  border-top: 6px solid #0074d9;
  border-left: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
}

/* Table info list
   ========================================================================== */
.table-info-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.table-info-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
  margin-right: 8px;
}
.table-info-list li .glyphicon {
  opacity: 0.5;
  margin-right: 2px;
}

table {
  max-width: 100%;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}
.table thead tr th,
.table thead tr td,
.table tbody tr th,
.table tbody tr td,
.table tfoot tr th,
.table tfoot tr td {
  padding: 8px;
  line-height: 1.42857;
  border-top: 1px solid #dddddd;
}
.table th {
  font-weight: 700;
}
.table thead tr th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table tfoot tr td {
  border-top: 2px solid #dddddd;
  color: #4d4d4d;
  font-weight: 700;
}
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-expanded > thead > tr > th,
.table-expanded > thead > tr > td,
.table-expanded > tbody > tr > th,
.table-expanded > tbody > tr > td,
.table-expanded > tfoot > tr > th,
.table-expanded > tfoot > tr > td {
  padding: 15px;
}

.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: whitesmoke;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

/* ==========================================================================
  Additions to bootstrap tables
   ========================================================================== */
/* Additions to base styles
   ========================================================================== */
.table-striped tr:nth-child(odd) td {
  background: #f9f9f9;
}

.table-hover tr:hover {
  border-bottom-color: whitesmoke;
}
.table-hover tr:hover td {
  background: whitesmoke;
  border-top-color: whitesmoke;
}

.table tr > th {
  background: transparent;
}

/* Table whose contents shouldn't wrap
   ========================================================================== */
.table-nowrap th, .table-nowrap td {
  white-space: nowrap;
}
.table-nowrap .shrink {
  width: 1px;
}

/* Table with selectable cells
   ========================================================================== */
.table-selectable td.selectable:hover {
  background: #FFA;
  cursor: pointer;
}

/* Selected table rows
   ========================================================================== */
.table tr.selected td,
.table.table-hover tr.selected:hover td {
  background: #ffe333;
  border-top-color: #E6E1A7;
}

/* Table with fixed layout
   ========================================================================== */
.table-fixed {
  table-layout: fixed;
}

/* Tables without thead
   ========================================================================== */
.table-nothead tr:first-child td {
  border-top: none;
}

/* Tables with grouped rows
   ========================================================================== */
.table-rowgroup .row-group {
  background-color: #f4f7f9;
  border-bottom-color: #cddcea;
}
.table-rowgroup .row-group > tr > th {
  color: #4d4d4d;
}

/* Align middle
   ========================================================================== */
.table.table-align-middle > * > tr > td,
.table.table-align-middle > * > tr > th {
  vertical-align: middle;
}

/* No thead
   ========================================================================== */
.table-nothead > tbody > tr:first-child > td {
  border: none;
}

/* Super minimal table
   ========================================================================== */
.table-minimal td, .table-minimal th {
  border: none;
  padding: 1px 3px;
}

/* Align action buttons
   In the case that action buttons are the rightmost cell on a table
   ========================================================================== */
.table.table-align-action-buttons tbody td:last-child {
  text-align: right;
  vertical-align: middle;
}
.table.table-align-action-buttons tbody td:last-child .btn-toolbar {
  float: right;
}
.table.table-align-action-buttons tbody td:last-child .btn-icon {
  margin-top: -4px;
  margin-bottom: -4px;
}
.table.table-align-action-buttons tbody td:last-child .btn-xs.btn-icon, .table.table-align-action-buttons tbody td:last-child .btn-group-xs > .btn-icon.btn {
  margin-top: -2px;
  margin-bottom: -2px;
}
.table.table-align-action-buttons tbody td:last-child .btn-icon:only-child,
.table.table-align-action-buttons tbody td:last-child .btn-icon:last-child {
  margin-right: -8px;
}

.column-label {
  display: inline-block;
  line-height: 32px;
}

.checkbox-holder,
.reorderable-holder {
  width: 30px;
  text-align: center;
}

/* Align avatars
   In the case that person info with avatars is present
   ========================================================================== */
.table-avatars thead > tr > th:first-of-type {
  padding-left: 60px !important;
}

/* Cell colors
   ========================================================================== */
.success {
  color: #40d451;
}

.warning {
  color: #f0ad4e;
}

.danger {
  color: #d9534f;
  font-weight: 700;
}

.unread {
  background-color: #ffe333;
}

/* Table whose contents should center
   Used for checkbox tables
   ========================================================================== */
.table-center-contents th, .table-center-contents td {
  text-align: center;
}
.table-center-contents th label {
  display: inline;
  padding-bottom: 5px;
}
.table-center-contents th input {
  display: block;
  margin: 4px auto 0;
}

/* Table cell alignment
   ========================================================================== */
td.ar,
th.ar {
  text-align: right !important;
}

td.ac,
th.ac {
  text-align: center !important;
}

td.al,
th.al {
  text-align: left !important;
}

/* Fix radio and checkbox alignments
   Used for new account pricing table
   ========================================================================== */
.table-fix-radio-check-alignments .radio, .table-fix-radio-check-alignments .checkbox {
  margin-right: 5px;
  display: inline-block;
}
.table-fix-radio-check-alignments .glyphicon-info {
  margin-left: 4px;
}

/* Reset tables and checkboxes in context of a .table
   ========================================================================== */
.table thead .checkbox,
.table thead .radio {
  display: block;
}

.table tbody .checkbox,
.table tbody .radio {
  display: inline-block;
}

.table .checkbox,
.table .radio {
  margin: 0;
  padding: 0;
}
.table .checkbox input,
.table .radio input {
  margin: 0 !important;
  padding: 0;
  float: none !important;
}

/* Less spacing on button links in tables (conditions list)
   ========================================================================== */
.table .dropdown.btn-link {
  padding: 0;
}

/* Tables where the left side is the "label"
   ========================================================================== */
.table-left-labels tbody th {
  width: 100px;
}

.table-left-labels-medium tbody th {
  width: 150px;
}

.table-left-labels-long tbody th {
  width: 200px;
}

/* Tables with body only
   ========================================================================== */
.table-body-only tr:first-child td {
  border: none;
}

/* Metadata in tables
   Such as created at, modified at
   ========================================================================== */
.table th.meta {
  color: #858585;
}
.table th.meta a {
  color: #858585;
}
.table th.sorted-asc.meta a,
.table th.sorted-desc.meta a {
  color: #4d4d4d;
}
.table td.meta {
  color: #858585;
  width: 190px;
}

/* Styles for text in tables
  ========================================================================== */
.modification {
  font-size: 93%;
}

.no-modification {
  color: rgba(77, 77, 77, 0.5);
}

/* ==========================================================================
  Tags
   ========================================================================== */
/* Simple tags 
   ========================================================================== */
.tag, .tag-simple {
  background: #0074d9;
  border: 1px solid #0059a6;
  padding: 0;
  margin: 2px 4px 2px 0;
  border-radius: 13px;
  height: 26px;
  color: #FFF;
}

.tag-simple {
  padding: 0 10px;
  line-height: 26px;
  display: inline-block;
}

/* Extended tags 
   ========================================================================== */
.tag-list:before, .tag-list:after {
  content: " ";
  display: table;
}
.tag-list:after {
  clear: both;
}
.tag-list .tag {
  float: left;
}

.tag {
  display: block;
  position: relative;
}
.tag:before, .tag:after {
  content: " ";
  display: table;
}
.tag:after {
  clear: both;
}
.tag > a,
.tag > span {
  float: left;
  display: block;
}
.tag .label {
  font-size: 13px;
  line-height: 1;
  padding: 5px 8px;
}
.tag .label + .label {
  padding-left: 4px;
}
.tag .label + .label:before {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  content: "";
  height: 90%;
  margin-top: 5%;
  position: relative;
  right: 6px;
}
.tag .label.strong {
  font-weight: bold;
}
.tag.addition {
  background: #2ecc40;
  border-color: #2abb3b;
}
.tag.addition a {
  background: #25a233;
}
.tag.addition .operator {
  background: #54d964;
}
.tag.subtraction {
  background: #d9534f;
  border-color: #d5433e;
}
.tag.subtraction a {
  background: #c9302c;
}
.tag.subtraction .operator {
  background: #e27c79;
}
.tag > a {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.tag .operator {
  display: inline-block;
  width: 24px;
  margin-right: -2px;
  height: 20px;
  font-size: 13px;
  line-height: 20px;
}
.tag .operator {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  color: #FFF;
  border: none;
  background: #0d8eff;
  font-weight: 700;
  height: 100%;
  text-align: center;
}
.tag .operator i {
  margin: 2px 0 0 3px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.tag > a {
  border-radius: 100%;
  background: #003d73;
  color: #FFF;
  margin: 2px 2px 0 -4px;
  font-weight: 700;
  text-align: center;
  border: none;
}
.tag > a i {
  margin: 0 auto;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.tag > a:hover, .tag > a:active, .tag > a:focus {
  background: #d9534f;
  text-decoration: none;
  color: #FFF;
  -webkit-box-shadow: 0 0 0 2px white;
  box-shadow: 0 0 0 2px white;
}

/* Tag colors
   ========================================================================== */
.tag-subtle {
  background: #eeeeee;
  color: #4d4d4d;
  border-color: #d4d4d4;
}
.tag-subtle > a {
  background: #d4d4d4;
  color: #FFF;
}

.tag-medium {
  background: #858585;
  color: #FFF;
  border-color: #6c6c6c;
}
.tag-medium > a {
  background: #6c6c6c;
  color: #FFF;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 6px;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: black;
  border-radius: 2px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: black;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: black;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: black;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: black;
}

/* Customizations to tooltip 
   ========================================================================== */
.tooltip {
  font-size: 13px;
}
.tooltip.tooltip-small {
  font-size: 11px;
}
.tooltip .tooltip-inner {
  text-align: left;
}
.tooltip-small .tooltip .tooltip-inner {
  font-size: center;
}

.tooltip .table {
  font-weight: 400;
  margin: 0;
  font-size: 11px;
}
.tooltip .table th, .tooltip .table td {
  border-color: rgba(255, 255, 255, 0.15);
  text-align: left;
  padding: 4px;
}

.tooltip-nowrap {
  white-space: nowrap;
  max-width: none;
}

/* ==========================================================================
  Type customizations (extend on Bootstrap's _type.scss)
   ========================================================================== */
/* Smaller h4 
   ========================================================================== */
h4.special {
  font-size: 18.62px;
  font-family: sans-serif;
  font-weight: 700;
}

/****
  All custom overrides
****/
.m0 {
  margin: 0 !important;
}

/* Highlight
   ========================================================================== */
.highlight {
  background: #ffe333 !important;
}

/* Bootstrap like CSS alignment classes (mostly for table value alignment)
   ========================================================================== */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* Bootstrap like colours for text.
   ========================================================================== */
.text-success {
  color: #2ecc40;
}

.text-warning {
  color: #f0ad4e;
}

.text-danger {
  color: #d9534f;
}

/* Subtle text
   ========================================================================== */
.subtle {
  color: #858585;
}

/* Content columns
   ========================================================================== */
.content-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

/* Iframe reset
   ========================================================================== */
iframe {
  border: none;
}

/* Extend height
   ========================================================================== */
.extend-height {
  height: 100%;
}

/* Disable pointer events (thus clicks)
   ========================================================================== */
.disable-clicks {
  pointer-events: none;
  cursor: not-allowed;
}

/* Disable user selection
   ========================================================================== */
.disable-user-selection {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}
.flex-center > div {
  margin: auto;
}

/*  Wells
   ========================================================================== */
.well {
  box-shadow: none;
  padding: 15px;
  margin-bottom: 12px;
}

.well + .well {
  margin-top: -11px;
}

/* ==========================================================================
  Layouts
  Definition of the different layouts
   ========================================================================== */
/* Main structure
   ========================================================================== */
body, html {
  height: 100%;
  overflow: hidden;
  overflow-x: scroll;
}

body {
  background: #fff;
}

#content-wrapper {
  overflow-x: scroll;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#content {
  height: 100%;
  width: 100%;
}

/* Calculate scrollable areas for different navbar layouts
   ========================================================================== */
#navbar-top-primary + #content-wrapper {
  top: 38px;
}

#navbar-top-primary + #navbar-top-secondary + #content-wrapper {
  top: 76px;
}

#navbar-top-primary + #navbar-top-secondary.navbar-large + #content-wrapper {
  top: 116px;
}

#content-wrapper.page-has-navbarbottomprimary {
  bottom: 38px;
}

#content-wrapper.page-has-navbarbottomprimary-navbarbottomsecondary {
  bottom: 76px;
}

/* Bottom navbars
   ========================================================================== */
#navbar-bottom-primary {
  bottom: 0;
  position: absolute;
  width: 100%;
}

#navbar-bottom-secondary {
  bottom: 38px;
  position: absolute;
  width: 100%;
}

/* Navbars
   ========================================================================== */
#navbar-top-primary {
  z-index: 3;
}

#navbar-top-secondary {
  z-index: 2;
}

/* Default layout
   ========================================================================== */
.layout-default #content {
  padding: 15px;
  overflow: auto;
}

/* No padding layout
   ========================================================================== */
.layout-no-pad #content {
  overflow: auto;
  padding: 0;
}

/* Themes
   ========================================================================== */
/* ==========================================================================
  Themes for navbars
   ========================================================================== */
/* Shared styles for all "inverse" themes 
   ========================================================================== */
.navbar-inverse .navbar-brand {
  color: white;
}
.navbar-inverse .btn-default {
  color: white;
}
.navbar-inverse .btn-default:focus {
  outline-color: white;
}
.navbar-inverse .custom-breadcrumbs > li > a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline-color: white;
  outline-offset: -5px;
}

/* Navbar variants
  @mixin navbar-variant($bg,$border,$btn-bg,$btn-border,$btn-border-hover)
   ========================================================================== */
.navbar-white {
  background-color: white;
  border-color: #f9f9f9;
}
.navbar-white .navbar-divider.bordered {
  border-color: #f9f9f9;
}
.navbar-white .btn-default {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
}
.navbar-white .btn-default:hover, .navbar-white .btn-default:active, .navbar-white .btn-default:focus {
  border-color: #eeeeee;
}

.navbar-gray-lighter, .navbar-default {
  background-color: #eeeeee;
  border-color: #d5d5d5;
}
.navbar-gray-lighter .navbar-divider.bordered, .navbar-default .navbar-divider.bordered {
  border-color: #d5d5d5;
}
.navbar-gray-lighter .btn-default, .navbar-default .btn-default {
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.navbar-gray-lighter .btn-default:hover, .navbar-gray-lighter .btn-default:active, .navbar-gray-lighter .btn-default:focus, .navbar-default .btn-default:hover, .navbar-default .btn-default:active, .navbar-default .btn-default:focus {
  border-color: #c8c8c8;
}

.navbar-gray-light {
  background-color: #d5d5d5;
  border-color: #c9c9c9;
}
.navbar-gray-light .navbar-divider.bordered {
  border-color: #c9c9c9;
}
.navbar-gray-light .btn-default {
  background-color: #c9c9c9;
  border-color: #c9c9c9;
}
.navbar-gray-light .btn-default:hover, .navbar-gray-light .btn-default:active, .navbar-gray-light .btn-default:focus {
  border-color: #bababa;
}

.navbar-gray-light-shift {
  background-color: #c9c9c9;
  border-color: #bababa;
}
.navbar-gray-light-shift .navbar-divider.bordered {
  border-color: #bababa;
}
.navbar-gray-light-shift .btn-default {
  background-color: #bababa;
  border-color: #bababa;
}
.navbar-gray-light-shift .btn-default:hover, .navbar-gray-light-shift .btn-default:active, .navbar-gray-light-shift .btn-default:focus {
  border-color: #a1a1a1;
}

.navbar-gray {
  background-color: #858585;
  border-color: #787878;
}
.navbar-gray .navbar-divider.bordered {
  border-color: #787878;
}
.navbar-gray .btn-default {
  background-color: #787878;
  border-color: #787878;
}
.navbar-gray .btn-default:hover, .navbar-gray .btn-default:active, .navbar-gray .btn-default:focus {
  border-color: #6c6c6c;
}

.navbar-gray-dark {
  background-color: #4d4d4d;
  border-color: #404040;
}
.navbar-gray-dark .navbar-divider.bordered {
  border-color: #404040;
}
.navbar-gray-dark .btn-default {
  background-color: #404040;
  border-color: #404040;
}
.navbar-gray-dark .btn-default:hover, .navbar-gray-dark .btn-default:active, .navbar-gray-dark .btn-default:focus {
  border-color: #343434;
}

.navbar-primary {
  background-color: #0074d9;
  border-color: #0066c0;
}
.navbar-primary .navbar-divider.bordered {
  border-color: #0066c0;
}
.navbar-primary .btn-default {
  background-color: #0066c0;
  border-color: #0066c0;
}
.navbar-primary .btn-default:hover, .navbar-primary .btn-default:active, .navbar-primary .btn-default:focus {
  border-color: #0059a6;
}

/* ==========================================================================
  Themes for content
   ========================================================================== */
.content-gray {
  background: #787878;
}

.content-white {
  background: white;
}

/* ==========================================================================
  Themes for panels
   ========================================================================== */
.panel-inverse {
  color: white;
}
.panel-inverse .panel-heading {
  color: white;
}
.panel-inverse .btn-default {
  color: white;
}
.panel-inverse .btn-default:focus {
  outline-color: white;
}

.panel-gray {
  border-color: #787878;
  background: #858585;
}
.panel-gray .table td,
.panel-gray .table th {
  border-color: #787878;
}
.panel-gray .panel-heading {
  background: #858585;
  border-color: #787878;
}
.panel-gray .btn-default {
  background: #858585;
  border-color: #787878;
}
.panel-gray .btn-default:hover, .panel-gray .btn-default:active, .panel-gray .btn-default:focus {
  background: #6c6c6c;
  border-color: #6c6c6c;
}
.panel-gray .panel-footer {
  background-color: #858585;
  border-color: #787878;
}

.panel-primary {
  border-color: #0066c0;
  background: #0074d9;
}
.panel-primary .table td,
.panel-primary .table th {
  border-color: #0066c0;
}
.panel-primary .panel-heading {
  background: #0074d9;
  border-color: #0066c0;
}
.panel-primary .btn-default {
  background: #0074d9;
  border-color: #0066c0;
}
.panel-primary .btn-default:hover, .panel-primary .btn-default:active, .panel-primary .btn-default:focus {
  background: #0059a6;
  border-color: #0059a6;
}
.panel-primary .panel-footer {
  background-color: #0074d9;
  border-color: #0066c0;
}

/* Custom breadcrumbs skin
   ========================================================================== */
.navbar-inverse {
  color: white;
}
.navbar-inverse .bordered-list-horizontal li {
  border-color: rgba(255, 255, 255, 0.25);
}
.navbar-inverse .custom-breadcrumbs {
  color: white;
}
.navbar-inverse .custom-breadcrumbs > li > a {
  color: white;
}

.navbar-white .custom-breadcrumbs > li > a,
.navbar-white .custom-breadcrumbs > li > .holder {
  background: white;
}
.navbar-white .custom-breadcrumbs > li > a:after,
.navbar-white .custom-breadcrumbs > li > .holder:after {
  border-left-color: white;
}
.navbar-white .custom-breadcrumbs > li > a:before,
.navbar-white .custom-breadcrumbs > li > .holder:before {
  border-left-color: #eeeeee;
}
.navbar-white .custom-breadcrumbs > li > a:hover, .navbar-white .custom-breadcrumbs > li > a:active, .navbar-white .custom-breadcrumbs > li > a:focus {
  background: #eeeeee;
}
.navbar-white .custom-breadcrumbs > li > a:hover:after, .navbar-white .custom-breadcrumbs > li > a:active:after, .navbar-white .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #eeeeee;
}
.navbar-white .custom-breadcrumbs > li.selected > .holder {
  background: #d5d5d5;
}
.navbar-white .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #c9c9c9;
}
.navbar-white .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #d5d5d5;
}

.navbar-gray-light .custom-breadcrumbs > li > a,
.navbar-gray-light .custom-breadcrumbs > li > .holder {
  background: #d5d5d5;
}
.navbar-gray-light .custom-breadcrumbs > li > a:after,
.navbar-gray-light .custom-breadcrumbs > li > .holder:after {
  border-left-color: #d5d5d5;
}
.navbar-gray-light .custom-breadcrumbs > li > a:before,
.navbar-gray-light .custom-breadcrumbs > li > .holder:before {
  border-left-color: #c9c9c9;
}
.navbar-gray-light .custom-breadcrumbs > li > a:hover, .navbar-gray-light .custom-breadcrumbs > li > a:active, .navbar-gray-light .custom-breadcrumbs > li > a:focus {
  background: #c9c9c9;
}
.navbar-gray-light .custom-breadcrumbs > li > a:hover:after, .navbar-gray-light .custom-breadcrumbs > li > a:active:after, .navbar-gray-light .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #c9c9c9;
}
.navbar-gray-light .custom-breadcrumbs > li.selected > .holder {
  background: #bababa;
}
.navbar-gray-light .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #adadad;
}
.navbar-gray-light .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #bababa;
}

.navbar-gray .custom-breadcrumbs > li > a,
.navbar-gray .custom-breadcrumbs > li > .holder {
  background: #858585;
}
.navbar-gray .custom-breadcrumbs > li > a:after,
.navbar-gray .custom-breadcrumbs > li > .holder:after {
  border-left-color: #858585;
}
.navbar-gray .custom-breadcrumbs > li > a:before,
.navbar-gray .custom-breadcrumbs > li > .holder:before {
  border-left-color: #787878;
}
.navbar-gray .custom-breadcrumbs > li > a:hover, .navbar-gray .custom-breadcrumbs > li > a:active, .navbar-gray .custom-breadcrumbs > li > a:focus {
  background: #787878;
}
.navbar-gray .custom-breadcrumbs > li > a:hover:after, .navbar-gray .custom-breadcrumbs > li > a:active:after, .navbar-gray .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #787878;
}
.navbar-gray .custom-breadcrumbs > li.selected > .holder {
  background: #6c6c6c;
}
.navbar-gray .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #5f5f5f;
}
.navbar-gray .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #6c6c6c;
}

.navbar-gray-dark .custom-breadcrumbs > li > a,
.navbar-gray-dark .custom-breadcrumbs > li > .holder {
  background: #4d4d4d;
}
.navbar-gray-dark .custom-breadcrumbs > li > a:after,
.navbar-gray-dark .custom-breadcrumbs > li > .holder:after {
  border-left-color: #4d4d4d;
}
.navbar-gray-dark .custom-breadcrumbs > li > a:before,
.navbar-gray-dark .custom-breadcrumbs > li > .holder:before {
  border-left-color: #404040;
}
.navbar-gray-dark .custom-breadcrumbs > li > a:hover, .navbar-gray-dark .custom-breadcrumbs > li > a:active, .navbar-gray-dark .custom-breadcrumbs > li > a:focus {
  background: #404040;
}
.navbar-gray-dark .custom-breadcrumbs > li > a:hover:after, .navbar-gray-dark .custom-breadcrumbs > li > a:active:after, .navbar-gray-dark .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #404040;
}
.navbar-gray-dark .custom-breadcrumbs > li.selected > .holder {
  background: #343434;
}
.navbar-gray-dark .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #272727;
}
.navbar-gray-dark .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #343434;
}

.navbar-primary .custom-breadcrumbs > li > a,
.navbar-primary .custom-breadcrumbs > li > .holder {
  background: #0074d9;
}
.navbar-primary .custom-breadcrumbs > li > a:after,
.navbar-primary .custom-breadcrumbs > li > .holder:after {
  border-left-color: #0074d9;
}
.navbar-primary .custom-breadcrumbs > li > a:before,
.navbar-primary .custom-breadcrumbs > li > .holder:before {
  border-left-color: #0066c0;
}
.navbar-primary .custom-breadcrumbs > li > a:hover, .navbar-primary .custom-breadcrumbs > li > a:active, .navbar-primary .custom-breadcrumbs > li > a:focus {
  background: #0066c0;
}
.navbar-primary .custom-breadcrumbs > li > a:hover:after, .navbar-primary .custom-breadcrumbs > li > a:active:after, .navbar-primary .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #0066c0;
}
.navbar-primary .custom-breadcrumbs > li.selected > .holder {
  background: #0066c0;
}
.navbar-primary .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #0059a6;
}
.navbar-primary .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #0066c0;
}

/* Custom nav-pills-tabs skin
  @mixin navpills-variant($color, $border-color)
   ========================================================================== */
.navbar-gray-light .nav-pills.tabbed > li > a,
.navbar-gray-light .nav-pills.tabbed > li > a:link,
.navbar-gray-light .nav-pills.tabbed > li > a:visited {
  color: rgba(77, 77, 77, 0.5);
}
.navbar-gray-light .nav-pills.tabbed > li.active a {
  color: #4d4d4d;
  border-color: #4d4d4d;
}

.navbar-white .nav-pills.tabbed > li > a,
.navbar-white .nav-pills.tabbed > li > a:link,
.navbar-white .nav-pills.tabbed > li > a:visited {
  color: rgba(77, 77, 77, 0.5);
}
.navbar-white .nav-pills.tabbed > li.active a {
  color: #4d4d4d;
  border-color: #4d4d4d;
}

.navbar-gray .nav-pills.tabbed > li > a,
.navbar-gray .nav-pills.tabbed > li > a:link,
.navbar-gray .nav-pills.tabbed > li > a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-gray .nav-pills.tabbed > li.active a {
  color: white;
  border-color: #4d4d4d;
}

.navbar-gray-dark .nav-pills.tabbed > li > a,
.navbar-gray-dark .nav-pills.tabbed > li > a:link,
.navbar-gray-dark .nav-pills.tabbed > li > a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-gray-dark .nav-pills.tabbed > li.active a {
  color: white;
  border-color: #404040;
}

/* ==========================================================================
  Order dependent imports
  For CSS specifity reasons these imports need to be last
   ========================================================================== */
/* ==========================================================================
  Additions to deal with HTML minification
   ========================================================================== */
.btn.btn-icon .glyphicon {
  margin: 0;
}
.btn .caret:last-child {
  margin-left: 2px;
}

.nav-pills .glyphicon,
.nav-pills .iconic,
.nav-pills .iconic,
.nav-tabs .glyphicon,
.nav-tabs .iconic,
.nav-tabs .iconic,
.btn .glyphicon,
.btn .iconic,
.btn .iconic,
.btn-group .glyphicon,
.btn-group .iconic,
.btn-group .iconic,
.custom-breadcrumbs .glyphicon,
.custom-breadcrumbs .iconic,
.custom-breadcrumbs .iconic,
.label-with-icon .glyphicon,
.label-with-icon .iconic,
.label-with-icon .iconic {
  margin-right: 4px;
}

.btn-xs .iconic, .btn-group-xs > .btn .iconic,
.btn-xs .glyphicon,
.btn-group-xs > .btn .glyphicon {
  margin-right: 2px;
}

.btn-toolbar + .dropdown,
.btn-group + .dropdown,
.btn + .dropdown,
.btn + .crud-nav {
  margin-left: 4px;
}

.navbar .dropdown + .dropdown {
  margin-left: 4px;
}

.form-inline > .form-group, .navbar-form > .form-group {
  margin-right: 4px;
}
.form-inline > .form-control, .navbar-form > .form-control,
.form-inline > .btn,
.navbar-form > .btn,
.form-inline > .control-label,
.navbar-form > .control-label {
  margin-right: 4px;
}

.custom-breadcrumbs .caret {
  margin-left: 4px;
}

.navbar-right .btn-group + .btn {
  margin-left: 6px;
}

.navbar-right .btn + .btn,
.navbar-right .dropdown + .btn {
  margin-left: 4px;
}

.navbar-right .btn-group > .btn + .btn {
  margin-left: -1px;
}

.form-inline label input[type="checkbox"], .navbar-form label input[type="checkbox"] {
  margin-right: 4px;
}

/* ==========================================================================
  This CSS still needs a good spot
   ========================================================================== */
.label-with-icon .label {
  font-weight: 600;
}

.group-description {
  margin-bottom: 15px;
  font-size: 11px;
  font-weight: 700;
}

.muted {
  color: #adadad;
}

/* ==========================================================================
  Bootstrap CSS components
  These are components that are exactly as in official sass bootstrap releases.
   ========================================================================== */
.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: white;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: black;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}

.popover-title, .popover-footer {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 1px 1px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.05);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: white;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.05);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: white;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.05);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: white;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.05);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: white;
  bottom: -10px;
}

/* ==========================================================================
  Select2
   ========================================================================== */
/*
  Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(to top, #eeeeee 0%, white 50%);
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eeeeee 0%, white 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("../images/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 24px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #cccccc 0%, #eeeeee 60%);
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/select2.png") no-repeat 0 1px;
  margin-left: 3px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: white url("../images/select2.png") no-repeat 100% -22px;
  background: url("../images/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url("../images/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("../images/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("../images/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, white 85%, #eeeeee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: white url("../images/select2-spinner.gif") no-repeat 100%;
  background: url("../images/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url("../images/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("../images/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url("../images/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, white 85%, #eeeeee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, white 0%, #eeeeee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results .select2-highlighted .description {
  color: rgba(255, 255, 255, 0.5);
}

.select2-results li em {
  background: #ffe333;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #eeeeee;
  display: list-item;
  padding-left: 5px;
}

/*
 Disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("../images/select2-spinner.gif") no-repeat 100%;
}

.select2-more-results {
  background: #F4F4F4;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: linear-gradient(to bottom, #eeeeee 1%, white 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: white url("../images/select2-spinner.gif") no-repeat 100% !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin-left: 0;
  margin-right: 5px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("../images/select2.png") right top no-repeat;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url("../images/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }

  .select2-search input {
    background-position: 100% -21px !important;
  }
}
/* Select2 lookalike
   ========================================================================== */
.form-inline .select2-lookalike, .navbar-form .select2-lookalike {
  min-width: 120px;
}

.select2-lookalike {
  position: relative;
  display: block;
}
.select2-lookalike select {
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
  display: block;
  width: 100%;
  min-width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #FFF;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  outline: 0;
}
.select2-lookalike select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.select2-lookalike select.disabled {
  color: #858585;
}
.select2-lookalike:after {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  position: absolute;
  bottom: 1px;
  right: 1px;
  background: #FFF;
  pointer-events: none;
  width: 25px;
  height: 30px;
  border-left: 1px solid #cccccc;
  content: "▾";
  text-align: center;
  line-height: 30px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-lookalike.disabled {
  opacity: 0.6;
}
.select2-lookalike.disabled:after {
  background: transparent;
}

/* Disabled options (for placeholders in selects)
   ========================================================================== */
.select2-lookalike-placeholder select {
  color: #858585;
}
.select2-lookalike-placeholder select.changed {
  color: #4d4d4d;
}

/*! Select2 Bootstrap 3 CSS v1.4.6 | MIT License | github.com/t0m/select2-bootstrap-css */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */
.select2-container.form-control {
  background: transparent;
  box-shadow: none;
  border: none;
  display: block;
  /* 1 */
  margin: 0;
  padding: 0;
}

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #cccccc;
  border-radius: 2px;
  color: #4d4d4d;
  font-family: sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search input {
  border-color: #cccccc;
  border-radius: 2px;
  color: #4d4d4d;
  font-family: sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container .select2-choices .select2-search-field input {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
  height: 34px;
  line-height: 1.42857;
}

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
  height: auto;
}

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 3px;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
  height: 46px;
  line-height: 1.33;
  border-radius: 2px;
}

.select2-container-multi .select2-choices .select2-search-field input {
  height: 32px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
  height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
  height: 44px;
}

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
  margin: 0;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 9px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding: 5px 10px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding: 10px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 5px;
  margin-bottom: 3px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
  margin-top: 3px;
  margin-bottom: 2px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
  line-height: 24px;
}

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
  border-left: none;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
  border-left-color: transparent;
  background: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
  background-position: 0 3px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
  background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
  background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
  background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
  background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
  background-position: -18px 9px;
}

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
  border-color: #8a6d3b;
}
.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning.select2-drop-active {
  border-color: #66512c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-choice,
.has-error .select2-choices {
  border-color: #a94442;
}
.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error.select2-drop-active {
  border-color: #843534;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-choice,
.has-success .select2-choices {
  border-color: #3c763d;
}
.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success.select2-drop-active {
  border-color: #2b542c;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
  border-color: #66afe9;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-drop-active {
  border-color: #66afe9;
}

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
  border-top-color: #66afe9;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  background: white;
  filter: none;
}
.input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 3px !important;
}
.input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 2px !important;
}
.input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 3px !important;
}
.input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 2px !important;
}

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
  color: white;
  background-color: #0074d9;
}

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
  color: #4d4d4d;
  background: white;
  border-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #ebebeb;
  border-color: #adadad;
  color: #333333;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%;
}

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%;
}

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background-color: #fcf8e3;
  color: #8a6d3b;
}

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #cccccc;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice div,
.select2-container.select2-container-disabled .select2-choices .select2-arrow,
.select2-container.select2-container-disabled .select2-choices div {
  background-color: transparent;
  border-left: 1px solid transparent;
  /* 2 */
}

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
  background-position: 99%;
  /* 4 */
  background-position: right 4px center;
  /* 5 */
}

/**
 * To support Select2 pre v3.4.2 in combination with Bootstrap v3.2.0,
 * ensure that .select2-offscreen width, height and position can not be overwritten.
 *
 * This adresses changes in Bootstrap somewhere after the initial v3.0.0 which -
 * in combination with Select2's pre-v3.4.2 CSS missing the "!important" after
 * the following rules - allow Bootstrap to overwrite the latter, which results in
 * the original <select> element Select2 is replacing not be properly being hidden
 * when used in a "Bootstrap Input Group with Addon".
 **/
.select2-offscreen,
.select2-offscreen:focus {
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
}

/*
  Customizations to select2 itself
*/
.select2-container {
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
  width: 100%;
}

/* Placeholder color 
   ========================================================================== */
.select2-default {
  color: #858585 !important;
}

/* Search choice close
   ========================================================================== */
.select2-search-choice-close {
  margin-top: -5px;
  top: 50%;
}

.select2-container-multi .select2-search-choice-close {
  left: 5px;
  top: 9px;
}

/* Search choice styling
   ========================================================================== */
.select2-container-multi .select2-choices .select2-search-choice {
  background: #eeeeee;
  color: #4d4d4d;
  border-color: #e4e4e4;
  border-radius: 12px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #FFF;
  color: #4d4d4d;
  border-color: #c8c8c8;
}

/* Switch bootstrap default for padding
   ========================================================================== */
.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
  padding: 6px 4.5px;
}

.select2-container .select2-choice {
  overflow: inherit;
}

/* Generic result label styling 
   ========================================================================== */
.select2-result {
  border-bottom: 1px solid #eeeeee;
}
.select2-result:last-child {
  border: none;
}

.select2-result-label {
  padding: 0;
  clear: left;
  overflow: hidden;
}
.select2-result-label .avatar {
  float: left;
  margin-right: 12px;
}
.select2-result-label .avatar img {
  width: 48px;
  height: 48px;
}
.select2-result-label .name {
  font-weight: 700;
}
.select2-result-label .description {
  color: #858585;
}

/* Custom select2: events list
   ========================================================================== */
.form-flex .select2-events-container {
  width: 92%;
}
.form-flex .select2-events-container + .close {
  width: 8%;
}

/* Highlight styles 
   ========================================================================== */
.select2-results .select2-highlighted p, .select2-results .select2-highlighted .article h4, .article .select2-results .select2-highlighted h4 {
  color: rgba(255, 255, 255, 0.66);
}
.select2-results .select2-highlighted p.name, .select2-results .select2-highlighted .article h4.name, .article .select2-results .select2-highlighted h4.name {
  color: #FFF;
}
.select2-results .select2-highlighted p.description, .select2-results .select2-highlighted .article h4.description, .article .select2-results .select2-highlighted h4.description {
  color: rgba(255, 255, 255, 0.66) !important;
}

/* Width limited 
   ========================================================================== */
.select2-inline-form .select2-lookalike {
  width: 50%;
  min-width: 200px;
  float: left;
  margin-right: 4px;
}
.select2-inline-form .btn {
  float: left;
}

/* Select2 bugfix (container cut in front)
   ========================================================================== */
.select2-container-multi .select2-choices {
  overflow: visible;
  min-height: 32px;
}

/* ==========================================================================
  Third party CSS components
  These are the CSS imports from third party components e.g. a datepicker for Bootstrap
  They may have been modified for our purposes
   ========================================================================== */
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  background: #FFF;
  border: 1px solid #C1C9D1;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single {
  *zoom: 1;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}

.pika-table th {
  color: #858585;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #4d4d4d;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #FFF;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #4d4d4d;
  background: #eeeeee;
  font-weight: bold;
}

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #40a6ff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}

.pika-button:hover {
  color: #fff !important;
  background: #0074d9 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}

.pika-time {
  margin: 7px auto 7px;
}

/*! jQuery UI - v1.11.4 - 2015-05-29
* http://jqueryui.com
* Includes: core.css, resizable.css, selectable.css, sortable.css, autocomplete.css, datepicker.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=sans-serif&fwDefault=normal&fsDefault=1.5em&cornerRadius=2px&bgColorHeader=%23dddddd&bgTextureHeader=flat&bgImgOpacityHeader=50&borderColorHeader=%23dddddd&fcHeader=%23444444&iconColorHeader=%230073ea&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23dddddd&fcContent=%23444444&iconColorContent=%23ff0084&bgColorDefault=%23f6f6f6&bgTextureDefault=flat&bgImgOpacityDefault=100&borderColorDefault=%23dddddd&fcDefault=%230073ea&iconColorDefault=%23666666&bgColorHover=%230073ea&bgTextureHover=flat&bgImgOpacityHover=25&borderColorHover=%230073ea&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23ffffff&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23dddddd&fcActive=%23ff0084&iconColorActive=%23454545&bgColorHighlight=%23ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23cccccc&fcHighlight=%23444444&iconColorHighlight=%230073ea&bgColorError=%23ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=%23ff0084&fcError=%23222222&iconColorError=%23ff0084&bgColorOverlay=%23eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: inherit;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #d5d5d5;
  background: white;
  color: #4d4d4d;
}

.ui-widget-content a {
  color: #4d4d4d;
}

.ui-widget-header {
  border: 1px solid white;
  color: #4d4d4d;
  font-weight: bold;
}

.ui-widget-header a {
  color: #4d4d4d;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid white;
  font-weight: normal;
  color: #0074d9;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #0074d9;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #0074d9;
  background: #0074d9;
  font-weight: normal;
  color: white;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: white;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #0074d9;
  background: #0074d9;
  font-weight: normal;
  color: white;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: white;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #eeeeee;
  background: #eeeeee;
  color: #4d4d4d;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #4d4d4d;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ff4136;
  background: white;
  color: #373737;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #373737;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #373737;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../images/jquery-ui/ui-icons_ff0084_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("../images/jquery-ui/ui-icons_0073ea_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("../images/jquery-ui/ui-icons_666666_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("../images/jquery-ui/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("../images/jquery-ui/ui-icons_0073ea_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../images/jquery-ui/ui-icons_ff0084_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 2px;
}

/* Overlays */
.ui-widget-overlay {
  background: #eeeeee;
  opacity: .8;
  filter: Alpha(Opacity=80);
  /* support: IE8 */
}

.ui-widget-shadow {
  margin: -4px 0 0 -4px;
  padding: 4px;
  background: #bababa;
  opacity: .6;
  filter: Alpha(Opacity=60);
  /* support: IE8 */
  border-radius: 0px;
}

body, html, #content-wrapper {
  min-width: 960px;
}

/* ==========================================================================
  Screens
  Screen specific CSS. Try to avoid this.
   ========================================================================== */
/* Login page
   ========================================================================== */
body {
  height: 100%;
}
body .section {
  background: #FFF;
}

.layout-single-form {
  max-width: 95%;
  margin: 40px auto;
  height: auto;
}
@media (min-width: 768px) {
  .layout-single-form {
    width: 420px;
  }
}
.layout-single-form .project-name {
  padding-bottom: 12px;
  font-size: 24px;
  text-align: center;
}

.center-form-vertically {
  height: 100%;
}
@media all and (min-width: 769px) {
  .no-flexbox .center-form-vertically {
    margin-top: 180px;
  }
  .no-flexboxlegacy .center-form-vertically {
    margin-top: 180px;
  }
  .flexbox .center-form-vertically {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 100%;
  }
  .no-flexboxlegacy.flexbox .center-form-vertically {
    margin: 0;
    padding-top: 180px;
    display: block;
  }
}
.center-form-vertically .layout-single-form {
  padding: 0;
}

#login-meta {
  background: transparent;
  text-align: center;
  padding: 12px 0;
}