@charset "UTF-8";
/* ==========================================================================
  Stylesheet for Partena Smart Prototype
  ©Mono Company 2015
   ========================================================================== */
/* ==========================================================================
  Variables and mixins  
   ========================================================================== */
/* ==========================================================================
   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.)
    * Define all colors in hex format
   ========================================================================== */
/* General
   ========================================================================== */
/* Grays
   ========================================================================== */
/* Blues
   ========================================================================== */
/* Oranges
   ========================================================================== */
/* Aqua
   ========================================================================== */
/* Magenta
   ========================================================================== */
/* Red
   ========================================================================== */
/* Yellows
   ========================================================================== */
/* Greens
   ========================================================================== */
/* ==========================================================================
  Custom project variables (outside Twitter Bootstrap)
   ========================================================================== */
/* ==========================================================================
  Variables overwrite
  Overwriting Bootsrap variable defaults
   ========================================================================== */
/* Breadcrumbs variant
   ========================================================================== */
/* Navbar variant
   ========================================================================== */
/* Nav tabs alt variant
   ========================================================================== */
/* Panel variant
   ========================================================================== */
/* Label variant
   ========================================================================== */
/* Unstyled
   ========================================================================== */
/* Inline block (modern)
   ========================================================================== */
/* Text shadows
   ========================================================================== */
/* Border-radius
   ========================================================================== */
/* 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
   ========================================================================== */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/opensans.woff2) format('woff2');
}
/**
 * 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;
}


* {
  -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: transparent;
}

#background {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    background-color: #EBF6FB;
    z-index: 1;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #3A4854;
  
  background-color:#ABDAED;

}

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 #E2E9EF;
}

.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: 600;
}

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

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

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

/* ==========================================================================
  Custom 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-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.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;
}

.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: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 21px;
}

/* ==========================================================================
   Alerts
   ========================================================================== */
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  position: relative;
}
.alert a {
  color: #FFF;
}
.alert .btn {
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 10px;
  top: 10px;
}
.alert ul {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
}
.alert ul li {
  list-style-type: disc;
}

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

.alert-success {
  background-color: #58B957;
  border-color: #58B957;
  color: #FFF;
}
.alert-success hr {
  border-top-color: #4aae49;
}
.alert-success .alert-link {
  color: #e6e6e6;
}

.alert-info {
  background-color: #F9F3AC;
  border-color: #f2e54d;
  color: #534d06;
}
.alert-info hr {
  border-top-color: #f0e235;
}
.alert-info .alert-link {
  color: #242103;
}

.alert-danger {
  background-color: #FF5151;
  border-color: #FF5151;
  color: #FFF;
}
.alert-danger hr {
  border-top-color: #ff3737;
}
.alert-danger .alert-link {
  color: #e6e6e6;
}

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

.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 h1, .article h2, .article h3 {
  color: #3A4854;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
.article p, .article h4 {
  margin: 0 0 12px;
  /* make use of collapsing margins */
}
.article p + p, .article h4 + p, .article p + h4, .article h4 + h4 {
  margin-top: 0;
}
.article ul, .article ol {
  padding: 0 0 0 24px;
  margin: 0 0 12px;
  /* make use of collapsing margins */
}
.article ol > li {
  list-style: decimal;
}
.article ul > li {
  list-style: disc;
}
.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: #E2E9EF;
  font-size: 12px;
  padding: 3px;
}
.article pre {
  background: #E2E9EF;
  font-size: 12px;
  display: block;
  padding: 12px;
}

.article--max-width {
  max-width: 55em;
  margin: 0 auto;
}

.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;
}

/* 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 #D5DDE3;
  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: #007fa1;
}
.avatar .avatar-person {
  fill: #00A0CB;
}
.avatar svg,
.avatar img {
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 100%;
}

.avatar--has-check {
  position: relative;
}
.avatar--has-check .checkmark-holder {
  position: absolute;
  right: -4px;
  bottom: -4px;
}
.avatar--has-check .checkmark-holder .checkmark {
  box-shadow: 0 0 0 1px #FFF;
}

.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 #D5DDE3;
}
.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;
  display: block;
  border-bottom: 1px solid #D5DDE3;
}
.bordered-list-links > a:hover,
.bordered-list-links li > a:hover {
  text-decoration: none;
  background: #0093BA;
  color: #FFF;
  border-color: #0093BA;
}
.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 #D5DDE3;
}
.bordered-list-horizontal li:first-child {
  padding-left: 0;
}
.bordered-list-horizontal li:last-child {
  border: none;
}

/* Breadcrumbs
   ========================================================================== */
.custom-breadcrumbs {
  max-height: 50px;
  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: 25px;
}
.custom-breadcrumbs > li > a,
.custom-breadcrumbs > li > .holder {
  border: none;
  position: relative;
  text-decoration: none;
  padding: 12px 0 14px 34px;
  position: relative;
  display: block;
  float: left;
}
.custom-breadcrumbs > li > a,
.custom-breadcrumbs > li > .holder {
  background: #E2E9EF;
}
.custom-breadcrumbs > li > a:after,
.custom-breadcrumbs > li > .holder:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 25px solid #E2E9EF;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  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: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 24px solid #D5DDE3;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 1;
}
.custom-breadcrumbs > li > a {
  color: #3A4854;
}
.custom-breadcrumbs > li > a:hover, .custom-breadcrumbs > li > a:active, .custom-breadcrumbs > li > a:focus {
  background: #D5DDE3;
}
.custom-breadcrumbs > li > a:hover:after, .custom-breadcrumbs > li > a:active:after, .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #D5DDE3;
}
.custom-breadcrumbs > li.selected > .holder {
  background: #cfd8df;
}
.custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: transparent;
}
.custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #cfd8df;
}
.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: 4px;
  -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: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -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-link {
  color: #0093BA;
  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: #00576e;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus {
  color: #D5DDE3;
  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%;
}



/* ==========================================================================
  Icons in buttons
   ========================================================================== */
.btn {
  max-height: 32px;
  width:100%;
  display:block;
}

.btn .glyphicon:before {
  font-size: 16px;
  position: relative;
  bottom: 1px;
}

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

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

/* 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: #53626f;
}
.navbar-default .btn-link-subtle {
  color: #53626f;
}
.btn-link-subtle:active {
  box-shadow: none;
}

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

/* Ghost buttons
   ========================================================================== */
.btn-ghost {
  color: #3A4854;
  background: transparent;
  border-color: rgba(58, 72, 84, 0.25);
}
.btn-ghost:hover, .btn-ghost:focus, .btn-ghost:active, .btn-ghost.active {
  color: rgba(58, 72, 84, 0.75);
  background-color: rgba(58, 72, 84, 0.05);
  border-color: rgba(58, 72, 84, 0.25);
}
.open .btn-ghost.dropdown-toggle {
  color: rgba(58, 72, 84, 0.75);
  background-color: rgba(58, 72, 84, 0.15);
  border-color: rgba(58, 72, 84, 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(58, 72, 84, 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: 49px;
  max-height: 49px;
  margin-top: 0 !important;
  border: none;
  color: #3A4854;
  border-radius: 0;
  padding-top: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
.navbar .btn.navbar-btn-stretch.has-caret {
  padding-top: 6px;
  padding-right: 30px;
  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;
}
.navbar .btn.navbar-btn-stretch.has-caret .glyphicon.glyphicon-person {
  display: block;
  margin-top: 8px;
}

.btn.navbar-btn-stretch-icon {
  width: 41px;
}
.btn.navbar-btn-stretch-icon .glyphicon {
  margin: 0;
  position: relative;
  top: 2px;
}

.navbar-inverse .navbar-btn-stretch:link, .navbar-inverse .navbar-btn-stretch:visited {
  color: #FFF;
}
.navbar-inverse .navbar-btn-stretch:hover, .navbar-inverse .navbar-btn-stretch:active {
  background: rgba(0, 0, 0, 0.1);
}

/* Button variants
   ========================================================================== */
.btn-aqua {
  color: #FFF;
  background-color: #4AC0C0;
  border-color: #3CABAB;
}
.btn-aqua:hover, .btn-aqua:focus, .btn-aqua.focus, .btn-aqua:active, .btn-aqua.active, .open > .btn-aqua.dropdown-toggle {
  color: #FFF;
  background-color: #389f9f;
  border-color: #2c7e7e;
}
.btn-aqua:active, .btn-aqua.active, .open > .btn-aqua.dropdown-toggle {
  background-image: none;
}
.btn-aqua.disabled, .btn-aqua.disabled:hover, .btn-aqua.disabled:focus, .btn-aqua.disabled.focus, .btn-aqua.disabled:active, .btn-aqua.disabled.active, .btn-aqua[disabled], .btn-aqua[disabled]:hover, .btn-aqua[disabled]:focus, .btn-aqua[disabled].focus, .btn-aqua[disabled]:active, .btn-aqua[disabled].active, fieldset[disabled] .btn-aqua, fieldset[disabled] .btn-aqua:hover, fieldset[disabled] .btn-aqua:focus, fieldset[disabled] .btn-aqua.focus, fieldset[disabled] .btn-aqua:active, fieldset[disabled] .btn-aqua.active {
  background-color: #4AC0C0;
  border-color: #3CABAB;
}
.btn-aqua .badge {
  color: #4AC0C0;
  background-color: #FFF;
}

.btn-gray {
  color: #FFF;
  background-color: #697C8C;
  border-color: #556777;
}
.btn-gray:hover, .btn-gray:focus, .btn-gray.focus, .btn-gray:active, .btn-gray.active, .open > .btn-gray.dropdown-toggle {
  color: #FFF;
  background-color: #53626f;
  border-color: #3c4853;
}
.btn-gray:active, .btn-gray.active, .open > .btn-gray.dropdown-toggle {
  background-image: none;
}
.btn-gray.disabled, .btn-gray.disabled:hover, .btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray.disabled:active, .btn-gray.disabled.active, .btn-gray[disabled], .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled].focus, .btn-gray[disabled]:active, .btn-gray[disabled].active, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-gray:hover, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-gray.active {
  background-color: #697C8C;
  border-color: #556777;
}
.btn-gray .badge {
  color: #697C8C;
  background-color: #FFF;
}

.btn-white {
  color: #3A4854;
  background-color: #FFF;
  border-color: #556777;
}
.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle {
  color: #3A4854;
  background-color: #e6e6e6;
  border-color: #3c4853;
}
.btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle {
  background-image: none;
}
.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled.focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled].focus, .btn-white[disabled]:active, .btn-white[disabled].active, fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white.focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active {
  background-color: #FFF;
  border-color: #556777;
}
.btn-white .badge {
  color: #FFF;
  background-color: #3A4854;
}

.btn-default {
  color: #fff;
  background-color: #ED7102;
  border-color: #ED7102;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #D14121;
  border-color: #D14121;
}
.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.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .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.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #0093BA;
  border-color: #0093BA;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #006b87;
  border-color: #00637d;
}
.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.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .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.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #0093BA;
  border-color: #0093BA;
}
.btn-primary .badge {
  color: #0093BA;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #58B957;
  border-color: #58B957;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #429c41;
  border-color: #3f953e;
}
.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.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .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.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #58B957;
  border-color: #58B957;
}
.btn-success .badge {
  color: #58B957;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #FF5151;
  border-color: #FF5151;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff1e1e;
  border-color: #ff1414;
}
.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.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .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.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #FF5151;
  border-color: #FF5151;
}
.btn-danger .badge {
  color: #FF5151;
  background-color: #fff;
}

/* 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: #333;
  background: transparent;
  border: 1px solid rgba(58, 72, 84, 0.1);
  background: transparent !important;
}
.btn.disabled.btn-link,
.btn[disabled].btn-link {
  border: none;
}
.btn.disabled .glyphicon,
.btn.disabled .caret,
.btn[disabled] .glyphicon,
.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%);
}

/* ==========================================================================
   Calendar
   ========================================================================== */
/* Component itself
   ========================================================================== */
.calendar {
  margin: 0 auto;
  width: 100%;
}
.calendar > .calendar-labels th {
  color: #9fadb8;
  font-weight: 600;
  font-size: 13px;
  padding-bottom: 5px;
  padding-right: 3px;
  vertical-align: bottom;
}
.calendar td {
  color: #3A4854;
  padding: 5px 8px 5px 10px;
  font-size: 13px;
  width: 14%;
  position: relative;
  text-align: center;
  height: 40px;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.calendar .week-number {
  color: #9fadb8;
  font-weight: 600;
  text-align: right;
  vertical-align: middle;
  width: 30px;
  border: 0;
}
.calendar .day {
  background: #FFF;
}
.calendar .day-prev-month,
.calendar .day-next-month {
  border: 1px solid #F8F8F8;
}
.calendar .day-prev-month {
  border-right: 0;
  border-bottom: 0;
}
.calendar .day-next-month {
  border-color: #F8F8F8;
  border-left: 0;
  border-top: 0;
}
.calendar .type {
  font-size: 11px;
}
.calendar .is-selected {
  background-color: #006b87;
  border-color: #006b87;
  color: #FFF;
}
.calendar .day.is-split {
  background-color: #FFF;
  padding: 2px 2px 0;
}
.calendar .day.is-split .day-split {
  display: block;
  max-height: 36px;
  width: 100%;
  margin: 0 0 2px;
  padding: 0 5px;
  line-height: 35px;
}
.calendar .hours {
  padding: 2px 3px;
  border-radius: 3px;
  background: rgba(58, 72, 84, 0.1);
  display: inline-block;
  line-height: 15px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  margin-left: 8px;
}

.calendar-mobile .day.is-split .day-split {
  max-height: 18px;
  line-height: 18px;
  font-size: 0;
}

/* Large version
   ========================================================================== */
.calendar-lg {
  border-collapse: separate;
}
.calendar-lg .date {
  position: absolute;
  right: 5px;
  top: 5px;
}
.calendar-lg .day {
  text-align: left;
  height: 80px;
}
.calendar-lg > .calendar-labels th {
  text-align: right;
}

/* ==========================================================================
  Shared styles between calendar and collective table
   ========================================================================== */
.calendar .unavailable,
.table-collective .unavailable {
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  background: #FFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAN0lEQVQYV2NkQAWSQO5zZCFGJA6GJEgOpgCrJEwBTklkE9CcAudKIrsBXRHYZFwK4NZiU4DiJgCmWQciXOy4KQAAAABJRU5ErkJggg==);
}
.calendar .type-work > .type,
.calendar .type-work > .date,
.calendar .type-holiday > .type,
.calendar .type-holiday > .date,
.calendar .type-public-holiday > .type,
.calendar .type-public-holiday > .date,
.calendar .type-sick-day > .type,
.calendar .type-sick-day > .date,
.table-collective .type-work > .type,
.table-collective .type-work > .date,
.table-collective .type-holiday > .type,
.table-collective .type-holiday > .date,
.table-collective .type-public-holiday > .type,
.table-collective .type-public-holiday > .date,
.table-collective .type-sick-day > .type,
.table-collective .type-sick-day > .date {
  color: #FFF;
}
.calendar .type-holiday,
.table-collective .type-holiday {
  background-color: #00A0CB;
  border-color: #00A0CB;
}
.calendar .type-public-holiday,
.table-collective .type-public-holiday {
  background-color: #4AC0C0;
  border-color: #4AC0C0;
}
.calendar .type-sick-day,
.table-collective .type-sick-day {
  background-color: #F02F6A;
  border-color: #F02F6A;
}
.calendar [data-type='work-day'],
.table-collective [data-type='work-day'] {
  background-color: #DDF5FA;
  border-color: #DDF5FA;
}
.calendar [data-type='holiday'],
.table-collective [data-type='holiday'] {
  background-color: #00A0CB;
  border-color: #00A0CB;
  color: #FFF;
}
.calendar [data-type='public-holiday'],
.table-collective [data-type='public-holiday'] {
  background-color: #4AC0C0;
  border-color: #4AC0C0;
  color: #FFF;
}
.calendar [data-type='sick-day'],
.table-collective [data-type='sick-day'] {
  background-color: #F02F6A;
  border-color: #F02F6A;
  color: #FFF;
}
.calendar [data-type='anciennity-holiday'],
.table-collective [data-type='anciennity-holiday'] {
  background-color: #00b4e5;
  border-color: #00b4e5;
  color: #FFF;
}
.calendar [data-type='extra-legal-holiday'],
.table-collective [data-type='extra-legal-holiday'] {
  background-color: #70cdcd;
  border-color: #70cdcd;
  color: #FFF;
}
.calendar [data-type='circumstantial-leave'],
.table-collective [data-type='circumstantial-leave'] {
  background-color: #c7eef7;
  border-color: #c7eef7;
  color: #FFF;
}
.calendar [data-type='training-leave'],
.table-collective [data-type='training-leave'] {
  background-color: #b1e8f3;
  border-color: #b1e8f3;
  color: #FFF;
}
.calendar [data-type='overtime-compensation'],
.table-collective [data-type='overtime-compensation'] {
  background-color: #9ae1f0;
  border-color: #9ae1f0;
  color: #FFF;
}
.calendar [data-type='work-accident'],
.table-collective [data-type='work-accident'] {
  background-color: #ff9d9d;
  border-color: #ff9d9d;
  color: #FFF;
}
.calendar [data-type='leave-for-birth'],
.table-collective [data-type='leave-for-birth'] {
  background-color: #f2477b;
  border-color: #f2477b;
  color: #FFF;
}
.calendar [data-type='private-accident'],
.table-collective [data-type='private-accident'] {
  background-color: #ff8484;
  border-color: #ff8484;
  color: #FFF;
}
.calendar.is-selectable .day[data-type],
.table-collective.is-selectable .day[data-type] {
  cursor: pointer;
}
.calendar.is-selectable .day[data-type]:hover,
.table-collective.is-selectable .day[data-type]:hover {
  position: relative;
  box-shadow: 0 0 0 3px #ABEAFA;
  z-index: 100;
}
.calendar.is-editable .day[data-type]:not(.is-split),
.table-collective.is-editable .day[data-type]:not(.is-split) {
  cursor: url("../images/cursors/cursor-brush.png"), pointer;
}
.calendar.is-editable .day[data-type]:not(.is-split):hover,
.table-collective.is-editable .day[data-type]:not(.is-split):hover {
  position: relative;
  box-shadow: 0 0 0 3px #ABEAFA;
  z-index: 100;
}
.calendar.is-splitting .day[data-type]:not(.is-split),
.table-collective.is-splitting .day[data-type]:not(.is-split) {
  cursor: url("../images/cursors/cursor-scissors.png"), pointer;
}
.calendar.is-splitting .day[data-type]:not(.is-split):hover,
.table-collective.is-splitting .day[data-type]:not(.is-split):hover {
  position: relative;
  box-shadow: 0 0 0 3px #ABEAFA;
  z-index: 100;
}
.calendar.is-specifying .day[data-type],
.calendar.is-specifying .day-split,
.table-collective.is-specifying .day[data-type],
.table-collective.is-specifying .day-split {
  cursor: url("../images/icon-font-source/time.svg"), pointer;
}
.calendar.is-specifying .day[data-type]:hover,
.calendar.is-specifying .day-split:hover,
.table-collective.is-specifying .day[data-type]:hover,
.table-collective.is-specifying .day-split:hover {
  position: relative;
  box-shadow: 0 0 0 3px #ABEAFA;
  z-index: 100;
}
.calendar.is-deleting .day.is-split,
.table-collective.is-deleting .day.is-split {
  cursor: url("../images/icon-font-source/trash.svg"), pointer;
}
.calendar.is-deleting .day-split:hover,
.table-collective.is-deleting .day-split:hover {
  box-shadow: 0 0 0 3px #ABEAFA;
  z-index: 100;
  position: relative;
}

/* Colored glyphicons
   ========================================================================== */
[data-type='work-day'] .glyphicon {
  color: #DDF5FA;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}

[data-type='holiday'] .glyphicon {
  color: #00A0CB;
}

[data-type='public-holiday'] .glyphicon {
  color: #4AC0C0;
}

[data-type='sick-day'] .glyphicon {
  color: #F02F6A;
}

[data-type='anciennity-holiday'] .glyphicon {
  color: #00b4e5;
}

[data-type='extra-legal-holiday'] .glyphicon {
  color: #70cdcd;
}

[data-type='circumstantial-leave'] .glyphicon {
  color: #c7eef7;
}

[data-type='training-leave'] .glyphicon {
  color: #b1e8f3;
}

[data-type='overtime-compensation'] .glyphicon {
  color: #9ae1f0;
}

[data-type='work-accident'] .glyphicon {
  color: #ff9d9d;
}

[data-type='leave-for-birth'] .glyphicon {
  color: #f2477b;
}

[data-type='private-accident'] .glyphicon {
  color: #ff8484;
}

/* 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: #697C8C;
}
.centered-message a {
  text-decoration: underline;
}
.centered-message a.btn {
  text-decoration: inherit;
}

/* ==========================================================================
  Checkmark
   ========================================================================== */
.checkmark {
  background: #58B957;
  position: relative;
  border-radius: 100%;
  width: 16px;
  height: 16px;
}

.checkmark .glyphicon-check {
  color: #FFF;
  position: absolute;
  top: -4px;
  left: 2px;
}

/* Close icons in alerts
   ========================================================================== */
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover, .close:focus {
  color: #000;
  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;
}

/* ==========================================================================
  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: #80c780;
  border-color: #5cb85c;
}
.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;
}

/* Color label variants
   ========================================================================== */
.color-label-workday {
  background: #DDF5FA;
  border-color: #c7eef7;
}

.color-label-sick-day {
  background: #F02F6A;
  border-color: #ee1759;
}

.color-label-public-holiday {
  background: #4AC0C0;
  border-color: #3eb2b2;
}

.color-label-holiday {
  background: #00A0CB;
  border-color: #008cb2;
}

.color-label-public-holiday {
  background: #4AC0C0;
  border-color: #3eb2b2;
}

.color-label-extra-legal-holiday {
  background: #70cdcd;
  border-color: #5dc7c7;
}

.color-label-circumstantial-leave {
  background: #c7eef7;
  border-color: #b1e8f3;
}

.color-label-training-leave {
  background: #b1e8f3;
  border-color: #9ae1f0;
}

.color-label-overtime-compensation {
  background: #9ae1f0;
  border-color: #84dbed;
}

.color-label-work-accident {
  background: #ff9d9d;
  border-color: #ff8484;
}

.color-label-private-accident {
  background: #ff8484;
  border-color: #ff6a6a;
}

.color-label-leave-for-birth {
  background: #f2477b;
  border-color: #f02f6a;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 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: #E2E9EF;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  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: #3A4854;
  background-color: #FFF;
  white-space: nowrap;
}

.dropdown-menu-wide {
  min-width: 260px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #FFF;
  background-color: #0093BA;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #0093BA;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #D5DDE3;
}

.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 12px;
  font-size: 12px;
  line-height: 1.42857;
  color: #697C8C;
}
.dropdown-header.header-expanded {
  padding: 14px 12px 10px;
}

.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;
}

/* Link dropdown 
   ========================================================================== */
.dropdown-toggle.btn-link {
  color: #3A4854;
}

/* Icons in dropdown menu
   ========================================================================== */
.dropdown-menu .glyphicon {
  margin-right: 5px;
  position: relative;
  bottom: 3px;
}
.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 strong,
.dropdown-explanations span {
  display: block;
}
.dropdown-explanations span.subtle {
  font-size: 11px;
  color: #697C8C;
}

/* Dropdown with explanations AND icons
   ========================================================================== */
.dropdown-explanations.has-icons .dropdown-menu a i.glyphicon {
  float: left;
  margin-right: -20px;
}
.dropdown-explanations.has-icons strong,
.dropdown-explanations.has-icons span.subtle {
  margin-left: 20px;
}

/* Dropdown menu with color labels
   ========================================================================== */
.dropdown-menu-has-color-labels .color-label {
  display: inline-block;
  margin: 3px 10px 0 0;
}

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

body {
  font-family: 'Open Sans', sans-serif;
}

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: #3A4854;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 600;
}

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: #3A4854;
}

.form-control,
.fake-textarea {
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 6px 9px;
  font-size: 14px;
  line-height: 1.42857;
  color: #3A4854;
  background-color: #fff;
  background-image: none;
  border:0;
  border-bottom: 1px solid #CDDCEA;
  box-shadow:none;
  border-radius:0;
}
.form-control:focus,
.fake-textarea:focus {
  border-color: #66afe9;
  box-shadow:none;
}
.form-control::-moz-placeholder,
.fake-textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.fake-textarea:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder,
.fake-textarea::-webkit-input-placeholder {
  color: #999;
}
.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: #E2E9EF;
  opacity: 1;
}

textarea.form-control {
  height: auto;
  resize: none;
}
textarea.form-control.resizable {
  resize: both;
}

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, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  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: #71889d;
}

@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;
}
.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;
}
.form-horizontal .control-label {
  text-align: right;
  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: #697C8C;
}

/* 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: #697C8C;
  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: #D5DDE3;
}

/* 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: #3A4854;
}
.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 {
  right: 175px;
}
.input-with-icon .form-control {
  border-radius: 4px;
  padding-left: 24px;
}

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

/* ==========================================================================
  Group description
   ========================================================================== */
.group-description {
  margin-bottom: 15px;
  font-size: 11px;
  font-weight: 700;
}

.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: 768px) {
  .container {
    width: 750px;
  }
}
@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-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .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%;
  }
}
.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;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 3px;
}
.label-inline .glyphicon {
  position: relative;
  bottom: 2px;
  margin-right: 3px;
}

.label-list {
  margin: 0 0 12px;
}
.label-list .label-inline {
  margin-right: 4px;
}

.label-default {
  background-color: #00A0CB;
  color: #FFF;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #007898;
}

.label-primary {
  background-color: #F7A600;
  color: #FFF;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #c48400;
}

.label-success {
  background-color: #58B957;
  color: #FFF;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #429c41;
}

.label-info {
  background-color: #697C8C;
  color: #FFF;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #53626f;
}

.label-warning {
  background-color: #FFE7B7;
  color: #B45500;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ffd684;
}
.label-warning .glyphicon {
  color: #ED7102;
}

.label-danger {
  background-color: #FF5151;
  color: #FFF;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #ff1e1e;
}

/* ==========================================================================
   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: #697C8C;
  background-color: #FF5151;
  color: #FFF;
  border-radius: 100%;
}
.navbar-orange .message-count.new-messages, .navbar-light-orange .message-count.new-messages {
  background-color: rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
  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(58, 72, 84, 0.8);
  width: 180px;
  padding: 10px 0;
  border-radius: 4px;
  z-index: 1200020;
  color: #FFF;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
}
.is-mobile .pop-message {
  top: 33px;
}
.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;
  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: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -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: #000;
}
.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: 58px;
  bottom: 63px;
  left: 0;
  right: 0;
}
.modal-dialog.modal-stretch .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.is-mobile .modal-dialog.modal-stretch {
  height: -moz-calc(100% - 20px);
  height: -o-calc(100% - 20px);
  height: -webkit-calc(100% - 20px);
  height: calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -o-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  max-width: -moz-calc(100% - 20px);
  max-width: -o-calc(100% - 20px);
  max-width: -webkit-calc(100% - 20px);
  max-width: calc(100% - 20px);
}
.is-mobile .modal-dialog.modal-stretch.modal-dialog {
  margin: 10px auto;
}

/* Modal close positioning 
   ========================================================================== */
.modal-close {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
}
.modal-error .modal-close, .modal-header.darkgray .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, .modal-header.darkgray .modal-close:hover, .modal-header.darkgray .modal-close:active, .modal-header.darkgray .modal-close:focus {
  border-color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.15);
}

/* Header
   ========================================================================== */
.modal-header {
  background: #FFF;
  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 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  margin: 0;
  font-size: 21px;
  font-weight: 400;
  color: #3A4854;
}
.modal-error .modal-header .modal-title {
  color: #FFF;
}
.modal-header.darkgray {
  background: #3A4854;
}
.modal-header.darkgray .modal-title {
  color: #FFF;
}

/* Footer
   ========================================================================== */
.modal-footer {
  padding: 15px;
  background: #FFF;
  border-top-color: #D5DDE3;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.modal-footer .btn-link.pull-left {
  padding-left: 0;
}

/* ==========================================================================
   Navbars 
   ========================================================================== */
.navbar {
  position: relative;
  min-height: 50px;
}
.navbar:before, .navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
.navbar > .navbar-left {
  margin-left: 15px;
}
.navbar > .navbar-right {
  margin-right: 15px;
}

.navbar-padded {
  padding-left: 9px;
  padding-right: 9px;
}

.navbar-padded-mini {
  padding-left: 1px;
  padding-right: 1px;
}

.navbar-fixed-top {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-fixed-bottom {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar-top {
  border-bottom: 1px solid #c1d0dd;
}

.navbar-bottom {
  border-top: 1px solid #c1d0dd;
}

.navbar-brand {
  color: #3A4854;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 21px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.navbar-brand-small {
  font-size: 17px;
}

.navbar-medium .navbar-brand,
.navbar-large .navbar-brand {
  margin-top: 10px;
}
.navbar-medium .navbar-brand-small,
.navbar-large .navbar-brand-small {
  margin-top: 14px;
}
.navbar-medium .checkbox,
.navbar-large .checkbox {
  margin-top: 15.5px;
}
.navbar-medium .checkbox input,
.navbar-large .checkbox input {
  margin-right: 4px;
}
.navbar-medium .btn-link,
.navbar-large .btn-link {
  padding-left: 0;
  padding-right: 0;
}
.navbar-medium .tag,
.navbar-medium .tag-simple,
.navbar-large .tag,
.navbar-large .tag-simple {
  margin-top: 12.5px;
}
.navbar-medium .bordered-list-horizontal,
.navbar-large .bordered-list-horizontal {
  margin-top: 12.5px;
}
.navbar-medium .btn-group-justified,
.navbar-large .btn-group-justified {
  padding-top: 8.5px;
}
.navbar-medium .nav-pills,
.navbar-large .nav-pills {
  margin-top: 10px;
}
.navbar-medium .nav-tabs,
.navbar-large .nav-tabs {
  margin-top: 8.5px;
}
.navbar-medium .navbar-btn,
.navbar-large .navbar-btn {
  margin-top: 8.5px;
}
.navbar-medium .form-inline, .navbar-medium .navbar-form,
.navbar-large .form-inline,
.navbar-large .navbar-form {
  padding-top: 8px;
}
.navbar-medium .panel-controls,
.navbar-large .panel-controls {
  margin-top: 2px;
}
.navbar-medium .dropdown .btn,
.navbar-large .dropdown .btn {
  margin-top: 8.5px;
}
.navbar-medium .navbar-text,
.navbar-large .navbar-text {
  margin: 15px 0 0;
}
.navbar-medium .navbar-text abbr,
.navbar-large .navbar-text abbr {
  border-color: #697C8C;
}

.navbar-left {
  float: left !important;
  max-height: 49px;
}

.navbar-right {
  float: right !important;
  max-height: 49px;
}

.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: 8px;
  margin-bottom: 8px;
}
@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;
}
.navbar-divider:first-child {
  margin: 0;
}
.navbar-medium .navbar-divider {
  height: 50px;
}
.navbar-small .navbar-divider {
  height: 32px;
}
.navbar-divider.bordered {
  padding-left: 15px;
  border-left: 1px solid #b1c4d4;
}
.navbar-divider.bordered:first-child {
  padding: 0;
  border: none;
}
.navbar-divider.extra-bordered {
  border-right: 1px solid #b1c4d4;
  padding-right: 15px;
}
.navbar-divider.extra-bordered:last-child {
  border-right: 1px solid #b1c4d4;
}

.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 #b1c4d4;
}
.navbar-right .navbar-divider.bordered:last-child {
  padding: 0;
  border: none;
}
.navbar-right .navbar-divider.extra-bordered {
  border-left: 1px solid #b1c4d4;
  padding-left: 15px;
}
.navbar-right .navbar-divider.extra-bordered:last-child {
  border-left: 1px solid #b1c4d4;
}

.navbar > .navbar-right-no-spacing {
  margin: 0;
}

.navbar > .navbar-left-no-spacing {
  margin: 0;
}

.navbar.navbar .navbar-divider-no-spacing {
  padding: 0;
  margin: 0;
}

.navbar.navbar .navbar-divider-no-spacing-half {
  margin: 0;
}

.navbar > .navbar-left .navbar-divider-little-spacing {
  margin-left: 5px;
}

.navbar > .navbar-right .navbar-divider-little-spacing {
  margin-right: 5px;
}

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

.navbar.navbar-small {
  height: 32px;
  min-height: 32px;
}
.navbar.navbar-small.navbar-tabs {
  height: 0;
  min-height: 0;
}

.navbar-small .btn-xs, .navbar-small .btn-group-xs > .btn {
  margin-top: 5px;
}
.navbar-small .mini-bar-chart {
  margin-top: 6px;
}

.navbar.navbar-small .navbar-divider {
  margin-top: 0;
}

.navbar.navbar-large {
  height: 90px;
}

.navbar.navbar-large .navbar-divider {
  margin-top: 14px;
}

.navbar .btn-link {
  color: #777;
}
.navbar .btn-link:hover {
  color: #333;
}

/* ==========================================================================
  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: #E2E9EF;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #E2E9EF;
  border-color: #0093BA;
}

.navbar.navbar-tabs {
  position: relative;
  top: -32px;
  display: inline-block;
}
.navbar.navbar-tabs .navbar-padded {
  display: inline-block;
  padding-left: 90px;
}
.navbar.navbar-tabs .navbar-padded .nav-tabs .nav-tabs-has-border {
  border-bottom: 1px solid #D5DDE3;
}
.navbar.navbar-tabs .navbar-padded .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  margin-right: 10px;
}
.navbar.navbar-tabs .navbar-padded .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  padding: 6px 15px 5px 15px;
  background: #C4CDD4;
  color: #3A4854;
}
.navbar.navbar-tabs .navbar-padded .nav-tabs > li > a:hover {
  background: #FFF;
  border-color: #FFF;
}
.navbar.navbar-tabs .navbar-padded .nav-tabs > li > a:hover .nav-tabs-has-border {
  border-color: #FFF #FFF #D5DDE3;
}
.navbar.navbar-tabs .navbar-padded .nav-tabs > li.active > a, .navbar.navbar-tabs .navbar-padded .nav-tabs > li.active > a:hover, .navbar.navbar-tabs .navbar-padded .nav-tabs > li.active > a:focus {
  color: #3A4854;
  background-color: #E2E9EF;
  border: 1px solid #E2E9EF;
  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: 4px;
  padding: 5px 8px;
  color: #3A4854;
  border: 1px solid #c1d0dd;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:active,
.nav-pills > li > a:focus {
  color: #3A4854;
  border: 1px solid #c1d0dd;
  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: #fff;
  background-color: #0093BA;
  color: #3A4854;
  border: 1px solid #a0b7cb;
  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-tabs-alt > li {
  float: left;
}
.nav-tabs-alt > li > a,
.nav-tabs-alt > li > a:link,
.nav-tabs-alt > li > a:visited {
  font-size: 14px;
  border: 0;
  padding: 0;
  border-radius: 0;
  font-weight: 600;
  margin-left: 8px;
  margin-right: 8px;
  position: relative;
}
.navbar-small .nav-tabs-alt > li > a, .navbar-small
.nav-tabs-alt > li > a:link, .navbar-small
.nav-tabs-alt > li > a:visited {
  line-height: 32px;
  height: 32px;
}
.navbar-medium .nav-tabs-alt > li > a, .navbar-medium
.nav-tabs-alt > li > a:link, .navbar-medium
.nav-tabs-alt > li > a:visited {
  line-height: 50px;
  height: 50px;
}
.nav-tabs-alt > li > a:hover,
.nav-tabs-alt > li > a:active,
.nav-tabs-alt > li > a:focus, .nav-tabs-alt > li.active a {
  border: 0;
}
.nav-tabs-alt > li .glyphicon {
  position: relative;
  bottom: 1px;
}
.nav-tabs-alt > li.active a {
  color: #3A4854;
}
.nav-tabs-alt > li.active a:after {
  width: 100%;
  content: "";
  background: #3A4854;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.nav-tabs-alt-2 > li {
  float: left;
}
.nav-tabs-alt-2 > li > a,
.nav-tabs-alt-2 > li > a:link,
.nav-tabs-alt-2 > li > a:visited {
  background: rgba(0, 0, 0, 0.05);
  color: #3A4854;
  font-size: 14px;
  border: 0;
  padding: 0 8px;
  margin: 2px 1px;
  border-radius: 0;
  font-weight: 600;
  position: relative;
}
.navbar-small .nav-tabs-alt-2 > li > a, .navbar-small
.nav-tabs-alt-2 > li > a:link, .navbar-small
.nav-tabs-alt-2 > li > a:visited {
  height: 28px;
  line-height: 28px;
}
.navbar-medium .nav-tabs-alt-2 > li > a, .navbar-medium
.nav-tabs-alt-2 > li > a:link, .navbar-medium
.nav-tabs-alt-2 > li > a:visited {
  height: 46px;
  line-height: 46px;
}
.nav-tabs-alt-2 > li > a:hover,
.nav-tabs-alt-2 > li > a:active,
.nav-tabs-alt-2 > li > a:focus, .nav-tabs-alt-2 > li.active a {
  border: 0;
  background: rgba(255, 255, 255, 0.5);
}
.nav-tabs-alt-2 > li .glyphicon {
  position: relative;
  bottom: 1px;
}
.nav-tabs-alt-2 > li.active a {
  color: #3A4854;
  background: #FFF;
}
.nav-tabs-alt-2 > li.active a:after {
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0;
  left: 49%;
  right: 0;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-bottom: 4px solid #D5DDE3;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.nav.nav-wide {
  width: 100%;
}
.nav.nav-wide > li > a {
  padding-left: 30px;
  padding-right: 30px;
}

.nav-justified, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.nav-justified > li, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-justified > li > a, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > li > a {
  margin-bottom: 0;
}

.nav-tabs-justified, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #E2E9EF;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #E2E9EF;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .navbar.navbar-tabs .navbar-padded .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #EFF3F6;
  }
}

.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: #252e36;
  background: #c1d0dd;
  border: 1px solid #a0b7cb;
  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: #697C8C;
  text-decoration: none;
}
.options-header a:visited {
  color: #80909d;
}
.options-header a:hover, .options-header a:active, .options-header a:focus {
  color: #a5b0ba;
}

/* General options
 * <div class="options"> with no levels
   ========================================================================== */
.options > a {
  display: block;
  text-decoration: none;
  border: none;
  padding: 3px 5px;
  color: #3A4854;
  position: relative;
  border-bottom: 1px solid #d2dde6;
}
.options > a:hover, .options > a:focus {
  background: #53626f;
  color: #FFF;
  transition: 0.15s background color ease-in-out;
}
.options > a:active, .options > a.active {
  background: #8595a3;
  color: #FFF;
}
.options > a:last-child {
  border: none;
}

.options-striped a {
  border: none;
}
.options-striped a:nth-child(odd) {
  background: #E2E9EF;
}
.options-striped a:nth-child(even) {
  background: rgba(255, 255, 255, 0.33);
}
.options-striped a:hover, .options-striped a:focus {
  background: #53626f;
  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 #d2dde6;
  display: block;
  text-decoration: none;
  padding: 3px 5px;
  color: #3A4854;
  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: #53626f !important;
  color: #FFF;
}

ul.options-striped li > a {
  border: none;
}
ul.options-striped li:nth-child(odd) a {
  background: #E2E9EF;
}
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: #53626f;
  color: #FFF;
  transition: 0.15s background color ease-in-out;
}

.options .empty {
  padding: 4px;
  color: #697C8C;
}

/* Touch friendly 
   ========================================================================== */
.options.options-touch-friendly > a,
.options.options-touch-friendly li > a {
  padding: 8px 5px;
}

.paginator {
  display: block;
  line-height: 32px;
  text-align: center;
  float: left;
  margin-right: 15px;
}
.paginator .page-number {
  display: inline-block;
  width: 16px;
  height: 32px;
  text-align: center;
  font-size: 14px;
}
.paginator .page-current {
  font-weight: bold;
}
.paginator .page-separator {
  color: #C4CDD4;
  width: 8px;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #E2E9EF;
}
.panel > .panel-heading {
  color: #3A4854;
  background-color: #FFF;
  border-color: #E2E9EF;
}
.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: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-heading .panel-title {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  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: #697C8C;
}

.panel-title .glyphicon {
  margin-right: 4px;
  position: relative;
  bottom: 2px;
}

.panel-footer {
  min-height: 45px;
  padding: 0 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* 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: #697C8C;
}

.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,
.table + .panel-body {
  border-top: 1px solid #dfe6ec;
}

/* Tables in panels
   ========================================================================== */
.panel > .table {
  margin-bottom: 0;
  border: 0;
}
.panel > .table-condensed td, .panel > .table-condensed th {
  padding: 5px 15px;
}
.panel > .table-expanded td, .panel > .table-expanded th {
  padding: 15px 15px;
}
.panel > .panel-body + .table {
  border-top: 1px solid #D5DDE3;
}
.panel > .table th:first-child,
.panel > .table td:first-child {
  padding-left: 15px;
}
.panel > .table th:last-child,
.panel > .table td:last-child {
  padding-right: 15px;
}

.panel-body .panel:only-child {
  margin: 0;
}

/* Small panels
   ========================================================================== */
.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 #D5DDE3;
  margin-top: 4px;
}
.panel .table-minimal tbody {
  margin-bottom: 4px;
  display: block;
}
.panel .table-minimal:first-child td:last-child {
  border-top: 1px solid #D5DDE3;
}
.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: 4px;
}
.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: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

/* 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: #5cb85c;
}
.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-columns-2 .person {
  width: 49%;
}
.people-list.people-list-columns-4 .person {
  width: 24%;
}
.people-list .person {
  display: inline-block;
  border: 1px solid #E2E9EF;
  margin: 2px;
  padding: 6px;
}
.people-list .is-selectable:hover {
  background-color: #0093BA;
  border-color: #0093BA;
  color: #FFF;
  cursor: pointer;
}
.people-list .is-selected {
  background-color: #006b87;
  border-color: #006b87;
  color: #FFF;
}

/* ==========================================================================
  Person info
   ========================================================================== */
.person-info {
  overflow: hidden;
  padding-bottom: 5px;
}
.person-info .avatar {
  position: relative;
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}
.person-info .avatar i.glyphicon.glyphicon-lock {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  right: -2px;
  bottom: -2px;
  display: block;
  background: #ED7102;
  border: 1px solid #FFF;
  width: 16px;
  height: 16px;
  color: #FFF;
}
.person-info .avatar i.glyphicon.glyphicon-lock:before {
  position: absolute;
  top: 2px;
  left: 1px;
  font-size: 12px;
}
.person-info .avatar.avatar--lg {
  margin-right: 25px;
}
.person-info .avatar.avatar--lg i.glyphicon.glyphicon-lock {
  width: 19px;
  height: 19px;
}
.person-info .avatar.avatar--lg i.glyphicon.glyphicon-lock:before {
  font-size: 14px;
}
.person-info .info {
  float: left;
  text-align: left;
  margin-right: 10px;
}
.person-info .info .line-1 {
  font-weight: 600;
}
.person-info .info .line-2 {
  font-size: 11px;
  opacity: 0.5;
}
.person-info .icons {
  float: left;
  padding-top: 2px;
}
.person-info .icons i {
  margin-right: 5px;
}
.person-info .icons i.glyphicon-memo {
  color: #ED7102;
}
.person-info .icons i.glyphicon-info {
  color: #3A4854;
}

.person-info-has-status .info {
  margin-right: 10px;
}
.person-info-has-status .status {
  float: right;
}
.person-info-has-status .status:before, .person-info-has-status .status:after {
  content: " ";
  display: table;
}
.person-info-has-status .status:after {
  clear: both;
}
.person-info-has-status .status .placeholder,
.person-info-has-status .status .glyphicon {
  width: 24px;
  height: 32px;
  display: block;
  float: left;
  border-radius: 4px;
}
.person-info-has-status .status .glyphicon {
  line-height: 32px;
  text-align: center;
}
.person-info-has-status .status .glyphicon:hover {
  background: #EFF3F6;
}

.person-info-lg .info .line-1 {
  font-size: 24px;
  font-weight: 400;
  margin-right: 20px;
}
.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;
}

.is-selected .person-info .no-modification {
  color: rgba(255, 255, 255, 0.5);
}

/* Interactive version
   ========================================================================== */
.person-info-interactive {
  display: block;
}
.person-info-interactive:hover, .person-info-interactive:active, .person-info-interactive:focus {
  background: #00A0CB;
  color: #FFF;
}
.person-info-interactive:hover .avatar, .person-info-interactive:active .avatar, .person-info-interactive:focus .avatar {
  box-shadow: 0 0 0 1px #FFF;
}
.person-info-interactive:hover .glyphicon, .person-info-interactive:active .glyphicon, .person-info-interactive:focus .glyphicon {
  background: transparent;
}
.person-info-interactive:hover .glyphicon:hover, .person-info-interactive:active .glyphicon:hover, .person-info-interactive:focus .glyphicon:hover {
  background: #007898;
  color: #FFF;
}

/* Interactive version contained in table cell
   ========================================================================== */
.table td.contains-person-info,
.panel > .table td.contains-person-info {
  padding: 0;
}
.table td.contains-person-info .person-info,
.panel > .table td.contains-person-info .person-info {
  padding: 8px;
}

.panel > .table td.contains-person-info:first-child .person-info {
  padding-left: 15px;
}

/*
  Mini bar chart
*/
/* Mini bar chart with states
   ========================================================================== */
.mini-bar-chart {
  min-width: 200px;
  width: 100%;
  margin: 0 0 6px;
  background: #dce3e9;
  position: relative;
  height: 16px;
}
.mini-bar-chart .progress-numeric {
  position: absolute;
  top: 0;
  left: 1px;
  line-height: 16px;
  font-size: 11px;
  color: #FFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.mini-bar-chart var {
  position: absolute;
  height: 16px;
  background: #0093BA;
  transition: background 1s ease-in-out, width 0.3s ease-in-out;
}
.mini-bar-chart.normal var {
  background: #5cb85c;
}
.mini-bar-chart.danger var {
  background: #d9534f;
}
.mini-bar-chart.warning var {
  background: #f0ad4e;
}

/* Progress bar 
   ========================================================================== */
.progress-bar {
  height: 7px;
  width: 100%;
  border: 1px solid #E2E9EF;
  background: #FFF;
  position: relative;
  border-radius: 5px;
}
.progress-bar var {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background: #0093BA;
  height: 7px;
  border: 1px solid #007fa1;
  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;
}

/* ==========================================================================
  Sections
   ========================================================================== */
.has-sections {
  padding: 0;
}
.has-sections .section {
  padding: 15px;
  border-bottom: 1px solid #E2E9EF;
}
.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: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-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 #EFF3F6;
}
.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 #EFF3F6;
}
.has-sections .section-alt {
  background: #EFF3F6;
}
.has-sections .section-alt .table td {
  background: none;
}
.has-sections .section-no-border {
  border: none;
}
.has-sections .alert {
  margin: 0;
  border-radius: 0;
  border-width: 0 0 1px;
}
.has-sections > .table {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.has-sections > .table td:first-child,
.has-sections > .table th:first-child {
  padding-left: 15px;
}
.has-sections > .table td:last-child,
.has-sections > .table th:last-child {
  padding-right: 15px;
}

/* 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: #E2E9EF;
}
.sortable-list li:hover {
  background: #0093BA;
  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: #a2aeb9;
}
.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: #a2aeb9;
  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.table-sortable th {
  color: #647c90;
  padding: 0;
}
.table.table-sortable th.unsortable,
.table.table-sortable .checkbox-holder {
  padding: 8px;
}
.table.table-sortable .caret.flipped {
  border-bottom: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 0 dotted;
}
.table.table-sortable .sort-indicator {
  position: absolute;
  right: 8px;
  top: 12px;
  width: 12px;
  display: inline-block;
  height: 10px;
  white-space: nowrap;
}
.table.table-sortable .sort-indicator .caret {
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: absolute;
  top: auto;
  bottom: 0;
}
.table.table-sortable .sort-indicator .caret.flipped {
  top: 0;
}
.table.table-sortable .sortable a {
  position: relative;
  white-space: nowrap;
  display: block;
  color: #3A4854;
  padding: 8px;
}
.table.table-sortable .sorted-asc a,
.table.table-sortable .sorted-desc a,
.table.table-sortable .sortable a {
  text-decoration: none;
}
.table.table-sortable .sortable:hover {
  background: #98abba;
  border-bottom-color: #7993a6;
}
.table.table-sortable .sortable:hover a {
  color: #FFF;
}
.table.table-sortable .sorted-asc, .table.table-sortable .sorted-asc:hover,
.table.table-sortable .sorted-desc,
.table.table-sortable .sorted-desc:hover {
  background: #f4f6f7;
  border-bottom-color: #b6c4cf;
}
.table.table-sortable .sorted-asc a, .table.table-sortable .sorted-asc:hover a,
.table.table-sortable .sorted-desc a,
.table.table-sortable .sorted-desc:hover a {
  color: #3A4854;
}
.table.table-sortable .sorted-asc a {
  cursor: s-resize;
}
.table.table-sortable .sorted-desc a {
  cursor: n-resize;
}
.table.table-sortable .sorted-asc .sort-indicator .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
.table.table-sortable .sorted-asc .sort-indicator .caret.flipped {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.table.table-sortable .sorted-desc .sort-indicator .caret {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.table.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 #3bd6ff;
  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 #0093BA;
  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: #3A4854;
}

.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 #3bd6ff;
}
.spinner-big:before {
  left: -6px;
  top: -6px;
  border-top: 6px solid #0093BA;
  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 split days
   ========================================================================== */
.table-split-days .btn[data-role="remove-split"] {
  float: right;
}

.table-split-days-event-time {
  width: 35%;
}

.table-split-days-event-type {
  width: 65%;
}

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;
  vertical-align: top;
  border-top: 1px solid #D5DDE3;
}
.table th {
  font-weight: 600;
}
.table thead tr th {
  vertical-align: bottom;
  border-bottom: 2px solid #D5DDE3;
}
.table tfoot tr td {
  border-top: 2px solid #D5DDE3;
  color: #3A4854;
  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 #D5DDE3;
}

.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 #D5DDE3;
}
.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 #D5DDE3;
}
.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: #f6f8fa;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #E2E9EF;
  border-color: #c1d0dd;
}

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: #f6f8fa;
}

.table-hover tr:hover {
  border-bottom-color: #E2E9EF;
}
.table-hover tr:hover td {
  background: #E2E9EF;
  border-top-color: #E2E9EF;
}

.table tr > th {
  background: transparent;
}

/* Table whose contents shouldn't wrap
   ========================================================================== */
.table-nowrap th, .table-nowrap td {
  white-space: nowrap;
}

/* Table with selectable cells
   ========================================================================== */
.table-selectable td.selectable:hover {
  background: #FFA;
  cursor: pointer;
}

/* Selected table rows
   Using .table.table to override Bootstrap specifity without > selector
   ========================================================================== */
.table.table tr.selected td,
.table.table-hover tr.selected:hover td {
  background: #F9F3AC;
  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: #3A4854;
  padding: 8px;
}
.table-rowgroup .row-group-title {
  margin-right: 4px;
}
.table-rowgroup .row-group-description {
  font-weight: 400;
  color: #697C8C;
}

/* 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;
  white-space: nowrap;
}
.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;
}
.is-mobile .table.table-align-action-buttons tbody td:last-child .btn-icon:only-child, .is-mobile
.table.table-align-action-buttons tbody td:last-child .btn-icon:last-child {
  margin-right: 0;
}

.column-label {
  display: inline-block;
  line-height: 32px;
}

.checkbox-holder,
.reorderable-holder {
  width: 30px;
  text-align: center;
}

/* Cell colors
   ========================================================================== */
.table-cell-success {
  color: #6ec06e;
}

.table-cell-warning {
  color: #f0ad4e;
}

.table-cell-danger {
  color: #d9534f;
  font-weight: 700;
}

/* 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: #697C8C;
}
.table th.meta a {
  color: #697C8C;
}
.table th.sorted-asc.meta a,
.table th.sorted-desc.meta a {
  color: #3A4854;
}
.table td.meta {
  color: #697C8C;
}

/* Table with huge checkboxes
   ========================================================================== */
.table-huge-checkboxes input[type="checkbox"] {
  font-size: 30px;
}

/* Tables where you can tap the row to select checkbox
   ========================================================================== */
.table-tap-row-select-checkbox tr {
  cursor: pointer;
}

/* Fixed width columns
   ========================================================================== */
.table th.fixed-width.tiny, .table td.fixed-width.tiny {
  width: 1px;
}
.table th.fixed-width.small, .table td.fixed-width.small {
  width: 100px;
}
.table th.fixed-width.medium, .table td.fixed-width.medium {
  width: 150px;
}
.table th.fixed-width.large, .table td.fixed-width.large {
  width: 200px;
}

/* ==========================================================================
  Tags
   ========================================================================== */
/* Simple tags 
   ========================================================================== */
.tag, .tag-simple {
  background: #0093BA;
  border: 1px solid #006b87;
  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: #5cb85c;
  border-color: #4eb24e;
}
.tag.addition a {
  background: #449d44;
}
.tag.addition .operator {
  background: #80c780;
}
.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: #00bbed;
  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: #004254;
  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 #FFF;
  box-shadow: 0 0 0 2px #FFF;
}

/* Tag colors
   ========================================================================== */
.tag-subtle {
  background: #E2E9EF;
  color: #3A4854;
  border-color: #c1d0dd;
}
.tag-subtle > a {
  background: #c1d0dd;
  color: #FFF;
}

.tag-medium {
  background: #697C8C;
  color: #FFF;
  border-color: #53626f;
}
.tag-medium > a {
  background: #53626f;
  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: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.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: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

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

/****
  All custom overrides
****/
.m0 {
  margin: 0 !important;
}

.m5-horizontal {
  margin-left: 5px;
  margin-right: 5px;
}

/* Highlight
   ========================================================================== */
.highlight {
  background: #F9F3AC !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;
}

/* Subtle text
   ========================================================================== */
.subtle {
  color: #697C8C;
}
.subtle.light {
  color: #A4AFB8;
}

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

/* Borderless table
   ========================================================================== */
table.borderless thead, table.borderless tbody, table.borderless tr, table.borderless td, table.borderless th {
  border: none !important;
}

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

/* Layers
   ========================================================================== */
.create-z-context {
  position: relative;
}
.create-z-context .z-context-layer-1 {
  position: absolute;
  top: 0;
  z-index: 1;
}
.create-z-context .z-context-layer-2 {
  position: absolute;
  top: 0;
  z-index: 2;
}

/* Fill context 
   ========================================================================== */
.create-fill-context {
  height: 100%;
  width: 100%;
}

/* Vertical/horizontal center
   ========================================================================== */
.flexbox .flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.flexbox .flex-center > .flex-center-element {
  margin: auto;
}

.no-flexbox .flex-center,
.ie11 .flex-center {
  display: table;
  height: 100%;
  width: 100%;
}
.no-flexbox .flex-center > .flex-center-element,
.ie11 .flex-center > .flex-center-element {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

/*  Wells
   ========================================================================== */
.well {
  background: #E2E9EF;
  padding: 12px;
  margin-bottom: 12px;
}

.well + .well {
  margin-top: -11px;
}

/* ==========================================================================
  Layouts
  Definition of the different layouts
   ========================================================================== */
/* General structure
   ========================================================================== */
body, html {
  height: 100%;
  overflow: hidden;
}

body.is-mobile {
  min-width: 100%;
}

#content-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.is-mobile #content-wrapper {
  min-width: 100%;
  top: 0;
}

#content {
  height: 100%;
}

/* Bottom navbars 
   ========================================================================== */
#navbar-bottom-primary {
  bottom: 0;
  position: absolute;
  width: 100%;
}

#navbar-bottom-secondary {
  bottom: 50px;
  position: absolute;
  width: 100%;
}

/* Navbar z-indexes
   ========================================================================== */
#navbar-top-primary {
  z-index: 4;
}

#navbar-top-secondary {
  z-index: 3;
}

#navbar-top-tertiary {
  z-index: 5;
}

/* Calculate scrollable areas for different navbar layouts
   ========================================================================== */
#navbar-top-primary + #content-wrapper {
  top: 50px;
}

#navbar-top-primary + #navbar-top-secondary + #content-wrapper {
  top: 100px;
}

#navbar-top-primary + #navbar-top-secondary + #navbar-top-tertiary + #content-wrapper {
  top: 150px;
}

#navbar-top-primary + #navbar-top-secondary.navbar-large + #content-wrapper {
  top: 140px;
}

#navbar-top-primary + #navbar-top-secondary.navbar-small + #content-wrapper {
  top: 82px;
}

#navbar-top-primary + #navbar-top-secondary.navbar-large + #navbar-top-tertiary + #content-wrapper {
  top: 190px;
}

#navbar-top-primary + #navbar-top-secondary.navbar-large + #navbar-top-tertiary.navbar-small + #content-wrapper {
  top: 172px;
}

#navbar-top-primary + #navbar-top-secondary.navbar-large + #navbar-top-tertiary.navbar-small.navbar-tabs + #content-wrapper {
  top: 140px;
}

#content-wrapper.page-has-navbarbottomprimary {
  bottom: 50px;
}

#content-wrapper.page-has-navbarbottomprimary-navbarbottomsecondary {
  bottom: 100px;
}

/* ==========================================================================
  Status bar when running fullscreen web app on iOS device
   ========================================================================== */
.is-apple-web-app-fullscreen #navbar-top-primary:before {
  height: 20px;
  content: " ";
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.1);
}
.is-apple-web-app-fullscreen #navbar-top-primary + #content-wrapper {
  top: 70px;
}
.is-apple-web-app-fullscreen #navbar-top-primary + #navbar-top-secondary + #content-wrapper {
  top: 120px;
}
.is-apple-web-app-fullscreen #navbar-top-primary + #navbar-top-secondary.navbar-large + #content-wrapper {
  top: 160px;
}

/* Default layout
   ========================================================================== */
.layout-default #content {
  padding: 15px;
}

/* No padding layout
   ========================================================================== */
.layout-no-pad #content {
  padding: 0;
}

/* Themes 
   ========================================================================== */
/* ==========================================================================
  Themes for navbars
   ========================================================================== */
/* Shared styles for all "inverse" themes 
   ========================================================================== */
.navbar-inverse .navbar-brand {
  color: #FFF;
}
.navbar-inverse .btn-default {
  color: #FFF;
}
.navbar-inverse .btn-default:focus {
  outline-color: #FFF;
}
.navbar-inverse .custom-breadcrumbs > li > a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  outline-color: #FFF;
  outline-offset: -5px;
}

/* Navbar variants
  @mixin navbar-variant($bg,$border,$btn-bg,$btn-border,$btn-border-hover)
   ========================================================================== */
.navbar-white {
  background-color: #FFF;
  border-color: #EFF3F6;
}
.navbar-white .navbar-divider.bordered {
  border-color: #EFF3F6;
}
.navbar-white .btn-default {
  background-color: #EFF3F6;
  border-color: #EFF3F6;
}
.navbar-white .btn-default:hover, .navbar-white .btn-default:active, .navbar-white .btn-default:focus {
  border-color: #E2E9EF;
}
.navbar-white.navbar-top, .navbar-white.navbar-bottom {
  border-color: #EFF3F6;
}

.navbar-gray-lighter {
  background-color: #E2E9EF;
  border-color: #D5DDE3;
}
.navbar-gray-lighter .navbar-divider.bordered {
  border-color: #D5DDE3;
}
.navbar-gray-lighter .btn-default {
  background-color: #D5DDE3;
  border-color: #D5DDE3;
}
.navbar-gray-lighter .btn-default:hover, .navbar-gray-lighter .btn-default:active, .navbar-gray-lighter .btn-default:focus {
  border-color: #c6d1d9;
}
.navbar-gray-lighter.navbar-top, .navbar-gray-lighter.navbar-bottom {
  border-color: #D5DDE3;
}

.navbar-gray-light, .navbar-default {
  background-color: #D5DDE3;
  border-color: #C4CDD4;
}
.navbar-gray-light .navbar-divider.bordered, .navbar-default .navbar-divider.bordered {
  border-color: #C4CDD4;
}
.navbar-gray-light .btn-default, .navbar-default .btn-default {
  background-color: #C4CDD4;
  border-color: #C4CDD4;
}
.navbar-gray-light .btn-default:hover, .navbar-gray-light .btn-default:active, .navbar-gray-light .btn-default:focus, .navbar-default .btn-default:hover, .navbar-default .btn-default:active, .navbar-default .btn-default:focus {
  border-color: #A4AFB8;
}
.navbar-gray-light.navbar-top, .navbar-gray-light.navbar-bottom, .navbar-default.navbar-top, .navbar-default.navbar-bottom {
  border-color: #C4CDD4;
}

.navbar-gray-light-shift {
  background-color: #C4CDD4;
  border-color: #A4AFB8;
}
.navbar-gray-light-shift .navbar-divider.bordered {
  border-color: #A4AFB8;
}
.navbar-gray-light-shift .btn-default {
  background-color: #A4AFB8;
  border-color: #A4AFB8;
}
.navbar-gray-light-shift .btn-default:hover, .navbar-gray-light-shift .btn-default:active, .navbar-gray-light-shift .btn-default:focus {
  border-color: #8796a2;
}
.navbar-gray-light-shift.navbar-top, .navbar-gray-light-shift.navbar-bottom {
  border-color: #A4AFB8;
}

.navbar-gray {
  background-color: #697C8C;
  border-color: #556777;
}
.navbar-gray .navbar-divider.bordered {
  border-color: #556777;
}
.navbar-gray .btn-default {
  background-color: #556777;
  border-color: #556777;
}
.navbar-gray .btn-default:hover, .navbar-gray .btn-default:active, .navbar-gray .btn-default:focus {
  border-color: #404d59;
}
.navbar-gray.navbar-top, .navbar-gray.navbar-bottom {
  border-color: #556777;
}

.navbar-gray-dark {
  background-color: #3A4854;
  border-color: #2D3842;
}
.navbar-gray-dark .navbar-divider.bordered {
  border-color: #2D3842;
}
.navbar-gray-dark .btn-default {
  background-color: #2D3842;
  border-color: #2D3842;
}
.navbar-gray-dark .btn-default:hover, .navbar-gray-dark .btn-default:active, .navbar-gray-dark .btn-default:focus {
  border-color: #181e24;
}
.navbar-gray-dark.navbar-top, .navbar-gray-dark.navbar-bottom {
  border-color: #2D3842;
}

.navbar-mid-blue {
  background-color: #00A0CB;
  border-color: #0093BA;
}
.navbar-mid-blue .navbar-divider.bordered {
  border-color: #0093BA;
}
.navbar-mid-blue .btn-default {
  background-color: #0093BA;
  border-color: #0093BA;
}
.navbar-mid-blue .btn-default:hover, .navbar-mid-blue .btn-default:active, .navbar-mid-blue .btn-default:focus {
  border-color: #006b87;
}
.navbar-mid-blue.navbar-top, .navbar-mid-blue.navbar-bottom {
  border-color: #0093BA;
}

.navbar-light-orange {
  background-color: #F7A600;
  border-color: #FFB41A;
}
.navbar-light-orange .navbar-divider.bordered {
  border-color: #FFB41A;
}
.navbar-light-orange .btn-default {
  background-color: #FFB41A;
  border-color: #FFB41A;
}
.navbar-light-orange .btn-default:hover, .navbar-light-orange .btn-default:active, .navbar-light-orange .btn-default:focus {
  border-color: #ffc54d;
}
.navbar-light-orange.navbar-top, .navbar-light-orange.navbar-bottom {
  border-color: #FFB41A;
}

.navbar-orange {
  background-color: #ED7102;
  border-color: #D26300;
}
.navbar-orange .navbar-divider.bordered {
  border-color: #D26300;
}
.navbar-orange .btn-default {
  background-color: #D26300;
  border-color: #D26300;
}
.navbar-orange .btn-default:hover, .navbar-orange .btn-default:active, .navbar-orange .btn-default:focus {
  border-color: #9f4b00;
}
.navbar-orange.navbar-top, .navbar-orange.navbar-bottom {
  border-color: #D26300;
}

.navbar-dark-orange {
  background-color: #D26300;
  border-color: #B45500;
}
.navbar-dark-orange .navbar-divider.bordered {
  border-color: #B45500;
}
.navbar-dark-orange .btn-default {
  background-color: #B45500;
  border-color: #B45500;
}
.navbar-dark-orange .btn-default:hover, .navbar-dark-orange .btn-default:active, .navbar-dark-orange .btn-default:focus {
  border-color: #813d00;
}
.navbar-dark-orange.navbar-top, .navbar-dark-orange.navbar-bottom {
  border-color: #B45500;
}

.navbar-aqua {
  background-color: #4AC0C0;
  border-color: #3CABAB;
}
.navbar-aqua .navbar-divider.bordered {
  border-color: #3CABAB;
}
.navbar-aqua .btn-default {
  background-color: #3CABAB;
  border-color: #3CABAB;
}
.navbar-aqua .btn-default:hover, .navbar-aqua .btn-default:active, .navbar-aqua .btn-default:focus {
  border-color: #2f8585;
}
.navbar-aqua.navbar-top, .navbar-aqua.navbar-bottom {
  border-color: #3CABAB;
}

.navbar-aqua-dark {
  background-color: #3CABAB;
  border-color: #359898;
}
.navbar-aqua-dark .navbar-divider.bordered {
  border-color: #359898;
}
.navbar-aqua-dark .btn-default {
  background-color: #359898;
  border-color: #359898;
}
.navbar-aqua-dark .btn-default:hover, .navbar-aqua-dark .btn-default:active, .navbar-aqua-dark .btn-default:focus {
  border-color: #287272;
}
.navbar-aqua-dark.navbar-top, .navbar-aqua-dark.navbar-bottom {
  border-color: #359898;
}

.navbar-aqua-light {
  background-color: #4FD7D7;
  border-color: #4AC0C0;
}
.navbar-aqua-light .navbar-divider.bordered {
  border-color: #4AC0C0;
}
.navbar-aqua-light .btn-default {
  background-color: #4AC0C0;
  border-color: #4AC0C0;
}
.navbar-aqua-light .btn-default:hover, .navbar-aqua-light .btn-default:active, .navbar-aqua-light .btn-default:focus {
  border-color: #389f9f;
}
.navbar-aqua-light.navbar-top, .navbar-aqua-light.navbar-bottom {
  border-color: #4AC0C0;
}

/* ==========================================================================
  Border colors on dividers for navbar variants
   ========================================================================== */
.navbar-white .navbar-divider.bordered {
  border-color: #EFF3F6;
}
.navbar-white .navbar-divider.extra-bordered {
  border-color: #EFF3F6;
}
.navbar-white .navbar-right .navbar-divider.bordered {
  border-color: #EFF3F6;
}
.navbar-white .navbar-right .navbar-divider.extra-bordered {
  border-color: #EFF3F6;
}
.navbar-white .navbar-right .navbar-divider.extra-bordered:last-child {
  border-color: #EFF3F6;
}

.navbar-gray-lighter .navbar-divider.bordered {
  border-color: #c6d1d9;
}
.navbar-gray-lighter .navbar-divider.extra-bordered {
  border-color: #c6d1d9;
}
.navbar-gray-lighter .navbar-right .navbar-divider.bordered {
  border-color: #c6d1d9;
}
.navbar-gray-lighter .navbar-right .navbar-divider.extra-bordered {
  border-color: #c6d1d9;
}
.navbar-gray-lighter .navbar-right .navbar-divider.extra-bordered:last-child {
  border-color: #c6d1d9;
}

.navbar-gray-lightest .navbar-divider.bordered {
  border-color: #D5DDE3;
}
.navbar-gray-lightest .navbar-divider.extra-bordered {
  border-color: #D5DDE3;
}
.navbar-gray-lightest .navbar-right .navbar-divider.bordered {
  border-color: #D5DDE3;
}
.navbar-gray-lightest .navbar-right .navbar-divider.extra-bordered {
  border-color: #D5DDE3;
}
.navbar-gray-lightest .navbar-right .navbar-divider.extra-bordered:last-child {
  border-color: #D5DDE3;
}

.navbar-orange .navbar-divider.bordered {
  border-color: #D26300;
}
.navbar-orange .navbar-divider.extra-bordered {
  border-color: #D26300;
}
.navbar-orange .navbar-right .navbar-divider.bordered {
  border-color: #D26300;
}
.navbar-orange .navbar-right .navbar-divider.extra-bordered {
  border-color: #D26300;
}
.navbar-orange .navbar-right .navbar-divider.extra-bordered:last-child {
  border-color: #D26300;
}

/* ==========================================================================
  Themes for content
   ========================================================================== */
.content-inverse {
  color: #FFF;
}

.content-gray {
  background: #5e6f7d;
}

.content-gray-dark {
  background: #3A4854;
}

.content-very-light-blue {
  background: #DDF5FA;
}

.content-bright-blue {
  background: #ABEAFA;
}

.content-white {
  background: #FFF;
}

.content-light-blue
{
    background:#ABDAED;
}

.content-light-blue:after {
    content:"";
    background:#EBF6FB;
    position:fixed;
    top:0;
    bottom:10%;
    right:0;
    left:0;
    content:" ";
    z-index:-1;
}

/* ==========================================================================
  Themes for panels
   ========================================================================== */
.panel-inverse {
  color: #FFF;
}
.panel-inverse .panel-heading {
  color: #FFF;
}
.panel-inverse .btn-default {
  color: #FFF;
}
.panel-inverse .btn-default:focus {
  outline-color: #FFF;
}

.panel-gray {
  border-color: #556777;
  background: #697C8C;
}
.panel-gray .table td,
.panel-gray .table th {
  border-color: #556777;
}
.panel-gray .panel-heading {
  background: #697C8C;
  border-color: #556777;
}
.panel-gray .btn-default {
  background: #697C8C;
  border-color: #556777;
}
.panel-gray .btn-default:hover, .panel-gray .btn-default:active, .panel-gray .btn-default:focus {
  background: #4a5a68;
  border-color: #4a5a68;
}
.panel-gray .panel-footer {
  background-color: #697C8C;
  border-color: #556777;
}
.panel-gray .panel-body + .panel-body,
.panel-gray .table + .panel-body {
  border-color: #556777;
}

.panel-gray-dark {
  border-color: #2D3842;
  background: #3A4854;
}
.panel-gray-dark .table td,
.panel-gray-dark .table th {
  border-color: #2D3842;
}
.panel-gray-dark .panel-heading {
  background: #3A4854;
  border-color: #2D3842;
}
.panel-gray-dark .btn-default {
  background: #3A4854;
  border-color: #2D3842;
}
.panel-gray-dark .btn-default:hover, .panel-gray-dark .btn-default:active, .panel-gray-dark .btn-default:focus {
  background: #232b33;
  border-color: #232b33;
}
.panel-gray-dark .panel-footer {
  background-color: #3A4854;
  border-color: #2D3842;
}
.panel-gray-dark .panel-body + .panel-body,
.panel-gray-dark .table + .panel-body {
  border-color: #2D3842;
}

.panel-orange {
  border-color: #D26300;
  background: #ED7102;
}
.panel-orange .table td,
.panel-orange .table th {
  border-color: #D26300;
}
.panel-orange .panel-heading {
  background: #ED7102;
  border-color: #D26300;
}
.panel-orange .btn-default {
  background: #b85700;
  border-color: #9f4b00;
}
.panel-orange .btn-default:hover, .panel-orange .btn-default:active, .panel-orange .btn-default:focus {
  background: #D26300;
  border-color: #b85700;
}
.panel-orange .panel-footer {
  background-color: #ED7102;
  border-color: #D26300;
}
.panel-orange .panel-body + .panel-body,
.panel-orange .table + .panel-body {
  border-color: #D26300;
}

.panel-light-orange {
  border-color: #FFB41A;
  background: #F7A600;
}
.panel-light-orange .table td,
.panel-light-orange .table th {
  border-color: #FFB41A;
}
.panel-light-orange .panel-heading {
  background: #F7A600;
  border-color: #FFB41A;
}
.panel-light-orange .btn-default {
  background: #ffac00;
  border-color: #e69b00;
}
.panel-light-orange .btn-default:hover, .panel-light-orange .btn-default:active, .panel-light-orange .btn-default:focus {
  background: #FFB41A;
  border-color: #ffac00;
}
.panel-light-orange .panel-footer {
  background-color: #F7A600;
  border-color: #FFB41A;
}
.panel-light-orange .panel-body + .panel-body,
.panel-light-orange .table + .panel-body {
  border-color: #FFB41A;
}

.panel-aqua {
  border-color: #3CABAB;
  background: #4AC0C0;
}
.panel-aqua .table td,
.panel-aqua .table th {
  border-color: #3CABAB;
}
.panel-aqua .panel-heading {
  background: #4AC0C0;
  border-color: #3CABAB;
}
.panel-aqua .btn-default {
  background: #359898;
  border-color: #2f8585;
}
.panel-aqua .btn-default:hover, .panel-aqua .btn-default:active, .panel-aqua .btn-default:focus {
  background: #3CABAB;
  border-color: #359898;
}
.panel-aqua .panel-footer {
  background-color: #4AC0C0;
  border-color: #3CABAB;
}
.panel-aqua .panel-body + .panel-body,
.panel-aqua .table + .panel-body {
  border-color: #3CABAB;
}

.panel-mid-blue {
  border-color: #0093BA;
  background: #00A0CB;
}
.panel-mid-blue .table td,
.panel-mid-blue .table th {
  border-color: #0093BA;
}
.panel-mid-blue .panel-heading {
  background: #00A0CB;
  border-color: #0093BA;
}
.panel-mid-blue .btn-default {
  background: #006b87;
  border-color: #006b87;
}
.panel-mid-blue .btn-default:hover, .panel-mid-blue .btn-default:active, .panel-mid-blue .btn-default:focus {
  background: #007fa1;
  border-color: #007fa1;
}
.panel-mid-blue .panel-footer {
  background-color: #00A0CB;
  border-color: #0093BA;
}
.panel-mid-blue .panel-body + .panel-body,
.panel-mid-blue .table + .panel-body {
  border-color: #0093BA;
}

/* Custom breadcrumbs skin
   ========================================================================== */
.navbar-inverse {
  color: #FFF;
}
.navbar-inverse .bordered-list-horizontal li {
  border-color: rgba(255, 255, 255, 0.25);
}
.navbar-inverse .custom-breadcrumbs {
  color: #FFF;
}
.navbar-inverse .custom-breadcrumbs > li > a {
  color: #FFF;
}

.navbar-gray-light .custom-breadcrumbs > li > a,
.navbar-gray-light .custom-breadcrumbs > li > .holder {
  background: #D5DDE3;
}
.navbar-gray-light .custom-breadcrumbs > li > a:after,
.navbar-gray-light .custom-breadcrumbs > li > .holder:after {
  border-left-color: #D5DDE3;
}
.navbar-gray-light .custom-breadcrumbs > li > a:before,
.navbar-gray-light .custom-breadcrumbs > li > .holder:before {
  border-left-color: #C4CDD4;
}
.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: #C4CDD4;
}
.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: #C4CDD4;
}
.navbar-gray-light .custom-breadcrumbs > li.selected > .holder {
  background: #A4AFB8;
}
.navbar-gray-light .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #96a2ad;
}
.navbar-gray-light .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #A4AFB8;
}

.navbar-white .custom-breadcrumbs > li > a,
.navbar-white .custom-breadcrumbs > li > .holder {
  background: #FFF;
}
.navbar-white .custom-breadcrumbs > li > a:after,
.navbar-white .custom-breadcrumbs > li > .holder:after {
  border-left-color: #FFF;
}
.navbar-white .custom-breadcrumbs > li > a:before,
.navbar-white .custom-breadcrumbs > li > .holder:before {
  border-left-color: #E2E9EF;
}
.navbar-white .custom-breadcrumbs > li > a:hover, .navbar-white .custom-breadcrumbs > li > a:active, .navbar-white .custom-breadcrumbs > li > a:focus {
  background: #E2E9EF;
}
.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: #E2E9EF;
}
.navbar-white .custom-breadcrumbs > li.selected > .holder {
  background: #D5DDE3;
}
.navbar-white .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #C4CDD4;
}
.navbar-white .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #D5DDE3;
}

.navbar-orange .custom-breadcrumbs > li > a,
.navbar-orange .custom-breadcrumbs > li > .holder {
  background: #ED7102;
}
.navbar-orange .custom-breadcrumbs > li > a:after,
.navbar-orange .custom-breadcrumbs > li > .holder:after {
  border-left-color: #ED7102;
}
.navbar-orange .custom-breadcrumbs > li > a:before,
.navbar-orange .custom-breadcrumbs > li > .holder:before {
  border-left-color: #D26300;
}
.navbar-orange .custom-breadcrumbs > li > a:hover, .navbar-orange .custom-breadcrumbs > li > a:active, .navbar-orange .custom-breadcrumbs > li > a:focus {
  background: #D26300;
}
.navbar-orange .custom-breadcrumbs > li > a:hover:after, .navbar-orange .custom-breadcrumbs > li > a:active:after, .navbar-orange .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #D26300;
}
.navbar-orange .custom-breadcrumbs > li.selected > .holder {
  background: #b85700;
}
.navbar-orange .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #9f4b00;
}
.navbar-orange .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #b85700;
}

.navbar-dark-orange .custom-breadcrumbs > li > a,
.navbar-dark-orange .custom-breadcrumbs > li > .holder {
  background: #D26300;
}
.navbar-dark-orange .custom-breadcrumbs > li > a:after,
.navbar-dark-orange .custom-breadcrumbs > li > .holder:after {
  border-left-color: #D26300;
}
.navbar-dark-orange .custom-breadcrumbs > li > a:before,
.navbar-dark-orange .custom-breadcrumbs > li > .holder:before {
  border-left-color: #B45500;
}
.navbar-dark-orange .custom-breadcrumbs > li > a:hover, .navbar-dark-orange .custom-breadcrumbs > li > a:active, .navbar-dark-orange .custom-breadcrumbs > li > a:focus {
  background: #B45500;
}
.navbar-dark-orange .custom-breadcrumbs > li > a:hover:after, .navbar-dark-orange .custom-breadcrumbs > li > a:active:after, .navbar-dark-orange .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #B45500;
}
.navbar-dark-orange .custom-breadcrumbs > li.selected > .holder {
  background: #9b4900;
}
.navbar-dark-orange .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #813d00;
}
.navbar-dark-orange .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #9b4900;
}

.navbar-light-orange .custom-breadcrumbs > li > a,
.navbar-light-orange .custom-breadcrumbs > li > .holder {
  background: #F7A600;
}
.navbar-light-orange .custom-breadcrumbs > li > a:after,
.navbar-light-orange .custom-breadcrumbs > li > .holder:after {
  border-left-color: #F7A600;
}
.navbar-light-orange .custom-breadcrumbs > li > a:before,
.navbar-light-orange .custom-breadcrumbs > li > .holder:before {
  border-left-color: #FFB41A;
}
.navbar-light-orange .custom-breadcrumbs > li > a:hover, .navbar-light-orange .custom-breadcrumbs > li > a:active, .navbar-light-orange .custom-breadcrumbs > li > a:focus {
  background: #FFB41A;
}
.navbar-light-orange .custom-breadcrumbs > li > a:hover:after, .navbar-light-orange .custom-breadcrumbs > li > a:active:after, .navbar-light-orange .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #FFB41A;
}
.navbar-light-orange .custom-breadcrumbs > li.selected > .holder {
  background: #ffac00;
}
.navbar-light-orange .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #e69b00;
}
.navbar-light-orange .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #ffac00;
}

.navbar-mid-blue .custom-breadcrumbs > li > a,
.navbar-mid-blue .custom-breadcrumbs > li > .holder {
  background: #00A0CB;
}
.navbar-mid-blue .custom-breadcrumbs > li > a:after,
.navbar-mid-blue .custom-breadcrumbs > li > .holder:after {
  border-left-color: #00A0CB;
}
.navbar-mid-blue .custom-breadcrumbs > li > a:before,
.navbar-mid-blue .custom-breadcrumbs > li > .holder:before {
  border-left-color: #0093BA;
}
.navbar-mid-blue .custom-breadcrumbs > li > a:hover, .navbar-mid-blue .custom-breadcrumbs > li > a:active, .navbar-mid-blue .custom-breadcrumbs > li > a:focus {
  background: #0093BA;
}
.navbar-mid-blue .custom-breadcrumbs > li > a:hover:after, .navbar-mid-blue .custom-breadcrumbs > li > a:active:after, .navbar-mid-blue .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #0093BA;
}
.navbar-mid-blue .custom-breadcrumbs > li.selected > .holder {
  background: #007fa1;
}
.navbar-mid-blue .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #006b87;
}
.navbar-mid-blue .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #007fa1;
}

.navbar-aqua .custom-breadcrumbs > li > a,
.navbar-aqua .custom-breadcrumbs > li > .holder {
  background: #4AC0C0;
}
.navbar-aqua .custom-breadcrumbs > li > a:after,
.navbar-aqua .custom-breadcrumbs > li > .holder:after {
  border-left-color: #4AC0C0;
}
.navbar-aqua .custom-breadcrumbs > li > a:before,
.navbar-aqua .custom-breadcrumbs > li > .holder:before {
  border-left-color: #3CABAB;
}
.navbar-aqua .custom-breadcrumbs > li > a:hover, .navbar-aqua .custom-breadcrumbs > li > a:active, .navbar-aqua .custom-breadcrumbs > li > a:focus {
  background: #3CABAB;
}
.navbar-aqua .custom-breadcrumbs > li > a:hover:after, .navbar-aqua .custom-breadcrumbs > li > a:active:after, .navbar-aqua .custom-breadcrumbs > li > a:focus:after {
  border-left-color: #3CABAB;
}
.navbar-aqua .custom-breadcrumbs > li.selected > .holder {
  background: #359898;
}
.navbar-aqua .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #2f8585;
}
.navbar-aqua .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #359898;
}

.navbar-gray .custom-breadcrumbs > li > a,
.navbar-gray .custom-breadcrumbs > li > .holder {
  background: #697C8C;
}
.navbar-gray .custom-breadcrumbs > li > a:after,
.navbar-gray .custom-breadcrumbs > li > .holder:after {
  border-left-color: #697C8C;
}
.navbar-gray .custom-breadcrumbs > li > a:before,
.navbar-gray .custom-breadcrumbs > li > .holder:before {
  border-left-color: #556777;
}
.navbar-gray .custom-breadcrumbs > li > a:hover, .navbar-gray .custom-breadcrumbs > li > a:active, .navbar-gray .custom-breadcrumbs > li > a:focus {
  background: #556777;
}
.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: #556777;
}
.navbar-gray .custom-breadcrumbs > li.selected > .holder {
  background: #4a5a68;
}
.navbar-gray .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #404d59;
}
.navbar-gray .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #4a5a68;
}

.navbar-gray-dark .custom-breadcrumbs > li > a,
.navbar-gray-dark .custom-breadcrumbs > li > .holder {
  background: #3A4854;
}
.navbar-gray-dark .custom-breadcrumbs > li > a:after,
.navbar-gray-dark .custom-breadcrumbs > li > .holder:after {
  border-left-color: #3A4854;
}
.navbar-gray-dark .custom-breadcrumbs > li > a:before,
.navbar-gray-dark .custom-breadcrumbs > li > .holder:before {
  border-left-color: #2D3842;
}
.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: #2D3842;
}
.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: #2D3842;
}
.navbar-gray-dark .custom-breadcrumbs > li.selected > .holder {
  background: #232b33;
}
.navbar-gray-dark .custom-breadcrumbs > li.selected > .holder:before {
  border-left-color: #181e24;
}
.navbar-gray-dark .custom-breadcrumbs > li.selected > .holder:after {
  border-left-color: #232b33;
}

/* Custom nav-pills-tabs skin
  @mixin nav-tabs-alt-variant($color, $border-color)
   ========================================================================== */
.navbar-white .nav-tabs-alt > li > a,
.navbar-white .nav-tabs-alt > li > a:link,
.navbar-white .nav-tabs-alt > li > a:visited,
.navbar-gray-light .nav-tabs-alt > li > a,
.navbar-gray-light .nav-tabs-alt > li > a:link,
.navbar-gray-light .nav-tabs-alt > li > a:visited,
.navbar-gray-lightest .nav-tabs-alt > li > a,
.navbar-gray-lightest .nav-tabs-alt > li > a:link,
.navbar-gray-lightest .nav-tabs-alt > li > a:visited {
  color: rgba(58, 72, 84, 0.5);
}
.navbar-white .nav-tabs-alt > li.active a,
.navbar-gray-light .nav-tabs-alt > li.active a,
.navbar-gray-lightest .nav-tabs-alt > li.active a {
  color: #3a4854;
}
.navbar-white .nav-tabs-alt > li.active a:after,
.navbar-gray-light .nav-tabs-alt > li.active a:after,
.navbar-gray-lightest .nav-tabs-alt > li.active a:after {
  background: #697C8C;
}

.navbar-orange .nav-tabs-alt > li > a,
.navbar-orange .nav-tabs-alt > li > a:link,
.navbar-orange .nav-tabs-alt > li > a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-orange .nav-tabs-alt > li.active a {
  color: white;
}
.navbar-orange .nav-tabs-alt > li.active a:after {
  background: #D26300;
}

.navbar-light-orange .nav-tabs-alt > li > a,
.navbar-light-orange .nav-tabs-alt > li > a:link,
.navbar-light-orange .nav-tabs-alt > li > a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-light-orange .nav-tabs-alt > li.active a {
  color: white;
}
.navbar-light-orange .nav-tabs-alt > li.active a:after {
  background: #ED7102;
}

.navbar-mid-blue .nav-tabs-alt > li > a,
.navbar-mid-blue .nav-tabs-alt > li > a:link,
.navbar-mid-blue .nav-tabs-alt > li > a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-mid-blue .nav-tabs-alt > li.active a {
  color: white;
}
.navbar-mid-blue .nav-tabs-alt > li.active a:after {
  background: #00A0CB;
}

.navbar-aqua .nav-tabs-alt > li > a,
.navbar-aqua .nav-tabs-alt > li > a:link,
.navbar-aqua .nav-tabs-alt > li > a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-aqua .nav-tabs-alt > li.active a {
  color: white;
}
.navbar-aqua .nav-tabs-alt > li.active a:after {
  background: #3CABAB;
}

.navbar-aqua-light .nav-tabs-alt > li > a,
.navbar-aqua-light .nav-tabs-alt > li > a:link,
.navbar-aqua-light .nav-tabs-alt > li > a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-aqua-light .nav-tabs-alt > li.active a {
  color: white;
}
.navbar-aqua-light .nav-tabs-alt > li.active a:after {
  background: #4AC0C0;
}

.navbar-gray .nav-tabs-alt > li > a,
.navbar-gray .nav-tabs-alt > li > a:link,
.navbar-gray .nav-tabs-alt > li > a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-gray .nav-tabs-alt > li.active a {
  color: white;
}
.navbar-gray .nav-tabs-alt > li.active a:after {
  background: #3A4854;
}

.navbar-gray-dark .nav-tabs-alt > li > a,
.navbar-gray-dark .nav-tabs-alt > li > a:link,
.navbar-gray-dark .nav-tabs-alt > li > a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-gray-dark .nav-tabs-alt > li.active a {
  color: white;
}
.navbar-gray-dark .nav-tabs-alt > li.active a:after {
  background: #22282E;
}

/* Labels 
   ========================================================================== */
.label-workday {
  background-color: #DDF5FA;
  color: #FFF;
}
.label-workday[href]:hover, .label-workday[href]:focus {
  background-color: #b1e8f3;
}

.label-holiday {
  background-color: #00A0CB;
  color: #FFF;
}
.label-holiday[href]:hover, .label-holiday[href]:focus {
  background-color: #007898;
}

.label-public-holiday {
  background-color: #4AC0C0;
  color: #FFF;
}
.label-public-holiday[href]:hover, .label-public-holiday[href]:focus {
  background-color: #389f9f;
}

.label-workday {
  background-color: #DDF5FA;
  color: #FFF;
  color: #3A4854;
}
.label-workday[href]:hover, .label-workday[href]:focus {
  background-color: #b1e8f3;
}

.label-sick-day {
  background-color: #F02F6A;
  color: #FFF;
}
.label-sick-day[href]:hover, .label-sick-day[href]:focus {
  background-color: #dc104e;
}

.label-aqua {
  background-color: #4AC0C0;
  color: #FFF;
}
.label-aqua[href]:hover, .label-aqua[href]:focus {
  background-color: #389f9f;
}

.label-mid-blue {
  background-color: #00A0CB;
  color: #FFF;
}
.label-mid-blue[href]:hover, .label-mid-blue[href]:focus {
  background-color: #007898;
}

.label-light-orange {
  background-color: #F7A600;
  color: #FFF;
}
.label-light-orange[href]:hover, .label-light-orange[href]:focus {
  background-color: #c48400;
}

.label-orange {
  background-color: #ED7102;
  color: #FFF;
}
.label-orange[href]:hover, .label-orange[href]:focus {
  background-color: #ba5902;
}

.label-gray {
  background-color: #697C8C;
  color: #FFF;
}
.label-gray[href]:hover, .label-gray[href]:focus {
  background-color: #53626f;
}

.label-gray-light {
  background-color: #D5DDE3;
  color: #FFF;
}
.label-gray-light[href]:hover, .label-gray-light[href]:focus {
  background-color: #b6c4cf;
}

/* Button variants
   ========================================================================== */
.btn-gray {
  color: #FFF;
  background-color: #697C8C;
  border-color: #697C8C;
}
.btn-gray:hover, .btn-gray:focus, .btn-gray.focus, .btn-gray:active, .btn-gray.active, .open > .btn-gray.dropdown-toggle {
  color: #FFF;
  background-color: #53626f;
  border-color: #4f5d69;
}
.btn-gray:active, .btn-gray.active, .open > .btn-gray.dropdown-toggle {
  background-image: none;
}
.btn-gray.disabled, .btn-gray.disabled:hover, .btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray.disabled:active, .btn-gray.disabled.active, .btn-gray[disabled], .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled].focus, .btn-gray[disabled]:active, .btn-gray[disabled].active, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-gray:hover, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-gray.active {
  background-color: #697C8C;
  border-color: #697C8C;
}
.btn-gray .badge {
  color: #697C8C;
  background-color: #FFF;
}

/* Tab variants
   ========================================================================== */
.navbar-orange .nav-tabs-alt-2 > li > a,
.navbar-orange .nav-tabs-alt-2 > li > a:link,
.navbar-orange .nav-tabs-alt-2 > li > a:visited {
  background: rgba(247, 166, 0, 0.5);
  color: #FFF;
}
.navbar-orange .nav-tabs-alt-2 > li > a:hover,
.navbar-orange .nav-tabs-alt-2 > li > a:active,
.navbar-orange .nav-tabs-alt-2 > li > a:focus, .navbar-orange .nav-tabs-alt-2 > li.active a {
  background: #F7A600;
  color: #FFF;
}
.navbar-orange .nav-tabs-alt-2 > li > a:hover:after,
.navbar-orange .nav-tabs-alt-2 > li > a:active:after,
.navbar-orange .nav-tabs-alt-2 > li > a:focus:after, .navbar-orange .nav-tabs-alt-2 > li.active a:after {
  border-bottom-color: #ED7102;
}

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

.btn-group .glyphicon,
.btn .glyphicon,
.nav-pills .glyphicon,
.nav-tabs .glyphicon,
.nav-tabs-alt .glyphicon,
.nav-tabs-alt-2 .glyphicon {
  margin-right: 4px;
}

.btn-toolbar + .dropdown,
.btn-group + .dropdown,
.btn + .dropdown,
.btn + .crud-nav {
  margin-left: 4px;
}

.btn-xs .glyphicon, .btn-group-xs > .btn .glyphicon {
  margin-right: 2px;
}

.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 .glyphicon {
  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;
}

.label-with-icon .glyphicon {
  margin-right: 4px;
}

/* Angular sometimes doesn't use href links so add pointer to <a>
   ========================================================================== */
[ng-click] {
  cursor: pointer;
}
[ng-click].no-pointer {
  cursor: inherit;
}

.modal[ng-click] {
  cursor: inherit;
}

/* ==========================================================================
  Bootstrap CSS components
  These are components that are exactly as in official sass bootstrap releases.
   ========================================================================== */
.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  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-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -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: #000;
}
.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;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #D5DDE3;
  border-radius: 6px;
  -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-content {
  padding: 0;
}

.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: #d5dde3;
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: #d5dde3;
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: #d5dde3;
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: #d5dde3;
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

/* Popover header 
   ========================================================================== */
.popover-content .popover-header {
  border-radius: 5px 5px 0 0;
}
.popover-content .popover-header .navbar {
  border-radius: 5px 5px 0 0;
}

/* Popover content/content with sections
   ========================================================================== */
.popover-content-inner {
  padding: 15px;
}

.popover-content-inner.has-sections {
  padding: 0;
}

/* Popover footer
   ========================================================================== */
.popover-content .popover-footer {
  border-radius: 0 0 5px 5px;
}
.popover-content .popover-footer .navbar {
  border-radius: 0 0 5px 5px;
}

/* Color fixes to arrows
   ========================================================================== */
.popover.bottom > .arrow {
  border-bottom-color: #D5DDE3;
}
.popover.bottom > .arrow:after {
  border-bottom-color: #E2E9EF;
  top: 2px;
}

.popover.top > .arrow {
  border-top-color: #D5DDE3;
}
.popover.top > .arrow:after {
  border-top-color: #E2E9EF;
}

/* Arrow skins (only gray dark so far, should move to popover variant mixin)
   ========================================================================== */
.popover > .arrow.arrow-gray-dark:after {
  border-bottom-color: #3A4854;
}

.popover.top > .arrow.arrow-gray-dark:after {
  border-top-color: #3A4854;
}

/* ==========================================================================
  Custom popover widths
   ========================================================================== */
.workday-popover,
.holiday-popover,
.sickday-popover {
  max-width: 320px;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 9px;
  line-height: 1.42857;
  text-decoration: none;
  color: #0093BA;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #00576e;
  background-color: #E2E9EF;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #0093BA;
  border-color: #0093BA;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #D5DDE3;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

/* ==========================================================================
  small-icon-list
   ========================================================================== */
.small-icon-list__item {
  overflow: hidden;
  width: 100%;
  padding: 4px;
}

.small-icon-list__item--warning {
  color: #FF5151;
}

.small-icon-list__icon-holder {
  float: left;
  margin-right: 4px;
  width: 16px;
  text-align: center;
}

.small-icon-list__text {
  float: left;
}

/* ==========================================================================
  Custom CSS components
  Most components originate from Bootstrap but are otherwise heavily modified
   ========================================================================== */
.pagination {
  display: inline-block;
  padding-left: 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 9px;
  line-height: 1.42857;
  text-decoration: none;
  color: #0093BA;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: #00576e;
  background-color: #E2E9EF;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #0093BA;
  border-color: #0093BA;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #D5DDE3;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

/* ==========================================================================
  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, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(to top, #eee 0%, #fff 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, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 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, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 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: #fff 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, #fff), color-stop(0.99, #eee));
  background: url("../images/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../images/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../images/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff 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, #fff), color-stop(0.99, #eee));
  background: url("../images/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../images/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../images/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 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, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 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, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 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: transparent;
}

.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: #F9F3AC;
  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: #E2E9EF;
  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%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 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: #fff 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 #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff 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%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 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 #ccc;
  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: #697C8C;
}
.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 #ccc;
  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: #697C8C;
}
.select2-lookalike-placeholder select.changed {
  color: #3A4854;
}

/*! 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: #ccc;
  border-radius: 4px;
  color: #3A4854;
  font-family: "Open Sans", sans-serif;
  background-color: #fff;
  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: #ccc;
  border-radius: 4px;
  color: #3A4854;
  font-family: "Open Sans", sans-serif;
  background-color: #fff;
  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.33333;
  border-radius: 6px;
}

.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: 4px !important;
  border-bottom-left-radius: 4px !important;
  background: #fff;
  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: 6px !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: 6px !important;
}

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
  color: #fff;
  background-color: #0093BA;
}

/**
 * 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: #3A4854;
  background: #fff;
  border-color: #ccc;
  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: #333;
  -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: #E2E9EF;
  border-color: #ccc;
}
.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: #697C8C !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: #E2E9EF;
  color: #3A4854;
  border-color: #d5dfe8;
  border-radius: 12px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #FFF;
  color: #3A4854;
  border-color: #b1c4d4;
}

/* 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 #E2E9EF;
}
.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: #697C8C;
}

/* 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: #697C8C;
  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: #3A4854;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #FFF;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #3A4854;
  background: #E2E9EF;
  font-weight: bold;
}

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #21d0ff;
  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: #0093BA !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}

.pika-time {
  margin: 7px auto 7px;
}

/* ==========================================================================
  Screens
  Screen specific CSS. Try to avoid this.
   ========================================================================== */
/* Login page
   ========================================================================== */
.page-login 
{
    min-height:100%;
  height: 100%;
  position:relative;
   z-index: 2;
}
.page-login .section {
  background: #fff;
}
.page-login .alert-success {
  background-color: #ED7102;
  border-color: #ED7102;
}

.layout-single-form {
  max-width: 95%;
  margin: 40px auto;
  height: auto;
  width: 420px;
}
.layout-single-form .section {
  padding: 30px;
}
.layout-single-form .alert {
  padding: 15px;
}
.layout-single-form.layout-single-form-wide {
  width: 100%;
}
@media (min-width: 768px) {
  .layout-single-form.layout-single-form-wide {
    width: 620px;
  }
}
.layout-single-form #logo img {
  display: block;
  max-height: 95px;
  max-width: 175px;
  margin: 0 auto 24px;
}
.layout-single-form .illustration {
  display: none;
}
@media (min-width: 960px) {
  .layout-single-form .illustration {
    display: block;
    position: absolute;
    left: 406px;
    top: 50%;
    margin-top: -190px;
    max-width: 170px;
    z-index: 1;
  }
}
.layout-single-form h3 {
  padding-bottom: 12px;
}

.center-form-vertically {
  height: 100%; 
}
.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;
}
#login-meta a {
  font-size: 13px;
}
#login-meta a {
  color: #5A7C9C;
}
#login-meta a:visited {
  color: #5A7C9C;
}
#login-meta a:hover, #login-meta a:active, #login-meta a:focus {
  color: #5A7C9C;
}
#login-meta .bordered-list-horizontal li {
  border-color: #0093BA;
}

/* Screen specific: Home
   ========================================================================== */
.page-user-home .panels-equal-height {
  width: 900px;
  margin: 0 auto;
}
.page-user-home .panels-equal-height .app-icon {
  margin-bottom: -20px;
}
.page-user-home .panels-equal-height .app-icon [class^="icon-"],
.page-user-home .panels-equal-height .app-icon [class*=" icon-"] {
  display: block;
  width: 128px;
  height: 128px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.page-user-home .panels-equal-height .panel .app-icon [class*=" icon-"],
.page-user-home .panels-equal-height .panel .app-icon [class^="icon-"] {
  margin: 0 auto;
}

/* ==========================================================================
  Payroll summary
   ========================================================================== */
/* Icon colors on payroll summary table & collective
   ========================================================================== */
.table-payroll-summary .glyphicon-warning,
.table-collective .glyphicon-warning {
  color: #FF5151;
}
.table-payroll-summary .glyphicon-check,
.table-collective .glyphicon-check {
  color: #58B957;
}

/* Icons with has color class
   ========================================================================== */
.glyphicon-memo.has-color {
  color: #FFB41A;
}

.glyphicon-check.has-color {
  color: #58B957;
}

.glyphicon-warning.has-color {
  color: #FF5151;
}

@media (max-width: 1000px) {
  .table.table-collective .avatar {
    display: none;
  }
}
.table.table-collective .person-info {
  overflow: hidden;
}
.table.table-collective .person-info .line-1 {
  white-space: nowrap;
}
.table.table-collective .day {
  padding: 0;
  width: 26px;
  text-align: center;
}
.table.table-collective .day.is-split .day-split {
  max-height: 26px;
  line-height: 26px;
  font-size: 0;
}
@media (min-width: 1140px) {
  .table.table-collective .day {
    width: 34px;
  }
}
@media (min-width: 1280px) {
  .table.table-collective .day {
    width: 38px;
  }
}
.table.table-collective .weekend-day {
  width: 20px;
  color: #D5DDE3;
}
.table.table-collective td.day {
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

/*# sourceMappingURL=skin-tablet-desktop.css.map */
.placeholder { color: #aaa; }

.main-footer
{
    position:absolute;
    left:0;
    bottom:10px;
    color:#5A7C9C;
    font-size:13px;
    width:100%;
     padding-left:10px;
  padding-right:10px;
}

.main-footer a
{
    color:#5A7C9C;
    font-size:13px!important;
}


.centered {
  position: fixed;
  top: 50%;
  left: 50%;
 
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}