@charset "UTF-8";
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Indie+Flower");
@import url("https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,500");
@import url("https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap");
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  -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: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

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

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small, .h1 small,
  .h1 .small,
  h2 small,
  h2 .small, .h2 small,
  .h2 .small,
  h3 small,
  h3 .small, .h3 small,
  .h3 .small {
    font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small, .h4 small,
  .h4 .small,
  h5 small,
  h5 .small, .h5 small,
  .h5 .small,
  h6 small,
  h6 .small, .h6 small,
  .h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

.text-danger {
  color: #a94442; }

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff; }

.bg-primary {
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px; }
  .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: 700; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " "; }

.dl-horizontal dd:after {
  clear: both; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0; }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777777; }
    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
      content: "\2014 \00A0"; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0; }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: ""; }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: "\00A0 \2014"; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .container:before, .container:after {
    display: table;
    content: " "; }
  .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 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  .container-fluid:before, .container-fluid:after {
    display: table;
    content: " "; }
  .container-fluid:after {
    clear: both; }

.row {
  margin-right: -15px;
  margin-left: -15px; }
  .row:before, .row:after {
    display: table;
    content: " "; }
  .row:after {
    clear: both; }

.row-no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.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-right: 15px;
  padding-left: 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%; } }

table {
  background-color: transparent; }
  table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none; }
  table td[class*="col-"],
  table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-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 #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .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 #ddd; }
  .table .table {
    background-color: #fff; }

.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-bordered {
  border: 1px solid #ddd; }
  .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 #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  min-height: .01%;
  overflow-x: auto; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child,
        .table-responsive > .table-bordered > thead > tr > td:first-child,
        .table-responsive > .table-bordered > tbody > tr > th:first-child,
        .table-responsive > .table-bordered > tbody > tr > td:first-child,
        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child,
        .table-responsive > .table-bordered > thead > tr > td:last-child,
        .table-responsive > .table-bordered > tbody > tr > th:last-child,
        .table-responsive > .table-bordered > tbody > tr > td:last-child,
        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th,
        .table-responsive > .table-bordered > tbody > tr:last-child > td,
        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

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

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
  input[type="radio"][disabled], input[type="radio"].disabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].disabled,
  fieldset[disabled]
  input[type="checkbox"] {
    cursor: not-allowed; }

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: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  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-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1; }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed; }

textarea.form-control {
  height: auto; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .radio.disabled label,
  fieldset[disabled] .radio label,
  .checkbox.disabled label,
  fieldset[disabled]
  .checkbox label {
    cursor: not-allowed; }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer; }
  .radio-inline.disabled,
  fieldset[disabled] .radio-inline,
  .checkbox-inline.disabled,
  fieldset[disabled]
  .checkbox-inline {
    cursor: not-allowed; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }
  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple] {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
  .has-feedback .form-control {
    padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -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-success .form-control:focus {
    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 .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -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-warning .form-control:focus {
    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 .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.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;
  background-color: #f2dede;
  border-color: #a94442; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
      width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    display: table;
    content: " "; }
  .form-horizontal .form-group:after {
    clear: both; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  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.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -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.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c; }
  .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active,
  .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad; }
    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
    .open > .btn-default.dropdown-toggle:hover,
    .open > .btn-default.dropdown-toggle:focus,
    .open > .btn-default.dropdown-toggle.focus {
      color: #333;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40; }
  .btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #204d74;
      border-color: #122b40; }
  .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #255625; }
  .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1b6d85; }
  .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #985f0d; }
  .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

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

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    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: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

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

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

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

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

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

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

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  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); }
  .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: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
      color: #262626;
      text-decoration: none;
      background-color: #f5f5f5; }

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

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

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

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

.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 {
    display: table;
    content: " "; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    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-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-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:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

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

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

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

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 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, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

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

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " "; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

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

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

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

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

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

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

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0; }
  .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon: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-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon: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-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 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 {
    z-index: 2;
    margin-left: -1px; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .nav:before, .nav:after {
    display: table;
    content: " "; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #777777; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #777777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      cursor: default;
      background-color: #fff;
      border: 1px solid #ddd;
      border-bottom-color: transparent; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

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

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

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    display: table;
    content: " "; }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  display: table;
  content: " "; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    display: table;
    content: " "; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px; }
    @media (max-device-width: 480px) and (orientation: landscape) {
      .navbar-fixed-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px; } }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle:focus {
    outline: 0; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; } }

.navbar-form {
  padding: 10px 15px;
  margin-right: -15px;
  margin-left: -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 .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .navbar-form .form-control-static {
      display: inline-block; }
    .navbar-form .input-group {
      display: inline-table;
      vertical-align: middle; }
      .navbar-form .input-group .input-group-addon,
      .navbar-form .input-group .input-group-btn,
      .navbar-form .input-group .form-control {
        width: auto; }
    .navbar-form .input-group > .form-control {
      width: 100%; }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle; }
      .navbar-form .radio label,
      .navbar-form .checkbox label {
        padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0; } }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; }
      .navbar-form .form-group:last-child {
        margin-bottom: 0; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      padding-top: 0;
      padding-bottom: 0;
      margin-right: 0;
      margin-left: 0;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .navbar-text {
      float: left;
      margin-right: 15px;
      margin-left: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
    .navbar-right ~ .navbar-right {
      margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #888; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7; }
  .navbar-default .navbar-link {
    color: #777; }
    .navbar-default .navbar-link:hover {
      color: #333; }
  .navbar-default .btn-link {
    color: #777; }
    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
      color: #333; }
    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:hover,
    fieldset[disabled] .navbar-default .btn-link:focus {
      color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #9d9d9d; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #090909; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #9d9d9d; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010; }
  .navbar-inverse .navbar-link {
    color: #9d9d9d; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }
  .navbar-inverse .btn-link {
    color: #9d9d9d; }
    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
      color: #fff; }
    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
      color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      padding: 0 5px;
      color: #ccc;
      content: "/ "; }
  .breadcrumb > .active {
    color: #777777; }

.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 12px;
      margin-left: -1px;
      line-height: 1.42857;
      color: #337ab7;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd; }
      .pagination > li > a:hover, .pagination > li > a:focus,
      .pagination > li > span:hover,
      .pagination > li > span:focus {
        z-index: 2;
        color: #23527c;
        background-color: #eeeeee;
        border-color: #ddd; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none; }
  .pager:before, .pager:after {
    display: table;
    content: " "; }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #eeeeee; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }
  .btn-xs .badge, .btn-group-xs > .btn .badge,
  .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px; }
  .list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #337ab7;
    background-color: #fff; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .nav-pills > li > a > .badge {
    margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
  .jumbotron h1,
  .jumbotron .h1 {
    color: inherit; }
  .jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200; }
  .jumbotron > hr {
    border-top-color: #d5d5d5; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron,
      .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

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

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

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

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #eeeeee; }
    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
      color: inherit; }
    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
      color: #777777; }
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > .small {
      color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
      color: #c7ddef; }

a.list-group-item,
button.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

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

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

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

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

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

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

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

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

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

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

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    display: table;
    content: " "; }
  .panel-body:after {
    clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit; }

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

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0; }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
      border-top-left-radius: 3px; }
    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
      border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
      border-bottom-left-radius: 3px; }
    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
      border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0; }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0; }

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0; }

.panel-group {
  margin-bottom: 20px; }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px; }
    .panel-group .panel + .panel {
      margin-top: 5px; }
  .panel-group .panel-heading {
    border-bottom: 0; }
    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
      border-top: 1px solid #ddd; }
  .panel-group .panel-footer {
    border-top: 0; }
    .panel-group .panel-footer + .panel-collapse .panel-body {
      border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ddd; }
    .panel-default > .panel-heading .badge {
      color: #f5f5f5;
      background-color: #333333; }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7; }
    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #337ab7; }
    .panel-primary > .panel-heading .badge {
      color: #337ab7;
      background-color: #fff; }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #d6e9c6; }
    .panel-success > .panel-heading .badge {
      color: #dff0d8;
      background-color: #3c763d; }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #bce8f1; }
    .panel-info > .panel-heading .badge {
      color: #d9edf7;
      background-color: #31708f; }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #faebcc; }
    .panel-warning > .panel-heading .badge {
      color: #fcf8e3;
      background-color: #8a6d3b; }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
      border-top-color: #ebccd1; }
    .panel-danger > .panel-heading .badge {
      color: #f2dede;
      background-color: #a94442; }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2; }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5; }

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

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -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;
  background-clip: padding-box;
  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);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header:before, .modal-header:after {
    display: table;
    content: " "; }
  .modal-header:after {
    clear: both; }

.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 {
    display: table;
    content: " "; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px; }
  .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; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0; }
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px; }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px; }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px; }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px; }
  .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 {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -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;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  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); }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }
  .popover > .arrow {
    border-width: 11px; }
    .popover > .arrow, .popover > .arrow:after {
      position: absolute;
      display: block;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
    .popover > .arrow:after {
      content: "";
      border-width: 10px; }
  .popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0; }
    .popover.top > .arrow:after {
      bottom: 1px;
      margin-left: -10px;
      content: " ";
      border-top-color: #fff;
      border-bottom-width: 0; }
  .popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0; }
    .popover.right > .arrow:after {
      bottom: -10px;
      left: 1px;
      content: " ";
      border-right-color: #fff;
      border-left-width: 0; }
  .popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25); }
    .popover.bottom > .arrow:after {
      top: 1px;
      margin-left: -10px;
      content: " ";
      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: rgba(0, 0, 0, 0.25); }
    .popover.left > .arrow:after {
      right: 1px;
      bottom: -10px;
      content: " ";
      border-right-width: 0;
      border-left-color: #fff; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
      display: block;
      max-width: 100%;
      height: auto;
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px; }
        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
          left: 0; }
        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
          -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          left: 0; } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5; }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x; }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x; }
  .carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    filter: alpha(opacity=90);
    opacity: 0.9; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1; }
  .carousel-control .icon-prev:before {
    content: "\2039"; }
  .carousel-control .icon-next:before {
    content: "\203a"; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: 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; }

@-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 !important; }
  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 !important; }
  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 !important; }
  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 !important; }
  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 !important; }
  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; } }

.ember-basic-dropdown {
  position: relative; }

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box; }

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff; }

.ember-basic-dropdown-content--left {
  left: 0; }

.ember-basic-dropdown-content--right {
  right: 0; }

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none; }

.ember-basic-dropdown-content-wormhole-origin {
  display: inline; }

.ember-power-select-dropdown * {
  box-sizing: border-box; }

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 2;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 2em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */ }
  .ember-power-select-trigger:after {
    content: "";
    display: table;
    clear: both; }

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #66afe9;
  border-bottom: 1px solid #66afe9;
  border-right: 1px solid #66afe9;
  border-left: 1px solid #66afe9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  outline: 0; }

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #999 transparent transparent transparent; }
  .ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
    transform: rotate(180deg); }

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer; }

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */ }
  .ember-power-select-trigger-multiple-input:disabled {
    background-color: #eeeeee; }
  .ember-power-select-trigger-multiple-input::placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-moz-placeholder {
    opacity: 1;
    color: #999999; }
  .ember-power-select-trigger-multiple-input::-ms-input-placeholder {
    opacity: 1;
    color: #999999; }

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0; }

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px; }

.ember-power-select-multiple-remove-btn {
  cursor: pointer; }
  .ember-power-select-multiple-remove-btn:not(:hover) {
    opacity: 0.5; }

.ember-power-select-search {
  padding: 4px; }

.ember-power-select-search-input {
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px; }
  .ember-power-select-search-input:focus {
    border: 1px solid #66afe9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0; }

.ember-power-select-dropdown {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  line-height: 2;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px;
  overflow: hidden;
  color: inherit; }

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  transform: translateY(calc(-1 * 3px));
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  transform: translateY(3px);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%; }

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none; }
  .ember-power-select-options[role="listbox"] {
    overflow-y: auto;
    /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
    -webkit-overflow-scrolling: touch;
    max-height: 20em; }

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px; }

.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed; }

.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed; }

.ember-power-select-option[aria-selected="true"] {
  background-color: #f5f5f5; }

.ember-power-select-option[aria-current="true"] {
  background-color: #f5f5f5;
  color: inherit; }

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold; }

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee; }

.ember-power-select-trigger {
  padding: 0 16px 0 0; }

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px; }

.ember-power-select-status-icon {
  right: 5px; }

.ember-power-select-clear-btn {
  right: 25px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px; }

.ember-power-select-group .ember-power-select-option {
  padding-left: 24px; }

.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px; }

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
    margin-right: 8px; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
    float: right; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
    left: 5px;
    right: initial; }
  .ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
    left: 25px;
    right: initial; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px; }

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px; }

.ember-power-select-typeahead-trigger {
  border: none;
  border-radius: 0; }

.ember-power-select-typeahead-input {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  border: 1px solid #ccc;
  outline: none; }
  .ember-power-select-typeahead-input :focus {
    border: 1px solid #66afe9; }

.alert {
  border: none;
  padding: 20px 30px;
  font-size: 15px;
  margin: 30px 0px; }
  .alert:not(.alert-light) {
    border-radius: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
  .alert .icon-md {
    float: left;
    font-size: 25px;
    padding: 0px 10px 0px 0;
    margin: -2px 0 0 -2px; }
  .alert .icon-lg {
    float: left;
    font-size: 35px;
    padding: 2px 15px 0 0; }
  .alert .title {
    font-size: 120%; }
  .alert .close {
    font-size: 30px;
    font-weight: 300;
    top: -10px;
    right: -15px; }
  .alert ul {
    padding-left: 15px; }
  .alert.alert-default {
    background-color: #FFF; }
  .alert.alert-danger {
    background-color: #eed4d4; }
  .alert.alert-info {
    color: #556e7a;
    background-color: #d0e3ec;
    border-color: #acc1cc; }
    .alert.alert-info hr {
      border-color: #acc1cc; }
  .alert.alert-warning {
    color: #856404;
    background-color: #fff2d7;
    border-color: #f8e3a2; }
    .alert.alert-warning hr {
      border-color: #f8e3a2; }
  .alert.alert-light {
    font-size: 18px;
    font-weight: 400;
    border-radius: 0;
    border-bottom: 1px #ddd solid; }
    .alert.alert-light .icon-lg {
      padding-top: 8px;
      padding-bottom: 8px; }
  .alert span ~ button,
  .alert p ~ button {
    margin-top: 10px; }
  .alert .progress {
    clear: both;
    margin-top: 15px;
    margin-bottom: 0; }

@font-face {
  font-family: 'Mono Social Icons Font';
  src: url("/fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.eot");
  src: url("/fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.eot?#iefix") format("embedded-opentype"), url("/fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.woff") format("woff"), url("/fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.ttf") format("truetype"), url("/fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont") format("svg");
  src: url("/fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.btn {
  padding: 8px 15px; }

.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .btn {
  padding: 5px 10px; }

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .btn {
  padding: 10px 16px; }

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: none; }

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active, .btn-light {
  background: #CDD7DF;
  border-color: #eff5f8; }

.btn-primary,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary.active:hover {
  background: #F8842A;
  border-color: #FFF;
  outline: none; }

.btn-primary:hover {
  color: #FFF;
  background: #8EA4B2;
  border-color: #FFF; }

.btn-primary.btn-semibig:hover, .btn-primary.btn-big:hover {
  background: #ef7110; }

.btn-primary a, .btn-primary:hover a {
  color: #FFF; }

.btn-primary .grey {
  color: #FFF;
  opacity: 0.7; }

.btn .loader {
  padding: 0;
  width: 35px; }

.btn [class^="visible-"] {
  display: inline-block !important; }

.btn-with-badge {
  padding-right: 7px !important; }

.btn-semibig {
  font-size: 20px;
  font-weight: 200;
  padding: 15px 30px;
  line-height: 22px;
  border-radius: 8px; }

.btn-big {
  font-size: 25px;
  font-weight: 200;
  padding: 20px 50px;
  line-height: 25px;
  border-radius: 12px; }
  .btn-big small, .btn-big .small {
    font-size: 65%; }

.btn-default.btn-semibig:hover,
.btn-default.btn-big:hover {
  color: #FFF;
  background: #F8842A;
  border-color: #FFF; }

.btn-scroll-down, .btn-scroll-up {
  position: fixed;
  z-index: 1002;
  right: 0;
  bottom: 15px;
  background: #F8842A;
  color: #FFF;
  width: 60px;
  height: 60px;
  border-radius: 100% 50% 100% 100%;
  transform: translateX(-50%) rotate(-45deg);
  border: 2px #FFF solid; }
  .btn-scroll-down i, .btn-scroll-up i {
    font-size: 28px !important;
    display: inline-block !important;
    margin: 0 !important;
    transform: rotate(45deg);
    opacity: 0.6; }
  .btn-scroll-down:hover i, .btn-scroll-up:hover i {
    opacity: 1;
    color: #FFF; }
  .btn-scroll-down.btn-scroll-down, .btn-scroll-up.btn-scroll-down {
    transform: translateX(-50%) rotate(135deg); }

@media (max-width: 479px) {
  .btn-big {
    padding: 15px 25px 20px 25px;
    margin-top: 20px;
    width: 100%; }
    .btn-big hr {
      margin-top: 15px;
      margin-bottom: 15px; } }

@media (min-width: 480px) and (max-width: 767px) {
  .btn-big {
    padding: 15px 25px;
    font-size: 20px; }
    .btn-big hr {
      margin-top: 10px;
      margin-bottom: 10px; } }

.btn-pill {
  padding-left: 1.25em;
  padding-right: 1.25em;
  border-radius: 1000em !important; }

.btn-group.btn-pill .btn:first-child {
  padding-left: 1.25em;
  border-top-left-radius: 1000em !important;
  border-bottom-left-radius: 1000em !important; }

.btn-group.btn-pill .btn:last-child {
  padding-right: 1.25em;
  border-top-right-radius: 1000em !important;
  border-bottom-right-radius: 1000em !important; }

.btn-secondary, .btn-secondary:focus {
  background: #859fb0;
  border-color: #FFF;
  color: #FFF; }

.btn-secondary:hover {
  color: #FFF;
  background: #F8842A; }

.btn-secondary.btn-big:hover {
  background: #7395ab; }

.btn-primary.btn-outline {
  border-color: #F8842A;
  color: #F8842A;
  background: transparent; }
  .btn-primary.btn-outline:hover {
    background: #F8842A;
    color: #FFF; }
  .btn-primary.btn-outline a {
    color: #F8842A; }
  .btn-primary.btn-outline:hover a {
    color: #FFF; }

.btn-secondary.btn-outline {
  border-color: #859fb0;
  color: #859fb0;
  background: transparent; }
  .btn-secondary.btn-outline:hover {
    background: #859fb0;
    color: #FFF; }

.btn-info {
  background-color: #6eadd1;
  border-color: #4c99c5; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus {
    background-color: #4c99c5;
    border-color: #4c99c5; }

.btn-info.btn-outline {
  color: #4c99c5;
  border-color: #4c99c5;
  background: transparent; }
  .btn-info.btn-outline:hover {
    color: #FFF;
    background-color: #6eadd1;
    border-color: #4c99c5; }

.btn-warning.btn-outline {
  color: #F0A324;
  background: transparent; }
  .btn-warning.btn-outline:hover {
    color: #FFF;
    background-color: #F0A324; }

.btn-danger.btn-outline {
  color: #d9534f;
  background: transparent; }
  .btn-danger.btn-outline:hover {
    color: #FFF;
    background-color: #d9534f; }

.btn-success.btn-outline {
  color: #5cb85c;
  background: transparent; }
  .btn-success.btn-outline:hover {
    color: #FFF;
    background-color: #5cb85c; }

.btn-noline {
  border: none !important; }

.btn-add {
  font-size: 30px;
  font-weight: 400;
  padding: 0px 6px 25px 6px;
  line-height: 25px;
  height: 32px; }
  .btn-add.btn-sm, .btn-group-sm > .btn-add.btn {
    padding: 0px 4px 25px 4px;
    line-height: 20px;
    height: 20px; }

a, .btn-link, .inline-link {
  color: #5b7c8e; }

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

.btn-link:not(.btn-block):not(.btn-more-details):hover,
.btn-link:not(.btn-block):not(.btn-more-details):focus,
.table tr:hover .btn-group .dropdown-toggle {
  text-decoration: none;
  color: #466172;
  border: 1px #859fb0 solid;
  border-radius: 5px; }

.btn .icon-envelope-1,
.btn .icon-envelope-fill-1,
.btn .icon-horizontal-orbit, .btn-group li .icon-envelope-1,
.btn-group li .icon-envelope-fill-1,
.btn-group li .icon-horizontal-orbit, .dropdown-menu li .icon-envelope-1,
.dropdown-menu li .icon-envelope-fill-1,
.dropdown-menu li .icon-horizontal-orbit, .nav li .icon-envelope-1,
.nav li .icon-envelope-fill-1,
.nav li .icon-horizontal-orbit {
  position: relative;
  top: 3px; }

.btn .icon-coffee-cup-fill,
.btn .icon-coffee-cup, .btn-group li .icon-coffee-cup-fill,
.btn-group li .icon-coffee-cup, .dropdown-menu li .icon-coffee-cup-fill,
.dropdown-menu li .icon-coffee-cup, .nav li .icon-coffee-cup-fill,
.nav li .icon-coffee-cup {
  position: relative;
  top: -2px; }

.btn .icon-share, .btn-group li .icon-share, .dropdown-menu li .icon-share, .nav li .icon-share {
  position: relative;
  left: 2px;
  margin-right: 8px;
  top: 0; }

.btn .icon-document-blank, .btn-group li .icon-document-blank, .dropdown-menu li .icon-document-blank, .nav li .icon-document-blank {
  margin-left: 3px;
  margin-right: 7px; }

.btn .lead .icon-envelope-1, .btn-group li .lead .icon-envelope-1, .dropdown-menu li .lead .icon-envelope-1, .nav li .lead .icon-envelope-1 {
  top: 4px; }

.btn .icon-rocket-2, .btn .icon-rocket-2-fill, .btn-group li .icon-rocket-2, .btn-group li .icon-rocket-2-fill, .dropdown-menu li .icon-rocket-2, .dropdown-menu li .icon-rocket-2-fill, .nav li .icon-rocket-2, .nav li .icon-rocket-2-fill {
  background: #F8842A;
  color: #FFF;
  padding: 6px;
  border-radius: 20px;
  position: relative;
  right: -10px; }

.btn.btn-success .icon-rocket-2-fill,
.btn.btn-danger .icon-rocket-2-fill, .btn-group li.btn-success .icon-rocket-2-fill,
.btn-group li.btn-danger .icon-rocket-2-fill, .dropdown-menu li.btn-success .icon-rocket-2-fill,
.dropdown-menu li.btn-danger .icon-rocket-2-fill, .nav li.btn-success .icon-rocket-2-fill,
.nav li.btn-danger .icon-rocket-2-fill {
  background: none; }

.btn.btn-paywall, .btn-group li.btn-paywall, .dropdown-menu li.btn-paywall, .nav li.btn-paywall {
  opacity: 0.5; }

.dropdown-menu li .icon-rocket-2-fill {
  right: -10px;
  font-size: 15px; }

.input-group .btn-primary, .input-group .btn-secondary {
  border-color: #CCCCCC; }

.input-group .form-control {
  height: 35px; }

.input-group.input-group-lg .form-control {
  height: initial; }

.input-group-btn .btn {
  padding-top: 7px;
  padding-bottom: 6px; }

.social-icon, a.social-icon:before {
  font-family: 'Mono Social Icons Font';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -ms-font-feature-settings: "liga" 1; }

a.social-icon:before {
  content: attr(title);
  font-size: 130%; }

.social-icon {
  font-size: 35px;
  vertical-align: middle;
  line-height: 20px; }

.btn-lg .social-icon, .btn-group-lg > .btn .social-icon {
  font-size: 45px; }

.btn-social {
  background: #fff;
  border: 1px #DDD solid;
  text-align: left;
  border-radius: 50px;
  padding-left: 0px;
  height: 37px; }
  .btn-social:hover, .btn-social:focus, .btn-social:active {
    color: #fff;
    text-decoration: none; }
  .btn-social.btn-share {
    padding: 2px 10px 2px 3px; }
  .btn-social .social-icon {
    width: 29px;
    height: 29px;
    float: left;
    line-height: 29px;
    text-align: center;
    color: #FFF;
    border-radius: 50%;
    margin: 0 6px 0 3px;
    position: relative;
    top: -5px; }
    .btn-social .social-icon.icon-jobsurfing {
      font-size: 28px; }
  .btn-social.jobsurfing {
    background-color: #F8842A;
    color: #FFF; }
    .btn-social.jobsurfing:hover {
      background-color: #e5721a; }
  .btn-social.email .social-icon {
    background: #F8842A; }
    .btn-social.email .social-icon i {
      top: 0px;
      font-size: 24px; }
  .btn-social.email:hover, .btn-social.email:focus, .btn-social.email:active {
    background: #F8842A; }
  .btn-social.twitter .social-icon {
    background: #0693E3; }
  .btn-social.twitter:hover {
    background: #0078C2; }
  .btn-social.linkedin .social-icon {
    background: #0076B7; }
  .btn-social.linkedin:hover, .btn-social.linkedin:focus, .btn-social.linkedin:active {
    background: #0068A2; }
  .btn-social.facebook {
    background: #3F59AA; }
    .btn-social.facebook:hover {
      background: #4C69C0; }
  .btn-social.entree .social-icon {
    background: url("/images/logo-entree-100.png") no-repeat top left;
    background-size: cover; }
  .btn-social.entree:hover, .btn-social.entree:focus, .btn-social.entree:active {
    background: #2E3192; }
  .btn-social.btn-lg, .btn-group-lg > .btn-social.btn {
    height: 45px; }
    .btn-social.btn-lg .social-icon, .btn-group-lg > .btn-social.btn .social-icon {
      width: 35px;
      height: 35px;
      line-height: 35px;
      top: -6px;
      margin-left: 4px; }

.pull-right .btn-social {
  margin-left: 10px; }

.btn-circle {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
  text-align: center;
  border-radius: 50%;
  text-decoration: none;
  overflow: hidden;
  border: 1px #eee solid;
  white-space: normal;
  box-shadow: 0px 1px 9px #eee;
  background: #fff; }
  .btn-circle .textbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .btn-circle .textbox .align-center {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 0 20px; }
      .btn-circle .textbox .align-center h3 {
        color: #859fb0;
        font-size: 25px;
        font-weight: 400; }
      .btn-circle .textbox .align-center p {
        color: #BBB;
        font-size: 15px;
        font-weight: 300; }
  .btn-circle:hover {
    border-color: #859fb0;
    text-decoration: none; }
  .btn-circle.no-border {
    background: none;
    border: none;
    box-shadow: none; }
    .btn-circle.no-border .align-center h3 {
      color: #BBB; }
    .btn-circle.no-border:hover,
    .btn-circle.no-border:hover .align-center h3 {
      color: #859fb0; }

.btn-more-details {
  font-size: 12px;
  color: #999;
  background: #FFF;
  white-space: normal;
  position: relative;
  min-height: 60px;
  vertical-align: middle; }
  .btn-more-details:hover, .btn-more-details:focus {
    text-decoration: none; }
  .btn-more-details i {
    position: absolute;
    top: 10px;
    font-size: 35px; }
  .btn-more-details.right {
    text-align: right; }
    .btn-more-details.right i {
      right: 0; }
  .btn-more-details.left {
    text-align: left; }
    .btn-more-details.left i {
      left: 0; }

.btn-toggle-highlights {
  margin-left: 10px;
  color: #999; }
  .btn-toggle-highlights i {
    position: relative;
    top: 4px; }

.btn-group-indent {
  position: relative; }
  .btn-group-indent .btn-indent {
    margin: 5px 0 5px 35px;
    position: relative; }
    .btn-group-indent .btn-indent:before {
      content: '';
      position: absolute;
      border-left: 1px #ccc solid;
      top: 0;
      left: -20px;
      bottom: -5px; }
    .btn-group-indent .btn-indent:after {
      content: '';
      position: absolute;
      border-bottom: 1px #ccc solid;
      left: -20px;
      width: 10px;
      bottom: 18px; }
    .btn-group-indent .btn-indent:last-child:before {
      bottom: 18px; }

body {
  background: #eff5f8;
  font-family: "Helvetica Neue", Arial, sans-serif;
  -webkit-tap-highlight-color: transparent; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  color: #F8842A; }

h1 {
  font-family: "Raleway", Arial, sans-serif;
  font-size: 40px;
  line-height: 50px;
  text-transform: none; }
  h1 u {
    text-decoration: none;
    border-bottom: 2px #F8842A solid; }

h2 {
  font-size: 26px;
  line-height: 30px;
  text-transform: none; }
  h2.smaller {
    font-size: 22px;
    line-height: 22px; }

h3 {
  font-size: 21px;
  color: #5d7d91; }
  h3.smaller {
    font-size: 18px; }
  h3.big {
    font-family: "Raleway", Arial, sans-serif;
    font-size: 30px;
    font-weight: 200; }
  h3.bigger {
    font-family: "Raleway", Arial, sans-serif;
    font-size: 25px; }
  h3.lowercase {
    text-transform: none; }

h4 {
  color: #5b7c8e;
  text-transform: none; }

@media (max-width: 1200px) {
  h3 {
    font-size: 18px; } }

@media (max-width: 992px) {
  h1 {
    font-size: 33px;
    line-height: 40px; }
    h1.big {
      font-size: 40px;
      line-height: 50px; }
  h3 {
    font-size: 18px;
    line-height: 22px; }
    h3.bigger {
      font-size: 20px;
      line-height: 25px; }
    h3.big {
      font-size: 25px;
      line-height: 30px; } }

@media (max-width: 479px) {
  h1 {
    font-size: 25px;
    font-weight: 400; }
  h2 {
    font-size: 23px;
    font-weight: 300; } }

cite {
  font-style: normal; }

.left {
  text-align: left; }

.center {
  text-align: center; }

.right {
  text-align: right; }

@media (max-width: 767px) {
  .left-xs {
    text-align: left !important; } }

.grey, .grey a {
  color: #888; }

.light-grey {
  color: #BBB; }

.orange {
  color: #F8842A; }

.blue {
  color: #859fb0; }

.red {
  color: #d9534f; }

.reset-margin {
  margin: 0; }

.uppercase {
  text-transform: uppercase; }

.italic {
  font-style: italic; }

.handwriting {
  font-family: 'Indie Flower', cursive; }

.thin {
  font-weight: 100 !important; }

.extra-light {
  font-weight: 200 !important; }

.light {
  font-weight: 300 !important; }

.regular {
  font-weight: 400 !important; }

.medium {
  font-weight: 500 !important; }

.semi-bold {
  font-weight: 600 !important; }

.bold {
  font-weight: 700 !important; }

.extra-bold {
  font-weight: 800 !important; }

.black {
  font-weight: 900 !important; }

.black-white {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.nowrap {
  white-space: nowrap; }

.ellipsis {
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden; }

.vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.cursor-pointer {
  cursor: pointer !important; }

.cursor-text {
  cursor: text !important; }

.cursor-help {
  cursor: help !important; }

.rotate-10 {
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg); }

.rotate-15 {
  -ms-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg); }

.rotate-90 {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.rotate-180 {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.rotating {
  float: left;
  -webkit-animation: rotation 1.5s infinite linear; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(359deg); }
  to {
    -webkit-transform: rotate(0deg); } }

.orange-container {
  background: #F8842A; }

.blue-container {
  background: #859fb0; }

.light-container {
  background: #eff5f8;
  padding: 50px 0; }

.white-container {
  background: #fff;
  padding: 50px 0; }

.orange-container h1, .orange-container h2, .orange-container h3, .orange-container h4, .orange-container p, .orange-container li, .orange-container .btn-link, .blue-container h1, .blue-container h2, .blue-container h3, .blue-container h4, .blue-container p, .blue-container li, .blue-container .btn-link {
  color: #FFF; }

.orange-container .btn-primary:hover, .orange-container .btn-primary:focus, .orange-container .btn-primary.active {
  color: #F8842A;
  background: #FFF;
  border-color: #FFF; }

.top-container {
  padding-top: 30px !important;
  position: absolute;
  top: 0;
  width: 100%;
  background: #eff5f8; }
  .top-container h3 {
    margin-top: 0; }

@media (max-width: 767px) {
  .top-container h1 {
    margin: 0; } }

.carousel {
  z-index: 2; }

.tab-container {
  margin-top: -1px;
  border-top: 1px #DDDDDD solid;
  min-height: 300px;
  background: -moz-linear-gradient(top, white 0%, white 79%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(79%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(top, white 0%, white 79%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(top, white 0%, white 79%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(top, white 0%, white 79%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, white 79%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }

.live-preview-container {
  margin-bottom: 100px; }

.panel-container {
  min-height: 300px; }
  .panel-container-narrow {
    padding: 0 30px;
    min-height: 300px;
    position: relative;
    z-index: 2; }
    .panel-container-narrow .panel-match {
      margin-bottom: 80px; }

.modal-open .panel-container-narrow {
  z-index: auto; }

.content-container {
  min-height: 500px; }
  .content-container .titlebar h1 {
    line-height: 35px;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    top: 20px; }

.padding-30 {
  padding: 30px 0; }

.padding-50 {
  padding: 50px 0; }

.padding-60 {
  padding: 60px 0; }

.padding-150-50 {
  padding: 150px 0 50px 0; }

@media (max-width: 767px) {
  .padding-30,
  .padding-50,
  .padding-150-50 {
    padding: 0 20px; } }

.company-logo {
  width: 100%;
  height: 100px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }
  .company-logo.large {
    height: 300px; }

.quote {
  padding-left: 20px;
  font-style: italic; }
  .quote ~ .by {
    margin-top: 10px;
    padding-left: 20px;
    font-size: 10px;
    font-style: italic;
    color: #999; }
    .quote ~ .by:before {
      content: "- "; }

.quote:before,
.quote:after {
  content: '“';
  font-size: 80px;
  color: #F0EFEF;
  position: absolute;
  margin: -30px 0 0 -35px; }

.quote:after {
  content: '”';
  margin: -20px 0 0 0px; }

.border-bottom .panel-body, .border-bottom .panel-footer {
  border-bottom: 1px #ddd solid;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: none; }

.tag-cloud .tag-container {
  display: inline-block;
  vertical-align: middle; }

.tag-cloud .tag {
  display: inline-block;
  font-size: 15px;
  padding: 0px 10px;
  margin: 0 5px 2px 0;
  font-weight: 300;
  white-space: nowrap; }
  .tag-cloud .tag.tag-1 {
    font-size: 13px; }
  .tag-cloud .tag.tag-2 {
    font-size: 20px; }
  .tag-cloud .tag.tag-3 {
    font-size: 30px; }

.lead {
  line-height: 1.5; }
  .lead.tiny {
    font-size: 12px;
    font-weight: 400; }
  .lead.small {
    font-size: 15px;
    margin-top: 6px;
    font-weight: 400; }
  .lead.smaller {
    font-size: 18px;
    margin-top: 6px;
    font-weight: 400; }
  .lead.big {
    font-size: 23px; }
  .lead.bigger {
    font-size: 25px; }
  .lead.biggest {
    font-size: 30px; }
  .lead strong {
    font-weight: 600; }

@media (max-width: 992px) {
  .lead.biggest {
    font-size: 25px; } }

@media (max-width: 767px) {
  .lead.small {
    font-size: 12px; }
  .lead.smaller {
    font-size: 14px; }
  .lead.biggest {
    font-size: 25px; } }

@media (max-width: 479px) {
  .lead.big {
    font-size: 20px; }
  .lead.bigger {
    font-size: 20px; }
  .lead.biggest {
    font-size: 20px; } }

.lead h1, .lead h2, .lead h3 {
  color: #333; }

.lead + .help-block {
  margin-top: -20px; }

ol.counted {
  counter-reset: item;
  padding-left: 0; }
  ol.counted li {
    display: block;
    padding-bottom: 7px; }
    ol.counted li:before {
      content: counters(item, ".");
      position: absolute;
      margin-left: -40px;
      width: 35px;
      text-align: right;
      counter-increment: item; }
    ol.counted li ol {
      counter-reset: item; }
  ol.counted > li {
    padding-bottom: 30px; }
    ol.counted > li:before {
      visibility: hidden; }

.icon-md {
  font-size: 25px;
  padding: 5px 0 20px 0; }
  .icon-md.pull-left {
    padding-right: 10px; }

.icon-lg {
  font-size: 35px;
  padding: 5px 0 20px 0; }
  .icon-lg.pull-left {
    padding-right: 15px; }

.text-md {
  font-size: 18px; }

ul.graphic {
  list-style-type: none;
  margin-left: 15px; }
  ul.graphic > li {
    margin-left: -17px;
    margin-bottom: 15px;
    position: relative; }
    ul.graphic > li:before {
      content: "";
      width: 18px;
      height: 18px;
      background: #FFF;
      border-radius: 10px;
      display: block;
      float: left;
      margin-top: 5px;
      margin-left: -30px;
      border: 2px #F8842A solid; }
    ul.graphic > li.grey:before {
      border-color: #BBB; }
    ul.graphic > li.check:after {
      content: "";
      position: absolute;
      width: 20px;
      height: 8px;
      border-left: 2px #F8842A solid;
      border-bottom: 2px #F8842A solid;
      border-radius: 2px;
      left: -27px;
      top: 4px;
      transform: rotate(-45deg);
      box-shadow: -2px 2px 0px white; }
    ul.graphic > li b {
      display: block;
      font-size: 110%;
      font-weight: 600; }
    ul.graphic > li .badge {
      opacity: 0.6; }

.reset-styling h1, .reset-styling h2, .reset-styling h3, .reset-styling h4, .reset-styling h5, .reset-styling h6 {
  font-family: Arial, Helvetica, sans-serif;
  color: #333; }

.reset-styling .dropdown-menu li > a {
  color: #333; }

.reset-styling blockquote {
  font-size: initial; }

.aspect-ratio {
  width: 100%;
  display: inline-block;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .aspect-ratio.cover {
    background-size: cover; }
  .aspect-ratio.contain {
    background-size: contain; }
  .aspect-ratio img {
    display: none; }
  .aspect-ratio:before {
    content: '';
    float: left;
    padding-bottom: 100%; }
  .aspect-ratio:after {
    content: '';
    display: table;
    clear: both; }
  .aspect-ratio.square:before {
    padding-bottom: 100%; }
  .aspect-ratio.landscape:before {
    padding-bottom: 65%; }
  .aspect-ratio.portrait:before {
    padding-bottom: 135%; }

.placeholders span {
  width: 340px;
  display: inline-block;
  background: #eee;
  height: 8px;
  margin-right: 20px;
  margin-top: 10px;
  border-radius: 5px;
  opacity: 0.7; }
  .placeholders span:first-child {
    width: 300px;
    opacity: 1; }
  .placeholders span:last-child {
    width: 250px;
    opacity: 0.4; }

.placeholders.darker span {
  background: #ddd; }

.placeholders.labels {
  height: 20px; }
  .placeholders.labels span {
    width: 100px;
    float: left; }

.placeholders.thumbnails {
  height: 45px; }
  .placeholders.thumbnails span {
    background: #bbb;
    width: 40px;
    height: 40px;
    border-radius: 15px;
    margin-top: 5px;
    float: left; }

.placeholders.input {
  margin-top: -5px;
  height: 40px; }
  .placeholders.input span {
    background: #ddd;
    width: 80%;
    height: 25px;
    float: left; }

.placeholders.max-with span {
  width: 100%; }
  .placeholders.max-with span:last-child {
    width: 80%; }

.placeholders.thumb span {
  width: 100% !important;
  height: 95px;
  opacity: 1; }

.panel-heading .placeholders span,
.list-group-item .text .placeholders span {
  background: #ddd;
  margin-top: 7px; }
  .panel-heading .placeholders span:last-child,
  .list-group-item .text .placeholders span:last-child {
    height: 7px; }

.placeholders.input .checkbox, .placeholders.input .radio {
  margin-top: -12px; }
  .placeholders.input .checkbox span, .placeholders.input .radio span {
    width: 25px; }

.thumbnail {
  border: none;
  padding: 2px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05); }

.croppie {
  position: relative;
  padding-bottom: 50px; }
  .croppie .btn {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 10px;
    color: #bbb;
    font-size: 30px; }
    .croppie .btn:hover {
      color: #fff; }
  .croppie .rotate-btn {
    top: 50px; }
  @media (max-width: 767px) {
    .croppie .btn {
      margin-top: -5px;
      right: 0px; } }
  .croppie .croppie-container .cr-image[alt='preview'] {
    visibility: hidden; }
  .croppie .croppie-container .cr-boundary {
    border-radius: 6px; }
  .croppie .croppie-container .cr-viewport.cr-vp-square {
    border-radius: 50%; }
  .croppie .croppie-container .cr-slider-wrap {
    padding: 5px 10px;
    width: 50%;
    background-color: #eee;
    border-radius: 20px; }
    .croppie .croppie-container .cr-slider-wrap .cr-slider ::-webkit-slider-thumb {
      -webkit-appearance: none;
      height: 20px;
      width: 20px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      margin-top: -9px;
      border: 1px #ddd solid; }
    .croppie .croppie-container .cr-slider-wrap .cr-slider ::-moz-range-thumb {
      height: 20px;
      width: 20px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      border: 1px #ddd solid; }
    .croppie .croppie-container .cr-slider-wrap .cr-slider ::-ms-thumb {
      height: 20px;
      width: 20px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
      cursor: pointer;
      margin-top: -4px;
      border: 1px #ddd solid; }
    .croppie .croppie-container .cr-slider-wrap .cr-slider ::-webkit-slider-runnable-track {
      width: 100%;
      height: 3px;
      cursor: pointer;
      background: #bbb;
      border-radius: 10px; }
    .croppie .croppie-container .cr-slider-wrap .cr-slider ::-moz-range-track {
      width: 100%;
      height: 3px;
      cursor: pointer;
      background: #bbb;
      border-radius: 10px; }
    .croppie .croppie-container .cr-slider-wrap .cr-slider ::-ms-track {
      width: 100%;
      height: 0px;
      cursor: pointer;
      background: #bbb;
      border-radius: 10px; }

.list-group-item .show-details-btn {
  position: absolute;
  right: 0;
  top: -45px;
  background: #fff;
  padding: 10px;
  z-index: 1;
  font-size: 13px;
  font-weight: 400; }
  .list-group-item .show-details-btn i {
    position: relative;
    top: 6px;
    margin-left: 5px; }

.list-group-item > .icon-phone-fill, .list-group-item > .icon-envelope-fill-1 {
  color: #8fa5b3;
  font-size: 18px;
  margin-right: 5px; }

.list-group-item > .icon-envelope-fill-1 {
  position: relative;
  top: 5px; }

.list-group-item .maps-icon i {
  position: relative;
  top: 10px;
  font-size: 20px; }

.list-group-item .registration-number {
  font-family: Courier;
  font-size: 15px; }
  .list-group-item .registration-number i {
    float: left;
    font-size: 14px; }

.panel {
  border-radius: 10px;
  margin-bottom: 30px;
  border: 2px #fff solid;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  position: relative; }
  .panel .reloading-spinner {
    position: absolute;
    top: 7px;
    right: 0; }
  .panel + .panel-backdrop {
    position: absolute;
    text-align: center;
    left: 60px;
    right: 60px;
    margin-top: -340px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    resize: vertical;
    height: 300px; }
    .panel + .panel-backdrop.small {
      margin-top: -260px; }
    .panel + .panel-backdrop .help-block {
      margin: 10px auto;
      max-width: 300px;
      color: #AAA; }
    .panel + .panel-backdrop .no_results {
      margin: 0; }

.panel + .help-block {
  margin-top: -15px;
  margin-left: 10px;
  margin-right: 10px; }

.panel + .advertisement {
  margin-top: -30px;
  margin-bottom: 100px; }

.panel-heading {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.panel-default > .panel-heading {
  background: #F4F4F4; }

.panel-footer {
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); }

.panel-heading .panel-buttons {
  float: right; }

.panel-heading .form-control-static {
  padding-top: 5px;
  padding-bottom: 0px;
  min-height: 10px; }

.panel-heading .flexrow {
  display: flex;
  position: relative; }
  .panel-heading .flexrow .cell {
    flex: 1 1 auto; }
    .panel-heading .flexrow .cell.badges {
      min-width: 220px; }
    .panel-heading .flexrow .cell .placeholders span {
      margin-top: 15px;
      margin-bottom: 10px;
      opacity: 1; }
    .panel-heading .flexrow .cell .placeholders.pull-right span {
      max-width: 50px; }

.panel-primary .panel-buttons .btn-link .icon-circle-chevron-up,
.panel-primary .panel-buttons .btn-link .icon-circle-chevron-down {
  font-size: 130%; }

.panel-primary .panel-buttons .btn-default:hover {
  border-color: #eee; }

.panel-primary .panel-buttons .searchbox {
  display: inline-block; }
  .panel-primary .panel-buttons .searchbox .form-control {
    height: 32px; }
  .panel-primary .panel-buttons .searchbox .close {
    top: 4px;
    font-size: 20px; }
  .panel-primary .panel-buttons .searchbox .search-icon {
    top: 7px;
    font-size: 15px; }

.panel-title {
  text-transform: none;
  font-size: 18px;
  padding: 5px 0;
  font-weight: 400; }
  .panel-title .count {
    font-weight: 300;
    color: #999;
    font-size: 85%; }
  .panel-title .badge {
    background: #F8842A !important;
    color: #FFF !important;
    font-weight: 500; }

.panel-default.primary {
  border-color: #F8842A; }
  .panel-default.primary .panel-heading {
    background-color: #F8842A;
    color: #FFF;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }

.panel-default.secondary {
  border-color: #859fb0; }
  .panel-default.secondary .panel-heading {
    background-color: #859fb0;
    color: #FFF;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px; }

.panel-primary {
  border-color: #fff;
  margin-bottom: 100px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05); }
  .panel-primary.no-margin {
    margin-bottom: 20px; }

h1 ~ .panel-primary,
h2 ~ .panel-primary,
h3 ~ .panel-primary,
.alert ~ .panel-primary {
  margin-top: 100px; }

.panel-primary + .help-block,
.sortable-panels + .help-block,
.list-panel + .help-block,
.list-panel + .loader,
.list-panel .load-more,
.list-panel .selected-items {
  margin-top: -90px;
  margin-bottom: 85px;
  opacity: 100;
  transition: margin 0.4s ease-in-out; }
  .panel-primary + .help-block.overlay,
  .sortable-panels + .help-block.overlay,
  .list-panel + .help-block.overlay,
  .list-panel + .loader.overlay,
  .list-panel .load-more.overlay,
  .list-panel .selected-items.overlay {
    position: relative;
    margin: -305px -1px 85px -1px;
    padding-top: 180px;
    background: #eff5f8;
    background: -moz-linear-gradient(0deg, #eff5f8 0%, #f3f8fa 35%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(0deg, #eff5f8 0%, #f3f8fa 35%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, #eff5f8 0%, #f3f8fa 35%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff5f8",endColorstr="#ffffff",GradientType=1); }
  .panel-primary + .help-block.floating,
  .sortable-panels + .help-block.floating,
  .list-panel + .help-block.floating,
  .list-panel + .loader.floating,
  .list-panel .load-more.floating,
  .list-panel .selected-items.floating {
    position: fixed;
    bottom: -80px;
    margin-top: -120px;
    margin-bottom: 105px; }

.list-panel .selected-items,
.list-view + .selected-items,
.list-view + .bulkselector .selected-items {
  position: absolute;
  z-index: 2;
  padding: 5px;
  margin-left: -15px;
  background: #fff;
  border: 2px #859fb0 solid;
  border-radius: 10px; }
  .list-panel .selected-items:before, .list-panel .selected-items:after,
  .list-view + .selected-items:before,
  .list-view + .selected-items:after,
  .list-view + .bulkselector .selected-items:before,
  .list-view + .bulkselector .selected-items:after {
    bottom: 100%;
    left: 35px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .list-panel .selected-items:before,
  .list-view + .selected-items:before,
  .list-view + .bulkselector .selected-items:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #859fb0;
    border-width: 17px;
    margin-left: -17px; }
  .list-panel .selected-items:after,
  .list-view + .selected-items:after,
  .list-view + .bulkselector .selected-items:after {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #fff;
    border-width: 14px;
    margin-left: -14px; }
  .list-panel .selected-items .btn-link:hover,
  .list-panel .selected-items .btn-link:focus,
  .list-panel .selected-items .btn-link:active,
  .list-view + .selected-items .btn-link:hover,
  .list-view + .selected-items .btn-link:focus,
  .list-view + .selected-items .btn-link:active,
  .list-view + .bulkselector .selected-items .btn-link:hover,
  .list-view + .bulkselector .selected-items .btn-link:focus,
  .list-view + .bulkselector .selected-items .btn-link:active {
    border-color: #fff; }

.panel-primary + .form-buttons {
  margin-top: -40px;
  margin-bottom: 40px; }

.panel-primary .panel-heading {
  border: none;
  background: none;
  margin-top: -55px;
  color: #333; }

.panel-primary .panel-title {
  font-size: 28px;
  font-weight: 500; }
  .panel-primary .panel-title.small {
    font-size: 20px;
    margin-top: 5px; }
  @media (max-width: 768px) {
    .panel-primary .panel-title {
      font-size: 21px; } }

.panel-primary .no_results {
  margin: 40px 0; }

.panel-primary table tr th:first-child, .panel-primary table tr td:first-child {
  padding-left: 15px; }

.panel.overlay {
  cursor: move;
  z-index: 100; }

.panel-body > .alert {
  margin-top: 0px; }

.panel-body.overlay-footer {
  margin-bottom: -40px; }

.panel-badge {
  position: absolute;
  z-index: 10;
  right: 35px;
  top: -15px;
  padding: 4px 8px;
  font-size: 18px;
  font-weight: 400;
  background-color: #F8842A;
  transition: all 0.2s ease-in-out;
  border-radius: 30px;
  border: 2px #F4F8FA solid; }

.panel-toggle-collapse {
  position: absolute;
  right: 0px;
  z-index: 2;
  padding: 10px;
  background: #FFF;
  color: #999;
  border-radius: 10px;
  cursor: pointer; }

.panel:hover .panel-toggle-collapse {
  color: #000; }

.checkbox {
  margin: 0px;
  margin-bottom: 20px;
  overflow: hidden; }

.multiselect-checkboxes {
  padding: 0px; }

@media (max-width: 767px) {
  .panel {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px; }
    .panel .panel-heading {
      border-radius: 0; }
    .panel-container-narrow {
      border-radius: 0;
      margin-left: -16px;
      margin-right: -16px; } }

.panel-link:hover {
  border-color: #859fb0;
  cursor: pointer; }

.panel-highlight {
  border-color: #F8842A; }

.panel-narrow .panel-body {
  padding-bottom: 5px; }

.panel-narrow .panel-footer {
  padding-top: 5px; }

.panel-narrow img.vertical-padding,
.panel-narrow img.profile-picture {
  padding-bottom: 0;
  margin-bottom: 0; }

.panel-narrow .lead {
  margin-bottom: 10px; }

.panel-cover {
  position: relative;
  overflow: hidden;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px; }
  .panel-cover .cover {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center center;
    background-color: #ecf0f1; }
    .panel-cover .cover.large {
      height: 300px;
      -webkit-animation: kenburns-top 5s ease-out reverse both;
      animation: kenburns-top 5s ease-out reverse both;
      transition: background-image 0.1s ease-in-out; }
    .panel-cover .cover.placeholder {
      background-color: #ecf0f1;
      position: relative; }
      .panel-cover .cover.placeholder::after {
        content: "";
        background-image: url("/images/photo-placeholder-cover.png");
        background-size: 60px;
        background-position: center center;
        background-repeat: no-repeat;
        opacity: 0.5;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
      .panel-cover .cover.placeholder .spinner {
        margin-top: 50px;
        width: 100%; }
        .panel-cover .cover.placeholder .spinner > div {
          width: 30px;
          height: 30px;
          background-color: #e3e3e3; }
    .panel-cover .cover .video-js:not(.vjs-fullscreen) {
      width: calc(100% - 170px); }
      .panel-cover .cover .video-js:not(.vjs-fullscreen) > div:first-child,
      .panel-cover .cover .video-js:not(.vjs-fullscreen).vjs-vimeo .vjs-poster {
        position: relative;
        height: 460px;
        top: -80px; }
  .panel-cover .visuals {
    position: absolute;
    top: 0;
    right: 0;
    height: 150px;
    overflow-y: hidden; }
    .panel-cover .visuals .thumb {
      cursor: pointer;
      width: 60px;
      height: 40px;
      margin: 5px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 5px;
      border: 1px #BBB solid;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
      .panel-cover .visuals .thumb.video-play-button {
        position: relative;
        text-align: center;
        background-color: rgba(33, 33, 33, 0.8); }
        .panel-cover .visuals .thumb.video-play-button i {
          position: relative;
          font-size: 28px;
          line-height: 38px;
          color: #FFF;
          z-index: 1; }
  .panel-cover .cover.large + .visuals {
    background: rgba(33, 33, 33, 0.8);
    height: 300px;
    overflow-y: auto;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */ }
    .panel-cover .cover.large + .visuals::-webkit-scrollbar {
      display: none;
      /* Safari and Chrome */ }
    .panel-cover .cover.large + .visuals .thumb {
      width: 150px;
      height: 100px;
      margin: 10px;
      border: 2px #333 solid; }
      .panel-cover .cover.large + .visuals .thumb.video-play-button:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 10px; }
      .panel-cover .cover.large + .visuals .thumb.video-play-button i {
        font-size: 55px;
        line-height: 100px; }
      .panel-cover .cover.large + .visuals .thumb:hover {
        border-color: #FFF; }
  .panel-cover .visuals-control {
    position: absolute;
    right: 60px; }
    .panel-cover .visuals-control.up, .panel-cover .visuals-control.down {
      width: 50px;
      height: 60px;
      border-radius: 25px;
      z-index: 10;
      text-align: center;
      font-size: 25px;
      background: #333;
      box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
      color: #FFF;
      cursor: pointer;
      transition: all 0.2s ease-in-out; }
      .panel-cover .visuals-control.up.up, .panel-cover .visuals-control.down.up {
        top: -30px;
        padding-top: 35px; }
      .panel-cover .visuals-control.up.down, .panel-cover .visuals-control.down.down {
        bottom: -30px;
        padding-top: 10px; }
      .panel-cover .visuals-control.up:hover, .panel-cover .visuals-control.down:hover {
        opacity: 1; }
        .panel-cover .visuals-control.up:hover.up, .panel-cover .visuals-control.down:hover.up {
          top: -20px; }
        .panel-cover .visuals-control.up:hover.down, .panel-cover .visuals-control.down:hover.down {
          bottom: -20px; }

.panel-body .visuals {
  position: relative;
  width: 100%;
  height: 100px; }
  .panel-body .visuals .thumb {
    width: 90px;
    height: 60px;
    margin: 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    border: 2px #FFF solid;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
    .panel-body .visuals .thumb.video-play-button {
      position: relative;
      text-align: center;
      background: rgba(33, 33, 33, 0.8); }
      .panel-body .visuals .thumb.video-play-button i {
        position: relative;
        font-size: 35px;
        line-height: 55px;
        color: #FFF;
        z-index: 1; }
  .panel-body .visuals .stack {
    width: 100px;
    height: 70px;
    float: right;
    margin-right: 10px; }
    .panel-body .visuals .stack .thumb {
      position: absolute;
      transform: rotate(-12deg);
      margin-left: -24px;
      margin-top: 5px; }
      .panel-body .visuals .stack .thumb:first-child {
        transform: rotate(-24deg);
        margin-left: -44px;
        margin-top: 15px; }
      .panel-body .visuals .stack .thumb:last-child {
        transform: rotate(0deg);
        margin-left: 0px;
        margin-top: 0px; }

.panel-visuals .visual-thumb .remove-btn,
.panel-video .visual-thumb .remove-btn {
  visibility: hidden;
  position: absolute;
  z-index: 3;
  top: -10px;
  right: -10px;
  background: #FFF;
  border: 1px #FFF solid;
  border-radius: 30px;
  line-height: 0em;
  padding: 5px;
  font-size: 25px; }
  .panel-visuals .visual-thumb .remove-btn:hover,
  .panel-video .visual-thumb .remove-btn:hover {
    border-radius: 30px;
    border: 1px #FFF solid;
    color: #000; }

.panel-visuals .visual-thumb:hover .remove-btn,
.panel-video .visual-thumb:hover .remove-btn {
  visibility: visible; }

.panel-visuals .visuals-list,
.panel-video .visuals-list {
  display: inline-block; }
  .panel-visuals .visuals-list .sortable-item,
  .panel-video .visuals-list .sortable-item {
    width: 150px;
    height: 100px;
    margin-right: 10px;
    display: inline-block;
    position: relative; }
    .panel-visuals .visuals-list .sortable-item .visual-thumb.photo,
    .panel-video .visuals-list .sortable-item .visual-thumb.photo {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 10px;
      width: 100%;
      height: 100%;
      cursor: move; }

.panel-visuals .visual-picker,
.panel-video .visual-picker {
  display: inline-block;
  width: 100px;
  height: 100px; }
  .panel-visuals .visual-picker .file-picker__dropzone,
  .panel-video .visual-picker .file-picker__dropzone {
    height: 100%; }
  .panel-visuals .visual-picker.visual-picker,
  .panel-video .visual-picker.visual-picker {
    vertical-align: top;
    text-align: center; }
    .panel-visuals .visual-picker.visual-picker i,
    .panel-video .visual-picker.visual-picker i {
      font-size: 40px;
      color: #BBB; }

.panel-visuals .visual-thumb.video-player,
.panel-video .visual-thumb.video-player {
  width: 100%;
  min-height: 150px;
  background: #000; }
  .panel-visuals .visual-thumb.video-player .remove-btn,
  .panel-video .visual-thumb.video-player .remove-btn {
    font-size: 35px;
    top: -12px;
    right: -5px; }

.panel-visuals .video-platform-picker,
.panel-video .video-platform-picker {
  text-align: center; }

.panel-body .company-logo {
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-bottom: 20px; }

.panel-body .ribbon {
  width: 150px;
  background: #F8842A;
  position: absolute;
  z-index: 101;
  right: 0;
  text-align: right;
  padding: 10px;
  font-size: 12px;
  color: #f0f0f0;
  border-radius: 10px 0 0 10px; }

.panel .list-group .buttons {
  float: right;
  background: #fff;
  position: relative;
  z-index: 2; }

.panel .list-group .icon-control {
  position: relative;
  float: left;
  top: 12px;
  width: 20px; }

.panel .list-group .inline-form {
  position: relative;
  display: table; }
  .panel .list-group .inline-form .inline {
    display: table-cell;
    padding-right: 10px;
    white-space: nowrap; }
    .panel .list-group .inline-form .inline.sentence {
      padding-top: 7px;
      padding-bottom: 7px;
      margin-bottom: 0;
      min-height: 34px; }
    .panel .list-group .inline-form .inline.input-number {
      width: 70px; }
    .panel .list-group .inline-form .inline.select-sm {
      width: 100px; }
    .panel .list-group .inline-form .inline.select-md {
      width: 170px; }
    .panel .list-group .inline-form .inline.select-lg {
      width: 300px; }
  .panel .list-group .inline-form .break {
    display: none; }

@media (max-width: 992px) {
  .panel .list-group .inline-form .break {
    display: table-column; } }

@media (max-width: 767px) {
  .panel .list-group .inline-form {
    width: calc(100% - 80px); }
    .panel .list-group .inline-form .inline {
      display: block; }
      .panel .list-group .inline-form .inline.select-sm, .panel .list-group .inline-form .inline.select-md, .panel .list-group .inline-form .inline.select-lg {
        width: 100%;
        padding-bottom: 2px; } }

.panel-stamps {
  text-align: right;
  position: absolute;
  margin-top: -10px;
  right: 0;
  top: -10px;
  font-size: 18px;
  color: #FFF; }
  .panel-stamps .stamp {
    display: inline-block;
    vertical-align: text-top;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    background-color: #999;
    border: 2px #FFF solid; }
    .panel-stamps .stamp.certificate {
      background-color: #FFF;
      width: 40px; }
      .panel-stamps .stamp.certificate i {
        color: #999;
        font-size: 40px;
        top: 2px; }
    .panel-stamps .stamp i {
      position: relative;
      margin-right: 6px; }
      .panel-stamps .stamp i.icon-lock-fill {
        top: 2px;
        left: -2px; }
      .panel-stamps .stamp i.icon-heart-fill {
        top: 4px; }
      .panel-stamps .stamp i.icon-star-fill {
        top: 3px; }
      .panel-stamps .stamp i.icon-thumbs-up-fill {
        top: 2px; }
      .panel-stamps .stamp i.icon-thumbs-down-fill {
        top: 5px; }

.panel-danger .stamp {
  background-color: #d9534f; }

.panel-warning .stamp {
  background-color: #F1AD43; }

.panel-info .stamp {
  background-color: #6eadd1; }

.panel-success .stamp {
  background-color: #59BA57; }

.panel-warning.darker > .panel-heading {
  background-color: #F7EACC; }

.panel.warning {
  color: #F0A324; }

.panel-body.slider {
  overflow: hidden; }
  .panel-body.slider .row-container {
    width: 175%; }
    @media (max-width: 767px) {
      .panel-body.slider .row-container {
        width: 210%; } }
  .panel-body.slider .list-group-item {
    border-color: #eee; }

.panel-body.clickable:hover {
  background-color: #F5F5F5;
  cursor: pointer; }

.panel-heading.clickable {
  background-color: #F5F5F5;
  cursor: pointer;
  padding: 15px; }

.panel-body.border-bottom,
.panel-footer.border-bottom {
  border-bottom: 1px #ddd solid;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: none; }

.panel-group-toggler {
  position: relative;
  cursor: pointer;
  min-height: 60px;
  padding-left: 15px;
  margin-bottom: 15px;
  clear: left; }
  .panel-group-toggler.open {
    border-bottom: 2px #DDD solid; }
  .panel-group-toggler .toggle {
    color: #859fb0;
    float: right;
    margin-right: 15px; }
    .panel-group-toggler .toggle i {
      top: 5px;
      position: relative;
      margin-left: 5px;
      font-size: 30px; }
  .panel-group-toggler:hover .toggle {
    color: #333; }
  @media (min-width: 768px) {
    .panel-group-toggler.fullwidth {
      margin-left: 100px;
      margin-right: 100px; } }
  .panel-group-toggler ~ .panel-group-list {
    padding-bottom: 50px; }

@media (min-width: 479px) {
  .two-columns {
    -webkit-column-width: 400px;
    -moz-column-width: 400px;
    column-width: 400px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px; }
    .two-columns .panel {
      display: inline-block;
      padding: .25rem;
      width: 100%;
      margin-top: 15px;
      margin-bottom: 15px; } }

.panel .overlap-spaceholder {
  height: 120px; }

.overlap-panel {
  margin-top: -200px;
  padding-top: 0px !important; }

.sortable-panels .panel:first-child .move-up,
.sortable-panels .panel:last-child .move-down {
  display: none; }

.layout-buttons {
  padding-top: 10px;
  padding-right: 15px;
  text-align: right; }

/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%; }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top; } }

@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
    transform-origin: 50% 16%; }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
    transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
    transform-origin: top; } }

.radio.colored .outside .custom-control-indicator {
  background-color: #85C1E9;
  border-color: #85C1E9; }

.radio.colored .inside .custom-control-indicator {
  background-color: #FFD300;
  border-color: #FFD300; }

@media (min-width: 767px) {
  .live-preview {
    position: fixed;
    pointer-events: none;
    top: 100px;
    bottom: 100px;
    overflow: auto;
    right: -850px;
    width: 920px;
    z-index: 1010;
    padding-left: 50px;
    padding-right: 30px;
    transition: right 0.4s ease; }
    .live-preview .panel {
      margin-bottom: 20px;
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
      pointer-events: all; }
      .live-preview .panel .panel-body {
        min-height: 275px; }
    .live-preview.open {
      right: 0; }
    .live-preview .close {
      position: relative;
      z-index: 2;
      right: 0;
      margin-top: 0px;
      margin-right: 5px;
      font-size: 30px;
      font-weight: 300;
      outline: none; }
    .live-preview .handle {
      pointer-events: all;
      position: absolute;
      z-index: 2;
      top: 220px;
      left: 50px;
      transform: rotate(-90deg);
      transform-origin: bottom left;
      cursor: pointer;
      border-top-right-radius: 15px;
      border-top-right-radius: 15px;
      background-color: #fff;
      height: 35px;
      padding: 3px 30px 0px 30px;
      box-shadow: 15px -2px 8px rgba(0, 0, 0, 0.2); }
      .live-preview .handle:before, .live-preview .handle:after {
        content: ' ';
        position: absolute;
        z-index: 1;
        top: 0px;
        width: 35px;
        height: 35px;
        background-color: #fff; }
      .live-preview .handle:before {
        transform: skew(-30deg);
        left: -20px;
        border-top: 2px #fff solid;
        border-left: 2px #fff solid;
        border-top-left-radius: 7px;
        box-shadow: -10px -2px 8px rgba(0, 0, 0, 0.15); }
      .live-preview .handle:after {
        transform: skew(30deg);
        right: -20px;
        border-top: 2px #fff solid;
        border-right: 2px #fff solid;
        border-top-right-radius: 7px; }
      .live-preview .handle .textlabel {
        font-weight: 400;
        font-size: 20px;
        color: #333;
        position: relative;
        z-index: 2; }
    .live-preview .panel-match {
      border: none; }
    .live-preview-title {
      position: relative;
      z-index: 1004;
      width: 300px;
      height: 60px;
      margin-top: -30px;
      left: 30px;
      top: 300px;
      padding-right: 50px;
      text-align: right;
      transform: rotate(-90deg);
      transform-origin: bottom left;
      cursor: pointer; } }
  @media (min-width: 767px) and (min-width: 1350px) {
    .live-preview {
      right: -820px; } }
  @media (min-width: 767px) and (min-width: 1200px) and (max-width: 1350px) {
    .live-preview {
      right: -870px; } }
  @media (min-width: 767px) and (max-width: 1200px) {
    .live-preview {
      right: -770px;
      width: 820px; } }
  @media (min-width: 767px) and (min-width: 992px) and (max-width: 1092px) {
    .live-preview {
      right: -800px; } }
  @media (min-width: 767px) and (max-width: 992px) {
    .live-preview {
      right: -670px;
      width: 720px; } }

.control-label.required:after {
  content: ' *'; }

.form-title {
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 500;
  color: #333;
  padding: 20px 0 0 5px; }
  .form-title:first-child {
    padding-top: 0px; }

.form-buttons {
  clear: both;
  text-align: center; }
  .form-buttons .btn {
    margin-bottom: 5px;
    border-radius: 50px; }
    .form-buttons .btn-lg, .form-buttons .btn-group-lg > .btn {
      font-size: 20px;
      padding-left: 30px;
      padding-right: 30px; }
    .form-buttons .btn-default {
      border-color: #eff5f8;
      background-color: #eff5f8;
      color: #859fb0; }
      .form-buttons .btn-default:hover {
        color: #555; }
    .form-buttons .btn .loader {
      width: 50px;
      margin-top: -3px; }
  .form-buttons .or {
    color: #999;
    margin-top: 15px;
    margin-bottom: 5px; }

.pull-right .btn-lg, .pull-right .btn-group-lg > .btn {
  margin-left: 10px; }

.form-control {
  color: #333;
  -webkit-box-shadow: none;
  box-shadow: none; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control .selectize-control .selectize-input.disabled {
  opacity: 1;
  background-color: #f9f9f9; }

.selectize-input.focus, .form-control:focus {
  border-color: #8DA4B3;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.form-control[type="number"] {
  padding-right: 0px; }

.form-control.number {
  width: 45px; }

.form-control-static.signature-preview {
  margin-top: 10px;
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #F5F5F5; }

.form-control-editable .form-control-static {
  cursor: pointer;
  border-radius: 5px;
  transition: padding 0.2s ease;
  position: relative;
  padding-right: 10px; }
  .form-control-editable .form-control-static .edit-btn {
    position: absolute;
    display: none;
    top: 2px;
    right: 10px;
    border: none !important; }
  .form-control-editable .form-control-static:hover {
    padding-left: 10px;
    padding-right: 0px;
    background-color: #F5F5F5; }
    .form-control-editable .form-control-static:hover .edit-btn {
      background-color: #F5F5F5;
      display: block; }

.form-control-editable.logo img {
  max-width: 300px;
  max-height: 200px; }

.selectize-control.multi .selectize-input > div {
  padding: 1px 6px; }

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #333; }

.selectize-control.multi .selectize-input.disabled .remove {
  display: none; }

.selectize-control.plugin-remove_button .selectize-input.disabled .item {
  padding-right: 6px !important; }

.selectize-control.loading .selectize-input {
  background: url("/images/loading.gif") no-repeat center right !important;
  background-size: contain !important; }

.dotted,
.form-group span.tooltipstered:not(.label):not(.grey):not(.red):not(.noline) {
  border-bottom: 1px #bbb dotted;
  color: #333; }
  .dotted:hover,
  .form-group span.tooltipstered:not(.label):not(.grey):not(.red):not(.noline):hover {
    text-decoration: none;
    border-color: #859fb0; }

.form-group {
  position: relative; }
  .form-group .control-label .custom-control label {
    font-weight: bold;
    cursor: pointer; }
  .form-group.is-disabled .control-label,
  .form-group.is-disabled .form-element,
  .form-group.is-disabled .form-element input,
  .form-group.is-disabled .form-element .btn,
  .form-group.is-disabled .form-element a {
    color: #999; }
  .form-group .sub-form-group {
    border: 1px #eee solid;
    border-radius: 10px;
    background-color: #f9f9f9;
    padding: 10px; }
  .form-group .or {
    color: #999;
    margin: 10px 20px; }
  .form-group .input-lg ~ .close, .form-group .input-group-lg > .form-control ~ .close, .form-group .input-group-lg > .input-group-addon ~ .close, .form-group .input-group-lg > .input-group-btn > .btn ~ .close {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 27px;
    font-weight: 400; }

.company-logo-thumbnail {
  float: left;
  width: 60px;
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 0;
  background-size: contain; }

.list-tools {
  display: flex;
  position: relative;
  padding-bottom: 10px; }
  .list-tools .column {
    flex: 1 1 auto; }
  .list-tools .list-sort {
    text-align: right; }
  .list-tools .list-results {
    display: inline-block;
    text-align: right;
    border-right: 2px #ddd solid;
    padding-right: 10px;
    color: #999; }
  @media (max-width: 767px) {
    .list-tools {
      display: block; }
      .list-tools .list-sort {
        text-align: left; }
      .list-tools .list-results {
        float: right;
        border: none; } }

.list-loadmore {
  padding: 30px 0;
  text-align: center; }

.has-success .form-control:not(.number),
.has-warning .form-control:not(.number),
.has-error .form-control:not(.number),
.has-error .selectize-input {
  padding-right: 35px;
  background-repeat: no-repeat;
  background-position: center right 5px;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px; }

.has-success .checkbox, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success.checkbox label, .has-success.radio label {
  color: #5cb85c; }

.has-success .form-control:not(.number),
.has-success .form-control:not(.number):focus {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg==");
  border-color: #5cb85c;
  -webkit-box-shadow: none;
  box-shadow: none; }

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning.radio label, .has-warning.checkbox label, td.has-warning {
  color: #f0ad4e; }

.has-warning .form-control:not(.number),
.has-warning .form-control:not(.number):focus {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg==");
  border-color: #f0ad4e;
  -webkit-box-shadow: none;
  box-shadow: none; }

.has-error .checkbox, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error.checkbox label, .has-error.radio label, .help-block.error, td.has-error {
  color: #d9534f; }

.has-error .help-block:not(.error) {
  color: #737373; }

.has-error .form-control:not(.number),
.has-error .form-control:not(.number):focus,
.has-error .selectize-input {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4=");
  border-color: #d9534f;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Checkbox and radio */
.custom-control {
  position: relative;
  margin-bottom: 4px; }
  .custom-control > label {
    padding-left: 25px;
    font-weight: normal;
    cursor: pointer; }
  .custom-control input {
    position: absolute;
    opacity: 0;
    z-index: -1;
    /* Put the input behind the label so it doesn't overlay text */ }

.custom-control-indicator {
  position: absolute;
  top: 0px;
  left: 1px;
  display: block;
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #ffffff;
  background-clip: padding-box;
  background-size: 75% 75%;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Focus */
.custom-control input:focus ~ .custom-control-indicator {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #8DA4B3; }

/* Checked and Active state */
.custom-control.checked .custom-control-indicator,
.custom-control input:checked ~ .custom-control-indicator,
.custom-control input:active ~ .custom-control-indicator {
  background-color: #859fb0;
  border-color: #859fb0;
  box-shadow: none; }

/* Checked and Active state - primary style */
.custom-control.primary.checked .custom-control-indicator,
.custom-control.primary input:checked ~ .custom-control-indicator,
.custom-control.primary input:active ~ .custom-control-indicator {
  background-color: #F8842A;
  border-color: #F8842A; }

.custom-control.disabled .custom-control-indicator,
.custom-control input:disabled ~ .custom-control-indicator {
  background-color: #f9f9f9;
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: none;
  cursor: not-allowed; }

/* Checkbox modifiers */
.custom-checkbox .custom-control-indicator {
  border-radius: .33rem; }

.custom-checkbox.checked .custom-control-indicator,
.custom-checkbox input:checked ~ .custom-control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }

.custom-checkbox.checked.disabled:not(.success):not(.error) .custom-control-indicator,
.custom-checkbox input:checked:disabled:not(.success):not(.error) ~ .custom-control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDggOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxwYXRoIGQ9Ik02LjQsMUwyLjksNC41TDEuNCwzTDAsNC40TDIuOSw3LjNMNy44LDIuNEw2LjQsMVoiIHN0eWxlPSJmaWxsOnJnYigxNTMsMTUzLDE1Myk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+Cjwvc3ZnPgo=); }

.custom-checkbox.large .custom-control-indicator {
  width: 20px;
  height: 20px;
  top: 3px; }

.custom-checkbox.success .custom-control-indicator {
  background-color: #5cb85c !important;
  border-color: #4cae4c !important;
  opacity: 0.65; }

.custom-checkbox.error .custom-control-indicator {
  background-color: #d9534f !important;
  border-color: #d43f3a !important;
  opacity: 0.65; }

/* Radio modifiers */
.custom-radio .custom-control-indicator {
  border-radius: 50%; }

.custom-radio.checked .custom-control-indicator,
.custom-radio input:checked ~ .custom-control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

.custom-radio.checked.disabled .custom-control-indicator,
.custom-radio input:checked:disabled ~ .custom-control-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDggOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxwYXRoIGQ9Ik00LDFDMi4zLDEgMSwyLjMgMSw0QzEsNS43IDIuMyw3IDQsN0M1LjcsNyA3LDUuNyA3LDRDNywyLjMgNS43LDEgNCwxWiIgc3R5bGU9ImZpbGw6cmdiKDE1MywxNTMsMTUzKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KPC9zdmc+Cg==); }

.checkbox li {
  list-style-type: none; }

.checkbox .two-columns,
.checkbox .three-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.checkbox .two-columns li {
  width: 50%; }

.checkbox .three-columns li {
  width: 33.33%; }

@media (max-width: 767px) {
  .checkbox .two-columns li {
    width: 100%; }
  .checkbox .three-columns li {
    width: 50%; } }

.radio.more-spacing label {
  display: block;
  margin-top: 10px;
  margin-bottom: 5px; }

.radio-md label.radio-button, .radio-lg label.radio-button {
  font-size: 16px;
  font-weight: 300;
  padding-left: 28px; }

.radio-md .custom-control-indicator, .radio-lg .custom-control-indicator {
  top: 2px;
  width: 20px;
  height: 20px; }

.radio-lg label.radio-button {
  font-size: 18px;
  padding-left: 30px; }

.radio-lg .custom-control-indicator {
  width: 22px;
  height: 22px; }

input.time {
  font-size: 20px;
  font-weight: 300;
  border: none;
  width: calc(100% - 40px); }
  input.time .narrow {
    width: calc(100% - 100px); }

.file-picker.single {
  border: 4px #EEE dashed;
  border-radius: 10px;
  padding: 10px; }
  .file-picker.single.disabled {
    background-color: #f9f9f9;
    cursor: not-allowed; }
  .file-picker.single:not(.disabled) {
    cursor: pointer; }
    .file-picker.single:not(.disabled).over, .file-picker.single:not(.disabled):hover {
      border-color: #CCC; }

.file-picker-remove-btn {
  position: absolute;
  top: 10px;
  right: 25px;
  background-color: rgba(255, 255, 255, 0.7);
  border-bottom-left-radius: 15px !important; }
  .file-picker-remove-btn:hover {
    border-color: transparent !important;
    background-color: white; }

.file-picker:not(.photo-picker) img {
  max-width: 100%;
  max-height: 250px; }

.file-picker .placeholder {
  position: relative;
  width: 40px;
  display: inline-block; }
  .file-picker .placeholder-text {
    margin-left: 10px;
    width: calc(100% - 70px);
    display: inline-block;
    vertical-align: middle; }

.file-picker .placeholder-hover {
  position: absolute;
  opacity: 0; }

.file-picker.cover-picker img.placeholder {
  display: block;
  margin: 0 auto;
  padding-top: 40px;
  width: 100px;
  opacity: 0.5; }

.file-picker.cover-picker .placeholder-text {
  text-align: center;
  margin-bottom: 50px; }

.file-picker.cover-picker .placeholder-hover {
  width: 100%;
  text-align: center;
  margin-top: 100px; }

.file-picker.logo-picker, .file-picker.photo-picker {
  position: relative; }
  .file-picker.logo-picker .placeholder-hover, .file-picker.photo-picker .placeholder-hover {
    margin-top: 20px;
    margin-left: 20px;
    width: 70%; }
  .file-picker.logo-picker .placeholder-text, .file-picker.photo-picker .placeholder-text {
    padding-top: 10px; }

.file-picker.logo-picker {
  min-height: 120px;
  max-width: 300px; }

.file-picker.photo-picker img.placeholder {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  opacity: 0.5; }

.file-picker.photo-picker .placeholder-text {
  position: absolute;
  top: 35px;
  text-align: center;
  width: calc(100% - 50px); }

.file-picker .cover,
.file-picker .logo,
.file-picker .profile-picture,
.file-picker .placeholder-hover {
  transition: visibility 0s, opacity 0.1s linear; }

.file-picker:hover .placeholder-hover {
  opacity: 1;
  z-index: 2; }

.file-picker:hover .cover {
  padding-top: 50px;
  opacity: 0.3;
  z-index: 1; }

.file-picker:hover .logo, .file-picker:hover .profile-picture {
  opacity: 0.3;
  z-index: 1; }

label.radio-button {
  cursor: pointer;
  padding-left: 25px;
  display: inline-block; }

.radio.img-button .radio-button,
.radio.i-button .radio-button {
  padding-left: 0;
  height: 60px; }
  .radio.img-button .radio-button .custom-control-indicator,
  .radio.i-button .radio-button .custom-control-indicator {
    width: 60px;
    height: 60px; }
  .radio.img-button .radio-button input:checked ~ .custom-control-indicator,
  .radio.i-button .radio-button input:checked ~ .custom-control-indicator {
    background-size: 120%; }
  .radio.img-button .radio-button:hover .custom-control-indicator,
  .radio.i-button .radio-button:hover .custom-control-indicator {
    border-color: rgba(0, 0, 0, 0.5); }
  .radio.img-button .radio-button img,
  .radio.i-button .radio-button img {
    position: relative;
    z-index: 2;
    width: 56px;
    margin-top: 2px;
    margin-left: 3px;
    border-radius: 50%;
    margin-bottom: 10px; }
  .radio.img-button .radio-button i,
  .radio.i-button .radio-button i {
    position: relative;
    z-index: 2;
    font-size: 35px;
    line-height: 40px;
    top: 10px;
    left: 14px;
    margin-right: 30px; }
  .radio.img-button .radio-button p,
  .radio.i-button .radio-button p {
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    font-size: 15px; }
    .radio.img-button .radio-button p small,
    .radio.i-button .radio-button p small {
      color: #555; }
  .radio.img-button .radio-button input:active:not(:checked) ~ .custom-control-indicator ~ img,
  .radio.i-button .radio-button input:active:not(:checked) ~ .custom-control-indicator ~ img {
    filter: brightness(400%); }
  .radio.img-button .radio-button input:checked ~ .custom-control-indicator ~ img,
  .radio.i-button .radio-button input:checked ~ .custom-control-indicator ~ img {
    padding: 4px; }

.wysiwyg-editor .note-editor {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border: none;
  margin: 0 !important; }
  .wysiwyg-editor .note-editor .note-editable {
    padding: 10px; }

.wysiwyg-editor .note-toolbar {
  background: none;
  border-bottom: 1px #e5e5e5 solid;
  margin: 0;
  padding: 0px 0px 4px 4px !important; }
  .wysiwyg-editor .note-toolbar .btn-sm, .wysiwyg-editor .note-toolbar .btn-group-sm > .btn, .wysiwyg-editor .note-toolbar .btn-xs, .wysiwyg-editor .note-toolbar .btn-group-xs > .btn {
    border: none;
    border-radius: 6px !important; }

.wysiwyg-editor .note-editable {
  border-radius: 15px; }

.wysiwyg-editor .note-status-output {
  display: none !important; }

.wysiwyg-editor .note-statusbar {
  border-top: none !important;
  background-color: #fff !important;
  margin: 0 10px 0 10px; }

.wysiwyg-editor .note-resizebar {
  height: 6px !important; }
  .wysiwyg-editor .note-resizebar .note-icon-bar {
    border-color: #ccc !important; }

.form-group .wysiwyg-editor .note-editor {
  border: 1px #CCCCCC solid;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.form-group .wysiwyg-editor + .btn {
  margin-top: 5px; }

.note-modal .sn-checkbox-use-protocol {
  display: none !important; }

.x-toggle-component {
  justify-content: left;
  align-items: left; }

.x-toggle-light {
  width: 30px;
  height: 20px; }
  .x-toggle-light.small {
    width: 20px;
    height: 16px; }
  .x-toggle-light.large {
    width: 50px;
    height: 30px;
    padding: 3px; }
  .x-toggle-light.x-toggle-btn {
    background: #ddd;
    border: 1px #ccc solid; }
  .x-toggle-light.trafficlight {
    background: #d43f3a;
    border-color: #d43f3a; }

.x-toggle:checked + .x-toggle-light.x-toggle-btn {
  background: #71d46e;
  border-color: #71d46e; }

.form-control-suggestions {
  margin-top: 5px; }
  .form-control-suggestions .prefix {
    padding-right: 5px; }

.daypart-selector.selected {
  border: 1px solid #ccc;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-left: 10px;
  margin-left: -10px;
  border-radius: 5px; }

.daypart-selector .dayparts .custom-checkbox {
  display: inline-block; }
  .daypart-selector .dayparts .custom-checkbox:not(:last-child) {
    margin-right: 3px; }

.alert table {
  border-spacing: 10px 6px;
  border-collapse: separate;
  margin-top: 10px; }

table.list td:first-child {
  padding-right: 20px; }

table.list td {
  vertical-align: top; }

tr.indent td:first-child,
tr.indent-indent td:first-child {
  padding-left: 40px !important;
  padding-top: 12px !important;
  position: relative; }
  tr.indent td:first-child .arrow,
  tr.indent-indent td:first-child .arrow {
    position: absolute;
    border-left: 1px #ccc solid;
    top: 0;
    bottom: 0;
    left: 20px; }
    tr.indent td:first-child .arrow:after,
    tr.indent-indent td:first-child .arrow:after {
      content: '';
      position: absolute;
      background-color: #ccc;
      top: 21px;
      width: 10px;
      height: 1px; }

tr.indent.has-children .line, tr.indent.last-child .line,
tr.indent-indent.has-children .line,
tr.indent-indent.last-child .line {
  position: absolute;
  border-left: 1px #ddd dashed;
  top: 0;
  bottom: 20px;
  left: 20px; }

tr.indent.has-children .arrow, tr.indent.last-child .arrow,
tr.indent-indent.has-children .arrow,
tr.indent-indent.last-child .arrow {
  height: 22px; }

tr.indent-indent td:first-child {
  padding-left: 60px !important; }
  tr.indent-indent td:first-child .arrow {
    left: 40px; }

tr.indent-indent.last-child .line {
  top: 35px;
  bottom: 0; }

tr.indent.last-child .line,
tr.indent-indent:last-child .line {
  display: none; }

.table > tbody + tbody {
  border-top-width: 1px; }

.table > tbody td.border-right {
  border-right: 2px #ddd solid; }

.table > thead > tr > th,
.table .th {
  text-transform: uppercase;
  font-size: 80%;
  color: #BBB;
  font-weight: 400;
  letter-spacing: 0.5px; }
  .table > thead > tr > th.title,
  .table .th.title {
    padding-top: 20px;
    color: #333;
    font-weight: 500;
    font-size: 110%;
    text-transform: initial;
    letter-spacing: normal; }
  .table > thead > tr > th a,
  .table .th a {
    color: #BBB; }
    .table > thead > tr > th a.DESC:after, .table > thead > tr > th a.ASC:after,
    .table .th a.DESC:after,
    .table .th a.ASC:after {
      left: 3px;
      top: -2px;
      position: relative; }
    .table > thead > tr > th a.DESC:after,
    .table .th a.DESC:after {
      content: "\2191"; }
    .table > thead > tr > th a.ASC:after,
    .table .th a.ASC:after {
      content: "\2193"; }

.table caption,
.table .caption {
  padding-top: 15px;
  padding-left: 15px;
  border-top: none;
  border-bottom: 1px #EEE solid; }
  .table caption:hover,
  .table .caption:hover {
    cursor: initial;
    background-color: #fff; }

.table > tbody.no-head > tr:first-child > th,
.table > tbody.no-head > tr:first-child > td {
  border-top: none; }

@media (max-width: 767px) {
  .table .th {
    font-size: 60%;
    margin-top: 10px; }
  .table .td {
    padding-left: 5px; }
  .table hr {
    margin-top: 10px;
    margin-bottom: 5px; }
  .table .actiontd {
    position: relative;
    vertical-align: bottom; }
    .table .actiontd .status {
      position: absolute;
      top: 10px; } }

@media (min-width: 768px) {
  .table-hover td {
    border-top: 0 !important; } }

.table-hover tbody tr,
.table tbody td[data-ember-action] {
  cursor: pointer; }

.table-hover td.actiontd .btn.dropdown-toggle {
  margin-top: -2px;
  margin-bottom: -2px;
  padding: 7px 12px; }

tbody .actiontd {
  white-space: nowrap; }

tr .sum > td {
  border-top-width: 2px !important; }

tr .blur {
  opacity: 0.3; }
  tr .blur.active {
    font-weight: 500; }

tr .active {
  opacity: 1;
  background-color: #F5F5F5; }

.table .lead-leveling {
  position: relative;
  top: 3px; }

.table td .no-margin {
  padding: 0px; }
  .table td .no-margin > table {
    margin-top: -1px;
    margin-bottom: 0px; }

.table td .no_results {
  margin: 5px;
  color: #999;
  font-size: 15px; }
  .table td .no_results [class^="icon-"] {
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 10px; }

.table td .publication-icon {
  position: relative;
  top: 5px; }

.table td.profile-thumb {
  padding-top: 5px; }
  .table td.profile-thumb .img-circle {
    width: 38px;
    height: 38px;
    border: 2px #fff solid;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background-color: #f5f5f5;
    background-size: cover;
    overflow: hidden; }
  .table td.profile-thumb i.not-set {
    position: relative;
    top: 5px;
    left: 6px;
    font-size: 25px;
    opacity: 0.5; }

.table td .toggler {
  display: inline-block;
  width: 40px; }
  .table td .toggler ~ .publicity-icon {
    display: inline-block; }
    .table td .toggler ~ .publicity-icon .publication-icon {
      top: 0; }

.table td .label ~ .toggler {
  margin-top: 5px; }

.table-hover .checkbox {
  margin: 0;
  padding: 11px 0 0 10px !important; }
  .table-hover .checkbox .custom-control:not(.some-checked) {
    visibility: hidden; }
  .table-hover .checkbox .spinner {
    padding-left: 3px; }

.table-hover th.checkbox {
  padding: 7px 0 0 10px !important; }

.table-hover th.checkbox .custom-control,
.table-hover + .selection-controls .checkbox .custom-control,
.table-hover + .bulkselector .selection-controls .checkbox .custom-control {
  margin-bottom: 0; }

.table-hover th.checkbox .custom-control.some-checked:not(.checked) .custom-control-indicator:before,
.table-hover + .selection-controls .checkbox .custom-control.some-checked:not(.checked) .custom-control-indicator:before,
.table-hover + .bulkselector .selection-controls .checkbox .custom-control.some-checked:not(.checked) .custom-control-indicator:before {
  content: '+';
  position: absolute;
  left: 4px;
  top: -3px;
  color: #CCC;
  font-size: 14px;
  font-weight: 600; }

.table-hover tr:hover .checkbox .custom-control {
  visibility: visible; }

.table-hover tr:hover .profile-thumb i.not-set {
  opacity: 1; }

@media (max-width: 1200px) {
  td.callto-action {
    padding-left: 0px !important;
    padding-right: 0px !important; }
    td.callto-action + td {
      padding-left: 0px !important; }
    td.callto-action .btn {
      margin-right: -10px; }
      td.callto-action .btn span {
        display: none; } }

.list-group-table {
  border-top: 1px solid #ddd;
  display: table;
  width: 100%; }
  .list-group-table .list-group-item-row {
    display: table-row; }
    .list-group-table .list-group-item-row .list-group-item-cell {
      display: table-cell;
      vertical-align: top;
      border-bottom: 1px solid #ddd;
      padding: 10px; }
      .list-group-table .list-group-item-row .list-group-item-cell:first-child {
        padding-left: 15px; }
      .list-group-table .list-group-item-row .list-group-item-cell:last-child {
        padding-right: 15px; }
      .list-group-table .list-group-item-row .list-group-item-cell.actiontd {
        text-align: right;
        white-space: nowrap;
        width: 5%; }
      .list-group-table .list-group-item-row .list-group-item-cell .list-group {
        margin-top: 10px;
        margin-bottom: 0px;
        border-radius: 10px;
        border: none; }
        .list-group-table .list-group-item-row .list-group-item-cell .list-group .list-group-item {
          background-color: #F5F5F5; }
          .list-group-table .list-group-item-row .list-group-item-cell .list-group .list-group-item:first-child {
            border-top: none;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px; }
          .list-group-table .list-group-item-row .list-group-item-cell .list-group .list-group-item:last-child {
            border-bottom-right-radius: 10px;
            border-bottom-left-radius: 10px; }
        .list-group-table .list-group-item-row .list-group-item-cell .list-group.list-group-table .list-group-item-cell {
          padding: 5px 10px; }
          .list-group-table .list-group-item-row .list-group-item-cell .list-group.list-group-table .list-group-item-cell.actiontd {
            padding: 5px; }
    .list-group-table .list-group-item-row:last-child .list-group-item-cell {
      border-bottom: none; }

.sortable-item .handle,
.sortable-objects .handle {
  cursor: move; }

.sortable-item {
  transition: all .125s; }
  .sortable-item.is-dragging {
    transition-duration: 0s;
    background-color: #F9F9F9 !important;
    z-index: 10;
    box-shadow: 0px 0px 10px 0px #DDD; }

.label {
  line-height: 2em;
  font-size: 80%; }
  .label-primary {
    background: #8EA4B2; }
  .label-orange {
    background: #FA851C; }

td .label {
  margin-right: 5px; }

.grey-label {
  background-color: #EFEFEF;
  padding: 5px 10px;
  margin: 2px 5px 5px 0;
  border-radius: 5px;
  display: inline-block;
  white-space: nowrap; }
  .grey-label.padding {
    white-space: normal;
    padding: 10px 15px; }
  .grey-label.big {
    font-size: 15px;
    padding: 8px 15px 8px 10px; }

a.grey-label:hover {
  text-decoration: none;
  background-color: #DDD; }

.labelcoloricon {
  float: left;
  width: 15px;
  height: 15px;
  margin-top: 2px;
  margin-right: 5px;
  border-radius: 5px; }

.label .big {
  font-size: 18px;
  padding: 2px 3px 3px 8px; }
  .label .big .decimals {
    font-size: 12px;
    margin-top: -1px; }

.label .bigger {
  font-size: 25px;
  padding: 3px 3px 3px 13px; }
  .label .bigger .decimals {
    font-size: 14px;
    margin-top: -4px; }

.label-info {
  background-color: #6eadd1; }

.label-orange {
  background-color: #F8842A; }

@media (max-width: 479px) {
  .row {
    margin-left: -5px;
    margin-right: -5px; }
    .row .col-xs-1, .row .col-sm-1, .row .col-md-1, .row .col-lg-1, .row .col-xs-2, .row .col-sm-2, .row .col-md-2, .row .col-lg-2, .row .col-xs-3, .row .col-sm-3, .row .col-md-3, .row .col-lg-3, .row .col-xs-4, .row .col-sm-4, .row .col-md-4, .row .col-lg-4, .row .col-xs-5, .row .col-sm-5, .row .col-md-5, .row .col-lg-5, .row .col-xs-6, .row .col-sm-6, .row .col-md-6, .row .col-lg-6, .row .col-xs-7, .row .col-sm-7, .row .col-md-7, .row .col-lg-7, .row .col-xs-8, .row .col-sm-8, .row .col-md-8, .row .col-lg-8, .row .col-xs-9, .row .col-sm-9, .row .col-md-9, .row .col-lg-9, .row .col-xs-10, .row .col-sm-10, .row .col-md-10, .row .col-lg-10, .row .col-xs-11, .row .col-sm-11, .row .col-md-11, .row .col-lg-11, .row .col-xs-12, .row .col-sm-12, .row .col-md-12, .row .col-lg-12 {
      padding-left: 5px;
      padding-right: 5px; } }

.progress.spaceholder {
  opacity: 0.01; }

.list-group.no-border {
  margin-bottom: 0px; }
  .list-group.no-border li {
    border-left: none;
    border-right: none; }
    .list-group.no-border li:first-child {
      border-top: none; }
    .list-group.no-border li:last-child {
      border-bottom: none; }

.list-details.right {
  display: none; }

.list-details .list-group-item {
  text-align: left; }
  .list-details .list-group-item .btn-more-details {
    position: absolute;
    top: -10px;
    right: 10px;
    background: #FFF; }
    .list-details .list-group-item .btn-more-details i {
      font-size: 22px; }
  .list-details .list-group-item .title {
    text-transform: uppercase;
    color: #bbb;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    position: absolute;
    left: 10px;
    top: -10px;
    background: #FFF;
    padding: 0 10px; }
  .list-details .list-group-item.more-space {
    margin-top: 20px; }
    .list-details .list-group-item.more-space::before {
      content: '';
      left: 0;
      top: -22px;
      position: absolute;
      width: 100%;
      height: 5px;
      background: #fff; }
  .list-details .list-group-item .content {
    padding: 5px 0 20px 0; }
    .list-details .list-group-item .content.tag-cloud .tag {
      font-weight: 400;
      padding: 0 3px;
      margin: 0 5px -1px 0; }
      .list-details .list-group-item .content.tag-cloud .tag.tag-1 {
        font-size: 12px; }
      .list-details .list-group-item .content.tag-cloud .tag.tag-2 {
        font-size: 17px; }
      .list-details .list-group-item .content.tag-cloud .tag.tag-3 {
        font-size: 22px; }
    .list-details .list-group-item .content .uli {
      margin-bottom: 10px;
      padding-left: 20px; }
      .list-details .list-group-item .content .uli:before {
        position: absolute;
        margin-top: 6px;
        margin-left: -15px;
        content: '';
        background-color: #777;
        width: 8px;
        height: 8px;
        border-radius: 10px; }
      .list-details .list-group-item .content .uli.outside:before {
        background-color: #85C1E9;
        color: #85C1E9; }
      .list-details .list-group-item .content .uli.inside:before {
        background-color: #FFD300;
        color: #FFD300; }
      .list-details .list-group-item .content .uli.asterisk:before {
        content: '*';
        font-size: 25px;
        font-weight: bold;
        margin-top: -3px;
        margin-left: -16px;
        background: none; }
    .list-details .list-group-item .content .ili {
      margin-bottom: 10px; }
      .list-details .list-group-item .content .ili [class^="icon-"] {
        margin-right: 5px; }
    .list-details .list-group-item .content .ili-title {
      margin: 15px 0 5px 0; }

.list-group.subject {
  border-radius: 15px;
  margin-bottom: 0px;
  border: none;
  background-color: #fdfdfd;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
  .list-group.subject > .list-group-item {
    border-left: 0;
    border-right: 0;
    background-color: none; }
    .list-group.subject > .list-group-item:first-child {
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      border-top: 0; }
    .list-group.subject > .list-group-item:last-child {
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      border-bottom: 0; }
    .list-group.subject > .list-group-item.list-group-item-warning {
      color: #856404;
      background-color: #fff2d7; }
    .list-group.subject > .list-group-item .icon, .list-group.subject > .list-group-item .zoom, .list-group.subject > .list-group-item .cta {
      position: relative;
      display: inline-block;
      vertical-align: top;
      width: 25px; }
      .list-group.subject > .list-group-item .icon i, .list-group.subject > .list-group-item .zoom i, .list-group.subject > .list-group-item .cta i {
        font-size: 20px;
        margin-right: 2px; }
    .list-group.subject > .list-group-item .text {
      display: inline-block;
      width: calc(100% - 50px);
      white-space: normal; }
      .list-group.subject > .list-group-item .text.description, .list-group.subject > .list-group-item .text.checklist {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.5;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: auto; }
        .list-group.subject > .list-group-item .text.description b, .list-group.subject > .list-group-item .text.checklist b {
          font-size: 17px;
          font-weight: 500; }
        .list-group.subject > .list-group-item .text.description .check, .list-group.subject > .list-group-item .text.checklist .check {
          position: relative;
          top: 2px;
          display: inline-block;
          width: 15px;
          height: 15px; }
          .list-group.subject > .list-group-item .text.description .check i, .list-group.subject > .list-group-item .text.checklist .check i {
            position: absolute;
            top: 2px;
            left: 2px;
            font-size: 11px; }
          .list-group.subject > .list-group-item .text.description .check i.icon-chevron-right-thick, .list-group.subject > .list-group-item .text.checklist .check i.icon-chevron-right-thick {
            left: 5px; }
        .list-group.subject > .list-group-item .text.description li.complete, .list-group.subject > .list-group-item .text.checklist li.complete {
          font-weight: 300; }
    .list-group.subject > .list-group-item .zoom, .list-group.subject > .list-group-item .cta {
      width: 15px; }
    .list-group.subject > .list-group-item .zoom {
      display: none; }
    .list-group.subject > .list-group-item.clickable:hover {
      cursor: pointer;
      background-color: #f5f5f5; }
      .list-group.subject > .list-group-item.clickable:hover .zoom, .list-group.subject > .list-group-item.clickable:hover .cta {
        display: inline-block; }
  .list-group.subject ~ .date {
    padding-top: 5px;
    padding-left: 15px;
    height: 20px;
    font-size: 11px;
    color: #BBB; }

/*  Tablet  */
@media (min-width: 767px) {
  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1) {
    clear: none; }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1) {
    clear: left; } }

/*  Medium Desktop  */
@media (min-width: 992px) {
  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1) {
    clear: none; }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1) {
    clear: left; } }

/*  Large Desktop  */
@media (min-width: 1200px) {
  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1) {
    clear: none; }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1) {
    clear: left; } }

.datepicker > div {
  display: initial; }

.datepicker td, .datepicker th {
  border-radius: 15px; }

.datepicker table tr td.active:hover, .datepicker table tr td.active .disabled, .datepicker table tr td.active .disabled:hover {
  background-color: #8da4b0;
  background-image: none; }

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #8da4b0; }

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #777;
  color: #FFF;
  background-image: none; }

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #777;
  color: #FFF; }

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #8da4b0;
  background-image: none;
  border-color: #0044cc #0044cc #002a80; }

.datepicker-dropdown.datepicker-orient-top:before,
.datepicker-dropdown.datepicker-orient-top:after {
  top: auto; }

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1; }

.well {
  border: none;
  border-radius: 15px; }

.modal-open {
  overflow: hidden; }

.modal {
  background-color: rgba(0, 0, 0, 0.25);
  cursor: default; }

@media screen and (min-width: 768px) {
  .modal.confirmation-modal, .modal.progress-modal, .modal.loading-modal {
    text-align: center; }
    .modal.confirmation-modal:before, .modal.progress-modal:before, .modal.loading-modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%; } }

.modal.confirmation-modal .modal-dialog, .modal.progress-modal .modal-dialog, .modal.loading-modal .modal-dialog, .modal.fullscreen .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  -webkit-transform: scale(0.7) translate(0, 0);
  -moz-transform: scale(0.7) translate(0, 0);
  -ms-transform: scale(0.7) translate(0, 0);
  transform: scale(0.7) translate(0, 0);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.modal.confirmation-modal.in .modal-dialog, .modal.progress-modal.in .modal-dialog, .modal.loading-modal.in .modal-dialog, .modal.fullscreen.in .modal-dialog {
  -webkit-transform: scale(1) translate(0, 0);
  -moz-transform: scale(1) translate(0, 0);
  -ms-transform: scale(1) translate(0, 0);
  transform: scale(1) translate(0, 0);
  opacity: 1; }

.modal.confirmation-modal [class^="icon-"] {
  font-size: 50px;
  display: block;
  margin: 20px; }

.modal.loading-modal .modal-sm {
  width: 120px; }
  .modal.loading-modal .modal-sm .modal-content {
    background: none;
    box-shadow: none; }
    .modal.loading-modal .modal-sm .modal-content .modal-body {
      padding: 55px 0px 50px 25px; }
      .modal.loading-modal .modal-sm .modal-content .modal-body .spinner > div {
        background-color: #FFF; }

.modal .close {
  position: relative;
  z-index: 2;
  margin-top: -5px;
  margin-right: 0px;
  font-size: 40px;
  font-weight: 300; }

.modal-header {
  padding: 15px 20px;
  border-bottom: none; }
  .modal-header .help-block {
    margin-left: 2px; }

.modal-title.has-icon {
  padding-top: 5px; }
  .modal-title.has-icon [class^="icon-"] {
    font-size: 55px;
    margin-right: 10px;
    float: left;
    position: relative;
    top: -10px; }
  .modal-title.has-icon.has-subtitle [class^="icon-"] {
    top: 2px; }

h3.modal-title {
  margin-top: 5px;
  margin-bottom: 5px; }

.modal-subtitle {
  margin-top: 0 !important;
  margin-bottom: 0; }

.modal-content {
  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: none; }

.modal-body {
  overflow: auto !important; }

.fullscreen .modal-dialog {
  width: 100%;
  margin: 0 !important; }
  .fullscreen .modal-dialog .modal-content {
    border-radius: 0;
    background-color: #f9f9f9; }

.middle .modal-dialog {
  margin-top: 150px; }

.modal-dialog .stacked {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1);
  z-index: -1; }
  .modal-dialog .stacked.idx-1 {
    background: #eee;
    transform: rotate(-3deg); }
  .modal-dialog .stacked.idx-2 {
    background: #ddd;
    transform: rotate(2deg); }

.conversationDialog .close,
.contractEditor .close {
  margin-top: -10px; }

.conditionsDialog .modal-body {
  max-height: 450px !important; }

.modal-footer .alert {
  margin-top: 0px;
  margin-bottom: 15px;
  text-align: left; }

.modal-footer .progress {
  position: relative;
  margin-top: -25px;
  margin-bottom: 15px; }

.modal-dialog .no-padding {
  padding: 0; }
  .modal-dialog .no-padding .panel {
    border: none;
    margin: 0;
    border-radius: 12px;
    box-shadow: none; }
    .modal-dialog .no-padding .panel-heading {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px; }

.modal-dialog .modal-dialog .more-padding {
  padding: 20px 30px; }

.modal-dialog .modal-header.fade-top {
  margin-top: -100px;
  padding-top: 55px;
  position: relative;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 40%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(40%, white), color-stop(100%, white));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 40%, white 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 40%, white 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 40%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 40%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

.modal-dialog .technical-error-mssg {
  display: block;
  width: 2000px;
  font-size: 13px;
  font-family: Consolas, monospace;
  line-height: 18px;
  text-align: left !important; }

.form-dialog .modal-body {
  background-color: #eff5f8;
  border-top: 1px solid #e5e5e5; }
  .form-dialog .modal-body .form-title {
    margin-left: 15px;
    padding-top: 5px; }
  .form-dialog .modal-body .form-horizontal {
    background-color: #FFF;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
    border-radius: 15px;
    padding: 15px 15px 1px 15px;
    margin-bottom: 30px; }

.modal-actions {
  min-height: 54px; }

.modal-action {
  background: none;
  float: left;
  width: 50%;
  padding: 15px;
  border: solid #e5e5e5;
  border-width: 1px 0 0;
  border-radius: 0px !important; }
  .modal-action.btn-block {
    width: 100%; }
  .modal-action.btn-link:hover, .modal-action.btn-link:focus, .modal-action.btn-link:active {
    text-decoration: none;
    border-color: #e5e5e5;
    color: white !important;
    border-radius: 0; }
  .modal-action + .modal-action {
    border-left-width: 1px; }
  .modal-action:first-child, .modal-action:first-child:focus, .modal-action:first-child:hover, .modal-action:first-child:active {
    border-bottom-left-radius: 12px !important; }
  .modal-action:first-child:focus, .modal-action:first-child:hover, .modal-action:first-child:active {
    background-color: #d9534f; }
  .modal-action:last-child, .modal-action:last-child:focus, .modal-action:last-child:hover, .modal-action:last-child:active {
    border-bottom-right-radius: 12px !important; }
  .modal-action:last-child:focus, .modal-action:last-child:hover, .modal-action:last-child:active {
    background-color: #5cb85c; }
  .modal-action.neutral .lead {
    font-weight: 400 !important; }
  .modal-action.neutral:focus, .modal-action.neutral:hover, .modal-action.neutral:active {
    background-color: #859fb0 !important; }
  .modal-action.negative:focus, .modal-action.negative:hover, .modal-action.negative:active {
    background-color: #d9534f !important; }

@media (min-width: 768px) {
  .modal-sm {
    width: 400px; } }

.modal-body > .form-group {
  margin: 0; }

@media screen and (max-width: 767px) {
  .modal-dialog {
    margin-left: 0;
    margin-right: 0; } }

.mailpreview {
  background: #eff5f8;
  padding: 20px; }
  .mailpreview #contentcontainer {
    border: 1px #EEEEEE solid;
    background: #FFF;
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    color: #333;
    -webkit-border-radius: 4px; }
  .mailpreview hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    height: 0; }

.popover {
  border-color: #ddd;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px); }
  .popover.top > .arrow {
    border-top-color: #ddd; }
  .popover .popover-title {
    background: none;
    border: none;
    font-size: 16px; }

#easter-egg .modal-content {
  background-color: #eff5f8; }

#easter-egg .no-padding {
  padding: 10px 0; }

.colpick {
  z-index: 2050;
  background: #FFF; }

.ui-resizable {
  position: relative; }
  .ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none; }
    .ui-resizable-handle .ui-resizable-disabled, .ui-resizable-handle .ui-resizable-autohide {
      display: none; }
  .ui-resizable-n {
    cursor: n-resize;
    height: 15px;
    width: 100%;
    top: -7px;
    left: 0; }
  .ui-resizable-s {
    cursor: s-resize;
    height: 15px;
    width: 100%;
    bottom: -7px;
    left: 0; }
  .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%; }
  .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%; }
  .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px; }
  .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px; }
  .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px; }
  .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-draggable-handle {
  cursor: move;
  -ms-touch-action: none;
  touch-action: none; }

.ui-droppable {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 4px #EEE dashed;
  border-radius: 3px; }
  .ui-droppable .overlay {
    margin: -4px; }

a,
.tooltipstered.pointer,
.pointer {
  cursor: pointer; }

span.tooltipstered,
.tooltipstered.help {
  cursor: help; }

.tooltipster-base {
  max-width: 500px; }

.tooltipster-shadow.tooltipster-sidetip .tooltipster-box, .tooltipster-shadow-lg.tooltipster-sidetip .tooltipster-box {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(208, 227, 236, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px #d0e3ec solid; }

.tooltipster-shadow.tooltipster-sidetip .tooltipster-arrow-border, .tooltipster-shadow-lg.tooltipster-sidetip .tooltipster-arrow-border {
  border: 8px solid transparent; }

.tooltipster-shadow.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-shadow-lg.tooltipster-sidetip .tooltipster-arrow-background {
  display: none; }

.tooltipster-shadow.tooltipster-sidetip.tooltipster-top, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-top {
  margin-top: -5px; }
  .tooltipster-shadow.tooltipster-sidetip.tooltipster-top .tooltipster-arrow, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    height: 8px;
    margin-left: -8px;
    margin-bottom: -2px;
    width: 16px; }
  .tooltipster-shadow.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #d0e3ec; }

.tooltipster-shadow.tooltipster-sidetip.tooltipster-bottom, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-bottom {
  margin-top: 5px; }
  .tooltipster-shadow.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -8px;
    margin-top: -4px;
    width: 16px; }
  .tooltipster-shadow.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #d0e3ec; }

.tooltipster-shadow.tooltipster-sidetip.tooltipster-left, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-left {
  margin-left: -5px; }
  .tooltipster-shadow.tooltipster-sidetip.tooltipster-left .tooltipster-arrow, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 16px;
    margin-right: -2px;
    width: 8px; }
  .tooltipster-shadow.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #d0e3ec; }

.tooltipster-shadow.tooltipster-sidetip.tooltipster-right, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-right {
  margin-left: 5px; }
  .tooltipster-shadow.tooltipster-sidetip.tooltipster-right .tooltipster-arrow, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 16px;
    margin-left: -2px;
    width: 16px; }
  .tooltipster-shadow.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border, .tooltipster-shadow-lg.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #d0e3ec; }

.tooltipster-shadow.tooltipster-fade, .tooltipster-shadow-lg.tooltipster-fade {
  transition-property: all; }

.tooltipster-shadow.tooltipster-show, .tooltipster-shadow-lg.tooltipster-show {
  margin: 0 !important; }

.tooltipster-shadow .tooltipster-content, .tooltipster-shadow-lg .tooltipster-content {
  font-size: 14px;
  line-height: 20px;
  padding: 12px 20px;
  color: #556e7a !important; }
  .tooltipster-shadow .tooltipster-content .decimals, .tooltipster-shadow-lg .tooltipster-content .decimals {
    margin-top: -2px; }

.tooltipster-shadow.tooltipster-shadow-lg .tooltipster-content, .tooltipster-shadow-lg.tooltipster-shadow-lg .tooltipster-content {
  font-size: 20px;
  line-height: 25px;
  font-weight: 300; }

.power-select.input-lg, .input-group-lg > .power-select.form-control,
.input-group-lg > .power-select.input-group-addon,
.input-group-lg > .input-group-btn > .power-select.btn {
  padding: 0; }

.ember-power-select-trigger {
  min-height: 34px;
  padding-top: 2px;
  padding-bottom: 2px; }
  .ember-power-select-trigger--active, .ember-power-select-trigger:focus {
    border-color: #8DA4B3;
    box-shadow: none; }

.ember-power-select-dropdown {
  z-index: 1100;
  border: 1px #8DA4B3 solid !important;
  transition: margin 0.1s; }
  .ember-power-select-dropdown.initially-hidden {
    opacity: 0; }

.ember-power-select-status-icon {
  right: 15px; }

.ember-power-select-option {
  padding: 7px 12px;
  line-height: 22px; }
  .ember-power-select-option .caption {
    display: none; }
  .ember-power-select-option[aria-selected="true"] {
    border-left: 5px #859fb0 solid;
    padding-left: 7px; }

.ember-power-select-group .ember-power-select-option {
  padding-left: 17px; }

.ember-power-select-group-name {
  font-weight: 500;
  font-size: 17px;
  padding-top: 20px;
  display: inline-block;
  line-height: 22px; }

.ember-power-select-search-input {
  color: #333;
  padding: 6px 12px; }
  .ember-power-select-search-input:focus {
    outline: 0;
    box-shadow: none;
    border-color: #8DA4B3; }
  .ember-power-select-search-input::placeholder, .ember-power-select-search-input::-moz-placeholder, .ember-power-select-search-input:-ms-input-placeholder, .ember-power-select-search-input::-webkit-input-placeholder {
    color: #ddd; }

.list-group-item .ember-power-select-search-input {
  border-width: 0px 0px 1px 0px !important;
  border-radius: 0;
  padding: 2px 12px;
  border-color: #ddd; }

.ember-power-select-selected-item {
  padding: 5px 0;
  line-height: 22px; }

.ember-power-select-multiple-option {
  border: none;
  background-color: #EFEFEF;
  padding: 2px 10px; }
  .ember-power-select-multiple-option .ember-power-select-multiple-remove-btn {
    position: relative;
    float: right;
    right: -5px; }

.ember-power-select-selected-item, .ember-power-select-placeholder {
  display: block;
  margin-left: 12px; }

.ember-power-select-trigger-multiple-input {
  padding-left: 7px; }

.ember-power-select-selected-item h3,
.ember-power-select-option h3,
.ember-power-select-selected-item h4,
.ember-power-select-option h4 {
  margin: 0;
  padding: 8px 0 2px 0; }

.ember-power-select-selected-item span.pull-right,
.ember-power-select-option span.pull-right {
  margin-right: 20px; }

.ember-power-select-selected-item .label,
.ember-power-select-option .label {
  line-height: 1.4em; }

.ember-power-select-clear-btn {
  top: 2px;
  bottom: 0;
  right: 12px;
  font-size: 22px;
  line-height: 28px;
  font-weight: 300;
  background-color: #fff;
  color: #999;
  z-index: 2; }

.ember-power-select-trigger:hover .ember-power-select-clear-btn,
.ember-power-select-trigger--active .ember-power-select-clear-btn {
  color: #333; }

.big .ember-power-select-multiple-option {
  font-size: 15px;
  padding: 5px 15px 5px 10px;
  margin: 4px 0 4px 6px; }

.hide-span-elements span {
  display: none; }

.vjs-theme-forest:hover .vjs-big-play-button, .vjs-theme-forest.vjs-big-play-button:focus {
  background-color: transparent;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23F8842A'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E"); }

.vjs-theme-forest .vjs-big-play-button {
  width: 88px;
  height: 88px;
  background: none;
  background-repeat: no-repeat;
  background-position: 50%;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' fill='%23fff'%3E%3Cpath fill-rule='evenodd' d='M44 88C19.738 88 0 68.262 0 44S19.738 0 44 0s44 19.738 44 44-19.738 44-44 44zm0-85C21.393 3 3 21.393 3 44c0 22.608 18.393 41 41 41s41-18.392 41-41C85 21.393 66.607 3 44 3zm16.063 43.898L39.629 60.741a3.496 3.496 0 01-3.604.194 3.492 3.492 0 01-1.859-3.092V30.158c0-1.299.712-2.483 1.859-3.092a3.487 3.487 0 013.604.194l20.433 13.843a3.497 3.497 0 01.001 5.795zm-1.683-3.311L37.946 29.744a.49.49 0 00-.276-.09.51.51 0 00-.239.062.483.483 0 00-.265.442v27.685c0 .262.166.389.265.442.1.053.299.118.515-.028L58.38 44.414A.489.489 0 0058.6 44a.49.49 0 00-.22-.413z'/%3E%3C/svg%3E");
  border: none;
  top: 50%;
  left: 50%;
  margin-top: -44px;
  margin-left: -44px;
  color: purple; }
  .vjs-theme-forest .vjs-big-play-button:before {
    display: none; }
  .vjs-theme-forest .vjs-big-play-button .vjs-icon-placeholder {
    display: none; }

.vjs-theme-forest .vjs-button:before {
  line-height: 1.55; }

.vjs-theme-forest .vjs-control {
  height: 3em; }

.vjs-theme-forest .vjs-control :hover {
  color: #F8842A;
  text-shadow: #fff 1px 0 10px; }

.vjs-theme-forest .vjs-control-bar {
  background: #111;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  height: 5em; }

.vjs-theme-forest .vjs-play-control {
  font-size: 1.1em; }
  .vjs-theme-forest .vjs-play-control:before {
    background-color: #fff;
    height: 1.5em;
    width: 1.5em;
    margin-top: 0em;
    border-radius: 1em;
    color: #F8842A; }
  .vjs-theme-forest .vjs-play-control:hover:before {
    background-color: #F8842A;
    color: #fff; }

.vjs-theme-forest .vjs-mute-control {
  display: none; }

.vjs-theme-forest .vjs-menu-button-inline:hover, .vjs-theme-forest .vjs-menu-button-inline:focus, .vjs-theme-forest .vjs-menu-button-inline.vjs-slider-active {
  width: 9em; }

.vjs-theme-forest .vjs-volume-panel {
  margin-left: .5em;
  margin-right: .5em;
  padding-top: .3em; }
  .vjs-theme-forest .vjs-volume-panel .vjs-volume-control {
    opacity: 1;
    width: 100%;
    height: 100%; }

.vjs-theme-forest .vjs-volume-panel,
.vjs-theme-forest .vjs-volume-panel:hover,
.vjs-theme-forest .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.vjs-theme-forest .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.vjs-theme-forest .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.vjs-theme-forest .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal {
  width: 3em; }

.vjs-theme-forest .vjs-volume-bar.vjs-slider-horizontal {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%; }

.vjs-theme-forest .vjs-volume-level {
  overflow: hidden;
  background-color: transparent; }
  .vjs-theme-forest .vjs-volume-level:before {
    font-size: 1em;
    content: "";
    z-index: 1;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 3em solid transparent;
    border-bottom: 2em solid #fff;
    border-right: 0 solid transparent;
    border-top: 0 solid transparent; }

.vjs-theme-forest .vjs-volume-bar {
  background-color: transparent;
  margin: 0; }
  .vjs-theme-forest .vjs-volume-bar:before {
    content: "";
    z-index: 0;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-left: 3em solid transparent;
    border-bottom: 2em solid #F8842A;
    border-right: 0 solid transparent;
    border-top: 0 solid transparent; }

.vjs-theme-forest .vjs-slider-horizontal .vjs-volume-level {
  height: 100%; }

.vjs-theme-forest .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 2em; }

.vjs-theme-forest .vjs-fullscreen-control {
  font-size: 1.1em; }

.vjs-theme-forest .vjs-play-progress {
  border-radius: .2em; }
  .vjs-theme-forest .vjs-play-progress:before {
    display: none; }

.vjs-theme-forest .vjs-progress-holder {
  border-radius: .2em;
  height: .5em;
  margin: 0; }
  .vjs-theme-forest .vjs-progress-holder .vjs-play-progress,
  .vjs-theme-forest .vjs-progress-holder .vjs-load-progress,
  .vjs-theme-forest .vjs-progress-holder .vjs-tooltip-progress-bar,
  .vjs-theme-forest .vjs-progress-holder .vjs-load-progress div {
    border-radius: .2em;
    height: 0.5em; }

.loading-page {
  position: fixed;
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: table;
  visibility: hidden;
  opacity: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.95) 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.95) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.95) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  transition: visibility 0s, opacity 3s linear; }
  .loading-page.is-loading, .loading-page.is-locked {
    visibility: visible;
    opacity: 1; }
  .loading-page .middle {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .loading-page .icon-lg {
    font-size: 60px;
    display: block;
    margin-bottom: 20px; }
  .loading-page .spinner {
    width: 100%; }
    .loading-page .spinner > div {
      width: 30px;
      height: 30px;
      margin-right: 10px; }
  .loading-page .slow {
    margin-top: 50px;
    opacity: 0;
    width: 100%;
    transition: visibility 0s, opacity 0.2s linear; }
    .loading-page .slow .btn {
      margin-top: 20px; }
  .loading-page.is-slow .slow {
    opacity: 1; }

.hr {
  border-bottom: 2px #DDD solid;
  padding-bottom: 3px;
  padding-left: 15px;
  color: #AAA; }
  .hr + .help-block {
    padding-left: 15px;
    color: #999; }

hr {
  border-top: 1px #DDD solid; }

.modal hr,
.panel hr,
.inline-message hr,
.advertisement hr {
  border-color: #EEE; }

@media (max-width: 767px) {
  hr {
    margin-top: 10px;
    margin-bottom: 15px; }
    hr-math-operator {
      position: absolute;
      left: calc(100% - 60px);
      margin-right: 30px;
      width: 40px;
      height: 40px;
      font-size: 31px;
      font-weight: 100;
      background: #FFF;
      margin-top: -20px;
      padding-left: 10px;
      color: #BBB; }
      hr-math-operator span {
        font-size: 18px;
        vertical-align: text-top;
        padding-top: 3px;
        display: inline-block; }
      hr-math-operator .wide {
        left: calc(100% - 100px);
        width: 80px; } }

.no_results {
  margin: 60px 20px 20px 20px; }
  .no_results.push-down {
    margin-top: 160px; }

@media (min-width: 992px) {
  .content-container > .no_results {
    margin-left: 150px;
    margin-right: 150px; } }

.no_results [class^="icon-"] {
  font-size: 50px;
  display: block;
  margin: 20px; }

.help-block [class^="icon-"]:not(.nostyle) {
  font-size: 30px;
  display: inline-block;
  float: left;
  margin: 2px 20px; }
  .help-block [class^="icon-"]:not(.nostyle) .lead {
    margin: 10px 20px; }

.help-block .btn [class^="icon-"],
.no_results .btn [class^="icon-"] {
  font-size: initial;
  display: initial;
  margin: initial;
  float: initial; }

.zsiq_floatmain {
  z-index: 1040 !important; }

.picker-dialog, .picker-dialog-bg {
  z-index: 10001; }

@media screen and (min-width: 1530px) {
  main {
    transition: margin 0.3s ease; }
  main.pull-l {
    margin-left: 300px; }
    main.pull-l .menubar {
      width: calc(100% - 300px); }
      main.pull-l .menubar.collapsed ~ .app .title-header:not(.no-collapse) .back {
        left: 310px; }
      main.pull-l .menubar.collapsed ~ .app .title-header:not(.no-collapse) h1 {
        left: calc(50% - 420px); }
    main.pull-l .modal {
      left: 300px; }
  main.pull-r:not(.pull-l) {
    margin-right: 300px; }
    main.pull-r:not(.pull-l) .menubar {
      padding-right: 300px; }
      main.pull-r:not(.pull-l) .menubar.collapsed ~ .app .title-header:not(.no-collapse) .back {
        left: 10px; }
      main.pull-r:not(.pull-l) .menubar.collapsed ~ .app .title-header:not(.no-collapse) h1 {
        left: 80px;
        width: 500px; }
    main.pull-r:not(.pull-l) .modal {
      right: 300px; } }

@media screen and (min-width: 1900px) {
  main.pull-r:not(.pull-l) {
    margin-right: 700px; }
    main.pull-r:not(.pull-l) .menubar {
      padding-right: 700px; }
    main.pull-r:not(.pull-l) .modal {
      right: 700px; }
    main.pull-r:not(.pull-l) + aside.open {
      width: 700px; } }

.title-header {
  border-top: 1px #eff5f8 dashed;
  margin: 10px 0 50px 0;
  transition: width 0.2s ease;
  -ms-transition: width 0.2s ease;
  -moz-transition: width 0.2s ease;
  -webkit-transition: width 0.2s ease; }
  .title-header hr {
    border-top: 4px #DDD dotted;
    margin: 0;
    position: relative;
    top: 30px;
    z-index: 1; }
  .title-header .col-left, .title-header .col-right {
    width: 200px;
    display: inline-block;
    vertical-align: top; }
  .title-header .col-center {
    width: calc(100% - 410px);
    display: inline-block;
    text-align: center; }
  .title-header .back, .title-header .add {
    text-align: left;
    margin-left: 20px;
    padding: 0px 10px;
    font-size: 40px;
    color: #859fb0;
    background: #eff5f8;
    position: relative;
    z-index: 2;
    transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease; }
    .title-header .back:hover, .title-header .add:hover {
      color: #F8842A;
      text-decoration: none; }
    .title-header .back span, .title-header .add span {
      font-size: 13px;
      width: 80px;
      display: inline-block;
      text-align: left;
      font-weight: 300;
      line-height: 15px;
      position: relative;
      top: -2px;
      background: #eff5f8; }
  @media (max-width: 992px) {
    .title-header .back.fixed {
      position: fixed;
      z-index: 1003;
      left: 0;
      top: 20px;
      font-size: 30px;
      background: transparent; } }
  .title-header .add {
    top: 3px;
    margin-left: 0px; }
    .title-header .add:hover {
      color: #F8842A;
      text-decoration: none; }
  .title-header .forward {
    float: right;
    margin-top: 20px;
    font-size: 50px;
    color: #8EA4B2; }
    .title-header .forward:hover {
      color: #F8842A;
      text-decoration: none; }
    .title-header .forward span {
      font-size: 20px;
      width: 200px;
      display: inline-block;
      text-align: right;
      font-weight: 300; }
  .title-header .toggle {
    margin-top: 20px;
    font-size: 50px;
    color: #8EA4B2; }
    .title-header .toggle:hover {
      color: #F8842A;
      text-decoration: none; }
    .title-header .toggle span {
      font-size: 20px;
      line-height: 0px;
      margin-top: 30px;
      display: block;
      text-align: center;
      font-weight: 300; }
  .title-header h1, .title-header h2 {
    position: relative;
    z-index: 2;
    background: #eff5f8;
    display: inline-block;
    padding: 0px 15px;
    margin: 0;
    top: -1px;
    transition: top 0.4s ease-in-out; }
  .title-header h2 {
    margin-top: 9px; }
  .title-header h3 {
    margin-top: 0px;
    font-weight: 300; }
    .title-header h3.role-switcher {
      font-weight: 400;
      cursor: pointer; }
  .title-header .profile-thumb {
    display: inline-block; }
    .title-header .profile-thumb .img-circle {
      position: relative;
      width: 120px;
      height: 120px;
      border: 2px #fff solid;
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
      margin: 10px auto;
      background-color: #f5f5f5;
      background-size: cover;
      overflow: hidden; }
      .title-header .profile-thumb .img-circle .edit-btn {
        position: absolute;
        visibility: hidden;
        width: 100%;
        bottom: 0;
        padding: 10px 0;
        color: #fff;
        background: #4d4d4d;
        background: -moz-linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 100%);
        background: -webkit-linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 100%);
        background: linear-gradient(180deg, rgba(77, 77, 77, 0) 0%, #4d4d4d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d4d4d",endColorstr="#4d4d4d",GradientType=1); }
      .title-header .profile-thumb .img-circle:hover .edit-btn {
        visibility: visible; }
  .title-header .buttons {
    margin-top: 15px;
    margin-right: 20px;
    font-size: 20px;
    background: #eff5f8;
    padding: 0px 15px;
    float: right;
    position: relative;
    z-index: 2;
    white-space: nowrap; }
    .title-header .buttons.bigger {
      font-size: 30px;
      margin-top: 7px; }
    .title-header .buttons .btn {
      margin-top: -5px; }
    .title-header .buttons.btn-group {
      padding: 0px 7px; }
    .title-header .buttons .lead {
      display: inline-block; }
    .title-header .buttons a:hover {
      text-decoration: none; }
  .title-header .col-left .buttons {
    margin-left: 20px;
    float: left; }
  .title-header .col-right .buttons {
    margin-right: 20px;
    float: right; }

@media (max-width: 992px) {
  .title-header .col-left, .title-header .col-right {
    width: 100px; }
  .title-header .col-center {
    width: calc(100% - 210px); }
  .title-header h1, .title-header h2 {
    top: 7px; }
  .title-header h3 {
    margin-top: 7px; }
  .title-header .back span {
    display: none; }
  .title-header .fixed {
    position: fixed;
    width: 100%;
    z-index: 1001;
    border-radius: 0px;
    border-top: none;
    border-right: none;
    border-left: none;
    left: 0;
    margin: 0;
    transition: width 0.5s ease;
    -ms-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -webkit-transition: width 0.5s ease;
    background: rgba(255, 255, 255, 0.95); }
  .content-container.down {
    padding-top: 260px; } }

@media (max-width: 767px) {
  .title-header {
    display: flex;
    flex-flow: column; }
    .title-header .col-left {
      order: 2; }
    .title-header .col-center {
      order: 3;
      width: 100%; }
    .title-header .col-right {
      order: 1;
      position: absolute;
      right: 10px; } }

@media (max-height: 768px) {
  .title-header {
    margin-top: 0px; }
    .title-header.dashboard-header {
      margin-bottom: 10px; }
      .title-header.dashboard-header .profile-thumb .img-circle {
        width: 100px;
        height: 100px; }
    .title-header h1 {
      font-size: 30px; }
    .title-header h3 {
      font-size: 18px; } }

.slogan {
  text-align: center;
  margin-top: 130px;
  margin-bottom: 100px; }
  .slogan h1.biggest {
    font-size: 50px; }
  .slogan .lead.biggest {
    font-size: 30px; }
  .slogan h3 {
    font-family: "Raleway", Arial, sans-serif;
    text-transform: uppercase; }

@media (max-width: 1200px) {
  .slogan h1.biggest {
    font-size: 40px; }
  .slogan .lead.biggest {
    font-size: 28px; } }

@media (max-width: 992px) {
  .slogan {
    margin-top: 100px;
    margin-bottom: 50px; }
    .slogan h1.biggest {
      font-size: 33px; }
    .slogan .lead.biggest {
      font-size: 23px; }
  .nav-tabs h2 {
    margin-top: 0;
    font-size: 23px; }
  .nav-tabs small {
    font-size: 11px;
    line-height: 11px; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      margin-bottom: 0; }
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff; }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; } }

@media (max-width: 479px) {
  .slogan h1.biggest {
    font-size: 30px; }
  .slogan .lead.biggest {
    font-size: 20px; }
  .nav-tabs h2 {
    font-size: 20px; } }

.footer {
  background: #F8842A;
  margin-top: 200px;
  text-align: center; }
  .footer .logo {
    position: relative;
    z-index: 2;
    width: 80px;
    margin-bottom: -45px; }
  .footer .slogan {
    margin: 30px 0 40px 0;
    color: #fff;
    font-family: "Raleway", Arial, sans-serif;
    font-size: 35px;
    font-weight: 300; }
    .footer .slogan b {
      font-weight: 700; }
    .footer .slogan i {
      font-family: 'Nanum Pen Script', cursive;
      font-size: 1.7em;
      font-weight: 600;
      position: relative;
      top: 10px;
      margin-right: 5px; }
    @media (max-width: 767px) {
      .footer .slogan i {
        display: block;
        top: 0px;
        font-size: 60px;
        line-height: 55px; } }

.social {
  padding: 20px 0px; }
  .social h1 {
    color: #859fb0;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center; }
  @media (max-width: 992px) {
    .social h1 {
      font-size: 25px; } }

.footermenu {
  background: #FFF;
  padding: 40px 0 30px 0;
  border-top: 1px #eee solid;
  border-bottom: 1px #eee solid; }
  .footermenu h3 {
    text-transform: none;
    margin-bottom: 0; }
  .footermenu .menu {
    margin: 10px 0px;
    padding: 0px;
    list-style: none;
    line-height: 20px; }
    .footermenu .menu li {
      padding: 3px 0; }
      .footermenu .menu li a {
        color: #333333; }

.disclaimer {
  margin-top: 10px;
  padding: 20px 0px 20px 0px; }
  .disclaimer p,
  .disclaimer a {
    color: #999; }
  .disclaimer .menu {
    font-size: 14px; }
  .disclaimer .copyright {
    font-size: 11px; }
    .disclaimer .copyright .version {
      margin-top: 0px; }
  @media (max-width: 767px) {
    .disclaimer .menu {
      font-size: 13px; }
    .disclaimer .copyright {
      font-size: 9px; } }

.nav-group .nav-caption {
  margin: 15px 0 0 15px; }

.nav-group .toggle-collapse {
  float: right;
  cursor: pointer;
  margin-top: 8px;
  margin-right: 12px;
  font-size: 18px;
  opacity: 0; }

.nav-group:hover .toggle-collapse {
  opacity: 1; }

.nav-pills > li {
  background-color: #eff5f8;
  border-radius: 10px; }
  .nav-pills > li > a {
    border-radius: 10px;
    cursor: pointer; }
    .nav-pills > li > a:hover, .nav-pills > li > a:focus {
      background-color: #dfe6eb; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #8EA4B2; }
  .nav-pills > li.with-badge > a {
    padding-right: 40px; }
  .nav-pills > li .badge {
    position: absolute;
    z-index: 1;
    right: 5px;
    top: -17px;
    padding: 2px 6px;
    font-size: 18px;
    font-weight: 400;
    background-color: #F8842A;
    transition: all 0.2s ease-in-out;
    border-radius: 30px;
    border: 2px #eff5f8 solid; }
    .nav-pills > li .badge.blue {
      background-color: #859fb0;
      color: #FFF; }
    .nav-pills > li .badge.red {
      background-color: #d9534f;
      color: #FFF; }

.nav-pills.nav-stacked > li .badge {
  top: 10px;
  right: 10px;
  font-size: 12px;
  border-width: 1px; }

.nav-pills.arrow-left > li.active:before, .nav-pills.arrow-right > li.active:before, .nav-pills.arrow-up > li.active:before, .nav-pills.arrow-down > li.active:before {
  content: ' ';
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #859fb0;
  border-radius: 3px;
  transform: rotate(45deg); }

.nav-pills.arrow-left > li.active:before, .nav-pills.arrow-right > li.active:before {
  top: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  transform: rotate(45deg) skew(15deg, 15deg); }

.nav-pills.arrow-left > li > a, .nav-pills.arrow-right > li > a {
  min-height: 60px; }

.nav-pills.arrow-left > li.active a {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.nav-pills.arrow-left > li.active:before {
  right: 100%;
  margin-right: -17px; }

.nav-pills.arrow-right > li.active a {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.nav-pills.arrow-right > li.active:before {
  left: 100%;
  margin-left: -17px; }

.nav-pills.arrow-right .icon-information {
  font-size: 140%;
  margin-top: 8px; }

.nav-pills.arrow-down > li.active:before, .nav-pills.arrow-up > li.active:before {
  left: 50%;
  margin-left: -15px;
  transform: rotate(45deg) skew(-15deg, -15deg); }

.nav-pills.arrow-down > li.active:before {
  top: 100%;
  margin-top: -21px; }

.nav-pills.arrow-up > li.active:before {
  bottom: 100%;
  margin-bottom: -21px; }

.nav-pills.nav-primary > li.active a, .nav-pills.nav-primary > li.active a:hover, .nav-pills.nav-primary > li.active a:focus {
  background-color: #F8842A; }

.nav-pills.nav-primary.arrow-left > li.active:before, .nav-pills.nav-primary.arrow-right > li.active:before, .nav-pills.nav-primary.arrow-up > li.active:before, .nav-pills.nav-primary.arrow-down > li.active:before {
  background-color: #F8842A; }

.nav-pills .lead {
  margin: 0; }

.nav-pills a.lead {
  padding-left: 30px;
  padding-right: 30px; }

.nav-pills .profile-picture {
  width: 40px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0; }

.nav-pills li.active .profile-picture {
  border: 1px #EEE solid;
  background-color: #EEE; }

.nav-pills li.active .grey {
  color: #DDD; }

.title-header .nav {
  background: #eff5f8;
  position: relative;
  z-index: 2;
  top: -12px; }

.nav-center {
  margin-bottom: 50px;
  display: flex;
  justify-content: center; }
  .nav-center .nav-pills {
    background-color: initial;
    border: 1px #ddd solid;
    padding: 4px;
    border-radius: 14px;
    white-space: nowrap; }
    .nav-center .nav-pills > li {
      background-color: initial; }
  .nav-center.blocks {
    position: relative; }
    .nav-center.blocks .nav > li {
      width: 120px; }
      .nav-center.blocks .nav > li .lead {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        font-size: 12px; }
        .nav-center.blocks .nav > li .lead i {
          font-size: 28px;
          display: block;
          margin: 0 0 3px 0; }
  .nav-center.text-only {
    margin-bottom: 0px; }
    .nav-center.text-only .nav > li .lead {
      font-size: 14px; }
  .nav-center ~ .spaceholder {
    display: none; }
  @media (min-width: 768px) {
    .nav-center.collapsed {
      position: fixed;
      z-index: 1001;
      top: 0;
      left: 0;
      right: 0;
      background: #FFF;
      border-bottom: 1px #EEE solid;
      transition: top 0.4s ease-in-out; }
      .nav-center.collapsed.up {
        top: -90px; }
      .nav-center.collapsed .nav {
        border: none; }
        .nav-center.collapsed .nav.nav-pills > li .badge {
          top: -3px; }
      .nav-center.collapsed ~ .spaceholder {
        display: block; } }
  @media (max-width: 767px) {
    .nav-center.blocks .nav {
      position: relative;
      width: 100%;
      border: none; }
    .nav-center.blocks.sticky {
      position: fixed;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
      margin-bottom: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1010;
      background-color: #fff;
      border-radius: 0;
      border-top: 1px #eee solid;
      padding-bottom: env(safe-area-inset-bottom); }
      .nav-center.blocks.sticky .nav {
        padding: 0;
        margin: 0;
        border-radius: 0;
        width: 100%; }
        .nav-center.blocks.sticky .nav > li {
          width: calc(20% - 2px); }
          .nav-center.blocks.sticky .nav > li a {
            border-radius: 0;
            padding: 10px 5px 5px 5px; }
          .nav-center.blocks.sticky .nav > li .lead {
            font-size: 10px; }
            .nav-center.blocks.sticky .nav > li .lead i {
              font-size: 25px; }
        .nav-center.blocks.sticky .nav.arrow-left > li.active:after, .nav-center.blocks.sticky .nav.arrow-left > li.active:before, .nav-center.blocks.sticky .nav.arrow-right > li.active:after, .nav-center.blocks.sticky .nav.arrow-right > li.active:before, .nav-center.blocks.sticky .nav.arrow-up > li.active:after, .nav-center.blocks.sticky .nav.arrow-up > li.active:before, .nav-center.blocks.sticky .nav.arrow-down > li.active:after, .nav-center.blocks.sticky .nav.arrow-down > li.active:before {
          border: none; }
    .nav-center.blocks.max-3 .nav > li {
      width: calc(33% - 1px); }
    .nav-center.blocks.max-4 .nav > li {
      width: calc(25% - 1px); }
    .nav-center.blocks.max-5 .nav > li {
      width: calc(20% - 2px); }
    .nav-center.blocks.max-6 .nav > li {
      width: calc(16% - 1px); } }

.nav-tabs h3 {
  margin: 5px 7px;
  font-size: 17px; }

.menubar {
  position: relative;
  z-index: 1002; }
  .menubar ~ .spaceholder {
    display: none;
    margin-bottom: 30px; }
  .menubar .logo {
    position: relative;
    width: 80px;
    margin-left: 20px;
    margin-top: 4px;
    margin-bottom: -15px;
    vertical-align: top;
    transition: width 0.2s ease;
    -ms-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -webkit-transition: width 0.2s ease; }
    .menubar .logo.center {
      margin-left: 0;
      left: calc(50% - 40px); }
  .menubar .dashboard-dropdown {
    margin-top: 20px;
    left: calc(50% - 250px);
    width: 90%;
    max-width: 500px;
    padding: 20px 30px 0 30px; }
    .menubar .dashboard-dropdown .alert {
      display: none; }
  .menubar .locale-selector .active a {
    font-weight: bold;
    color: #F8842A;
    background-color: #eee;
    border-radius: 8px; }
  @media (max-width: 992px) {
    .menubar .logo {
      margin-left: 0px;
      margin-bottom: -18px !important;
      width: 70px; }
      .menubar .logo.center {
        margin-left: 0;
        left: calc(50% - 35px); } }
  @media (max-width: 767px) {
    .menubar .logo {
      margin-bottom: -8px !important;
      width: 55px; }
      .menubar .logo.center {
        left: 22px; }
    .menubar .dashboard-dropdown {
      left: 0; } }
  @media (min-width: 768px) and (max-height: 768px) {
    .menubar .logo {
      width: 60px; }
      .menubar .logo.center {
        left: calc(50% - 30px); }
    .menubar ~ .spaceholder {
      margin-bottom: 0px; } }
  .menubar ul.menu {
    margin: 0;
    padding: 0;
    margin-top: 25px;
    transition: margin 0.2s ease;
    -ms-transition: margin 0.2s ease;
    -moz-transition: margin 0.2s ease;
    -webkit-transition: margin 0.2s ease;
    list-style: none;
    position: relative;
    z-index: 2;
    display: inline-block; }
    .menubar ul.menu > li {
      float: left;
      padding: 10px 20px 0px 20px;
      font-size: 16px;
      color: #5b7c8e;
      font-weight: 400; }
      .menubar ul.menu > li:hover > a {
        color: #F8842A; }
      .menubar ul.menu > li > a {
        color: #5b7c8e;
        text-decoration: none;
        transition: color 0.2s ease; }
        .menubar ul.menu > li > a i {
          font-size: 20px; }
        .menubar ul.menu > li > a .badge {
          position: absolute;
          right: 0;
          top: 2px;
          padding: 3px 6px;
          font-size: 14px;
          font-weight: 400;
          background-color: #F8842A;
          transition: all 0.2s ease-in-out;
          border-radius: 30px;
          border: 2px #eff5f8 solid; }
          .menubar ul.menu > li > a .badge.blink {
            top: 0;
            padding: 4px 18px;
            font-size: 45px; }
        .menubar ul.menu > li > a.disabled {
          color: #ccc;
          cursor: wait; }
        .menubar ul.menu > li > a.active {
          color: #F8842A; }
          .menubar ul.menu > li > a.active:after {
            color: #F8842A;
            content: "\2022";
            display: block;
            text-align: center;
            font-size: 20px;
            line-height: 20px;
            margin-bottom: -10px; }
            @media (max-width: 992px) {
              .menubar ul.menu > li > a.active:after {
                display: none; } }
      .menubar ul.menu > li > .icon-group {
        font-size: 33px; }
    .menubar ul.menu.pull-right {
      z-index: 3; }
    .menubar ul.menu.admin > li {
      padding: 10px 15px; }
  .menubar .rightmenu {
    float: right; }
  @media (max-width: 1200px) {
    .menubar ul.menu {
      margin-top: 20px; }
      .menubar ul.menu > li {
        font-size: 16px;
        padding: 10px 10px 0px 10px; }
    .menubar .admin > li {
      font-size: 16px; } }
  @media (max-width: 992px) {
    .menubar ul.menu {
      margin-top: 25px; }
      .menubar ul.menu > li {
        font-size: 13px;
        padding: 6px 7px 0px 7px; }
        .menubar ul.menu > li > a .badge {
          right: -2px;
          font-size: 13px; }
      .menubar ul.menu .admin > li {
        font-size: 14px;
        padding: 10px 10px; } }
  @media (max-width: 767px) {
    .menubar ul.menu {
      margin-top: 15px;
      margin-bottom: 5px; }
      .menubar ul.menu .rightmenu > li {
        text-align: right; }
      .menubar ul.menu .leftmenu > li {
        float: none;
        font-size: 16px;
        padding: 6px 10px 6px 10px; }
      .menubar ul.menu > li > .icon-group {
        font-size: 20px; }
      .menubar ul.menu > li > a .badge {
        font-size: 12px; }
    .menubar .leftmenu.blur > li > a {
      color: transparent !important;
      text-shadow: 0 0 5px rgba(143, 165, 179, 0.5); }
    .menubar .rightmenu .admin > li .dropdown-menu-right.unread-messages {
      right: -180px; }
      .menubar .rightmenu .admin > li .dropdown-menu-right.unread-messages:before {
        margin-right: calc(-10px + 180px); }
      .menubar .rightmenu .admin > li .dropdown-menu-right.unread-messages:after {
        margin-right: calc(-8px + 180px); }
    .menubar .rightmenu .admin > li .dropdown-menu-right.match-progress {
      right: -130px; }
      .menubar .rightmenu .admin > li .dropdown-menu-right.match-progress:before {
        margin-right: calc(-10px + 130px); }
      .menubar .rightmenu .admin > li .dropdown-menu-right.match-progress:after {
        margin-right: calc(-8px + 130px); } }
  @media (min-width: 768px) {
    .menubar {
      position: fixed;
      top: 0;
      width: 100%;
      padding: 5px 0 5px 0;
      z-index: 1002;
      background: #eff5f8;
      border-bottom: 1px #eff5f8 solid;
      transition: top 0.4s ease-in-out, width 0.2s ease-in-out; }
      .menubar:not(.invisible) ~ .spaceholder {
        display: block; }
      .menubar.collapsed {
        background: #FFF;
        border-bottom: 1px #EEEEEE solid; }
        .menubar.collapsed .logo {
          width: 60px;
          transition: all 0.2s ease; }
          .menubar.collapsed .logo.center {
            left: calc(50% - 30px); }
        .menubar.collapsed ul.menu {
          margin-top: 8px;
          transition: margin 0.2s ease; }
          .menubar.collapsed ul.menu > li > a .badge {
            border-color: #fff; }
        .menubar.collapsed ~ .app .title-header:not(.no-collapse) h1 {
          position: fixed;
          left: 80px;
          top: 10px;
          z-index: 1002;
          background: #FFF;
          font-size: 30px;
          width: calc(50% - 120px);
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          text-align: left; }
        .menubar.collapsed ~ .app .title-header:not(.no-collapse) h3 {
          margin-top: 40px; }
        .menubar.collapsed ~ .app .title-header:not(.no-collapse) .back {
          position: fixed;
          left: 10px;
          margin-left: 0px;
          top: 5px;
          z-index: 1003;
          background: #FFF;
          border-radius: 50px; } }
    @media (min-width: 768px) and (min-width: 1320px) {
      .menubar.collapsed ~ .app .title-header:not(.no-collapse) h1 {
        left: calc(50% - 570px);
        width: 530px; }
      .menubar.collapsed ~ .app .title-header:not(.no-collapse) .back {
        left: calc(50% - 650px); } }
  @media (min-width: 768px) {
        .menubar.collapsed.down {
          top: -80px; }
          .menubar.collapsed.down ~ .app .title-header:not(.no-collapse) h1 {
            top: -80px; }
        .menubar.collapsed:hover {
          top: 0; }
          .menubar.collapsed:hover ~ .app .title-header:not(.no-collapse) h1 {
            top: 12px; } }
  @media (max-width: 992px) {
    .menubar.collapsed ul.menu {
      margin-top: 10px; } }
  @media (max-width: 767px) {
    .menubar {
      background: #FFF;
      border-bottom: 1px #EEE solid; }
      .menubar .leftmenu ul.menu {
        display: none; }
      .menubar .rightmenu {
        top: 5px; } }
  .menubar .hamburger-menu {
    display: block;
    margin-top: 5px; }
    .menubar .hamburger-menu span {
      display: block;
      border-top: 1px #5b7c8e solid;
      width: 18px;
      height: 4px; }

.vertical-padding {
  padding: 15px 5px; }

.decimals {
  font-size: 11px;
  margin-top: 2px;
  position: absolute;
  text-align: left; }

.format-date .divider {
  color: #999; }
  .format-date .divider-range .divider:before,
  .format-date .divider-money .divider:before {
    content: '-'; }
  .format-date .divider-money {
    white-space: nowrap; }

.company-name span {
  color: #999;
  font-weight: 400;
  font-size: 14px;
  line-height: 13px;
  vertical-align: text-top; }

.role-selector {
  margin-left: 10px;
  margin-bottom: 10px; }
  .role-selector .role {
    margin-bottom: 10px; }

.dropdown-menu {
  border-color: #ddd;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  transform: scale(0.8) translateY(-20%) translateX(-10%);
  opacity: 0;
  display: block;
  pointer-events: none;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s; }
  .dropdown-menu .title {
    color: #BBB;
    padding: 5px 10px; }
  .dropdown-menu.dropdown-menu-center {
    transform: scale(0.8) translateY(-20%) translateX(0%); }
  .dropdown-menu.dropdown-menu-right {
    transform: scale(0.8) translateY(-20%) translateX(10%); }
  .dropdown-menu.dropdown-menu-center:before, .dropdown-menu.dropdown-menu-center:after, .dropdown-menu.dropdown-menu-right:before, .dropdown-menu.dropdown-menu-right:after {
    bottom: 100%;
    right: 19px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .dropdown-menu.dropdown-menu-center:before, .dropdown-menu.dropdown-menu-right:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    margin-right: -10px; }
  .dropdown-menu.dropdown-menu-center:after, .dropdown-menu.dropdown-menu-right:after {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-right: -8px; }
  .dropdown-menu.dropdown-menu-center:before, .dropdown-menu.dropdown-menu-center:after {
    left: calc(50% - 8px);
    right: auto; }
  .dropdown-menu.dropdown-menu-center:before {
    margin-left: -2px; }
  .dropdown-menu li {
    text-transform: none;
    font-size: 15px;
    padding: 0 5px; }
    .dropdown-menu li.warning {
      padding: 5px 10px;
      min-width: 250px;
      color: #856404;
      background-color: #fff2d7;
      border-top: 1px #e5e5e5 solid;
      border-bottom: 1px #e5e5e5 solid;
      margin: 5px 0; }
    .dropdown-menu li > a {
      font-weight: 400;
      color: #5b7c8e;
      padding: 7px 12px 7px 8px;
      position: relative; }
      .dropdown-menu li > a .action-confirm-indicator {
        display: none; }
    .dropdown-menu li.alert {
      padding: 5px 10px;
      margin: 0;
      border-radius: 0;
      box-shadow: none; }
    .dropdown-menu li i {
      margin-right: 5px;
      font-size: 18px;
      position: relative;
      top: 2px; }
    .dropdown-menu li:hover > a {
      background: #F8842A;
      border-radius: 8px;
      color: #FFF; }
      .dropdown-menu li:hover > a .grey {
        color: #FFF; }
      .dropdown-menu li:hover > a .action-confirm-indicator {
        display: block;
        position: absolute;
        border-radius: 50%;
        border: 1px #FFF solid;
        font-size: 11px;
        background: #FFF;
        color: #999;
        width: 15px;
        height: 15px;
        padding: 2px 0 0 2px;
        top: 10px;
        right: -10px; }
  .dropdown-menu.dropdown-menu-narrow {
    min-width: 50px; }

.dropup .dropdown-menu {
  transform: scale(0.8) translateY(20%) translateX(-10%); }
  .dropup .dropdown-menu.dropdown-menu-right {
    transform: scale(0.8) translateY(20%) translateX(10%); }
  .dropup .dropdown-menu:before, .dropup .dropdown-menu:after {
    border-bottom-color: transparent;
    top: 100%;
    bottom: 0; }
  .dropup .dropdown-menu:before {
    border-top-color: #ddd; }
  .dropup .dropdown-menu:after {
    border-top-color: #fff; }

.open > .dropdown-menu, .datepicker-dropdown {
  transform: scale(1) translate(0, 0) !important;
  opacity: 1;
  pointer-events: auto; }

aside.left {
  position: fixed;
  z-index: 1030;
  left: 0;
  top: 0;
  bottom: 0;
  width: 300px;
  background-color: #859fb0;
  left: -300px;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-right: 2px #fff solid; }
  aside.left .handles {
    position: absolute;
    z-index: 1;
    top: 20%;
    left: calc(300px - 2px);
    transform: rotate(90deg);
    transform-origin: bottom left;
    width: 500px; }
    aside.left .handles .handle {
      position: relative;
      display: inline-block;
      cursor: pointer;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      background-color: #859fb0;
      border: 2px #fff solid;
      border-bottom: 0;
      height: 40px;
      padding: 7px 30px 0px 30px;
      transition: all 0.2s ease;
      opacity: 0;
      margin-right: 30px;
      text-decoration: none; }
      aside.left .handles .handle.visible {
        opacity: 1; }
      aside.left .handles .handle:before, aside.left .handles .handle:after {
        content: ' ';
        position: absolute;
        z-index: 1;
        top: -2px;
        width: 40px;
        height: 40px;
        background-color: #859fb0;
        transition: background-color 0.2s ease; }
      aside.left .handles .handle:before {
        transform: skew(-30deg);
        left: -20px;
        border-top: 2px #fff solid;
        border-left: 2px #fff solid;
        border-top-left-radius: 7px; }
      aside.left .handles .handle:after {
        transform: skew(30deg);
        right: -20px;
        border-top: 2px #fff solid;
        border-right: 2px #fff solid;
        border-top-right-radius: 7px; }
      aside.left .handles .handle .textlabel {
        font-weight: 400;
        font-size: 20px;
        color: #fff;
        position: relative;
        z-index: 2; }
      aside.left .handles .handle .badge {
        position: absolute;
        z-index: 2;
        right: 24px;
        top: -10px;
        padding: 3px 6px;
        font-size: 14px;
        font-weight: 400;
        background-color: #F8842A;
        border-radius: 30px;
        border: 2px #eff5f8 solid;
        transform: rotate(-90deg);
        transform-origin: top right;
        transition: all 0.2s ease-in-out; }
        aside.left .handles .handle .badge.blink {
          top: -32px;
          right: 40px;
          padding: 4px 15px;
          font-size: 45px; }
      aside.left .handles .handle:nth-child(1) {
        z-index: 9; }
      aside.left .handles .handle:nth-child(2) {
        z-index: 8; }
      aside.left .handles .handle:nth-child(3) {
        z-index: 7; }
      aside.left .handles .handle:nth-child(4) {
        z-index: 6; }
      aside.left .handles .handle:nth-child(5) {
        z-index: 5; }
      aside.left .handles .handle:nth-child(6) {
        z-index: 4; }
      aside.left .handles .handle:nth-child(7) {
        z-index: 3; }
      aside.left .handles .handle:nth-child(8) {
        z-index: 2; }
      aside.left .handles .handle:nth-child(9) {
        z-index: 1; }
      aside.left .handles .handle:nth-child(10) {
        z-index: 0; }
      aside.left .handles .handle:hover, aside.left .handles .handle.active {
        background-color: #F8842A;
        z-index: 20; }
        aside.left .handles .handle:hover:before, aside.left .handles .handle:hover:after, aside.left .handles .handle.active:before, aside.left .handles .handle.active:after {
          background-color: #F8842A; }
      aside.left .handles .handle.active .badge {
        opacity: 0; }
    @media (max-width: 767px) {
      aside.left .handles {
        top: 10%; }
        aside.left .handles .handle {
          height: 30px;
          padding-top: 4px; }
          aside.left .handles .handle:before, aside.left .handles .handle:after {
            width: 30px;
            height: 30px; }
          aside.left .handles .handle .textlabel {
            font-size: 15px; }
          aside.left .handles .handle .badge {
            font-size: 12px; } }
  aside.left .close-sidebar {
    position: absolute;
    right: 0;
    top: 16px;
    color: #FFF; }
    aside.left .close-sidebar i {
      font-size: 20px;
      margin-left: 3px; }
  aside.left.open {
    left: 0px;
    background-color: #F8842A; }
  aside.left .sidebar {
    display: none;
    height: 100%; }
    aside.left .sidebar.open {
      display: block; }
    aside.left .sidebar h2 {
      color: #FFF;
      height: 40px;
      margin-left: 15px; }
  aside.left .pagesupport {
    margin: 0 0 0 3px;
    padding: 0;
    margin-top: 5px;
    height: calc(100% - 85px - 40px);
    overflow: auto;
    padding-right: 3px; }
    aside.left .pagesupport li {
      position: relative;
      list-style-type: none;
      border-bottom: 1px #EBB083 solid;
      padding: 0;
      margin-bottom: 5px; }
      aside.left .pagesupport li .title {
        margin: 0;
        padding: 15px 15px;
        font-size: 16px;
        font-weight: 400;
        color: #fff; }
      aside.left .pagesupport li .content {
        padding: 10px 15px;
        display: none; }
      aside.left .pagesupport li.open {
        background-color: #F5F5F5;
        border-color: #F5F5F5;
        border-radius: 6px; }
        aside.left .pagesupport li.open:before {
          top: 18px;
          background-color: #F8842A; }
        aside.left .pagesupport li.open .title {
          font-size: 18px;
          padding-bottom: 0;
          color: #000; }
        aside.left .pagesupport li.open .content {
          display: block; }
      aside.left .pagesupport li:hover {
        border-color: #eee; }
        aside.left .pagesupport li:hover .title {
          cursor: pointer; }

aside.right {
  position: fixed;
  z-index: 1005;
  top: 0;
  bottom: 0;
  width: 300px;
  background-color: #859fb0;
  right: -300px;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-left: 2px #fff solid; }
  @media screen and (min-width: 1530px) {
    aside.right.open {
      right: 0px; } }

.bk-header-controls {
  padding-bottom: 20px; }
  .bk-header-controls .btn-group {
    margin-right: 20px; }
    .bk-header-controls .btn-group:last-child {
      margin-right: 0; }
    @media (max-width: 479px) {
      .bk-header-controls .btn-group {
        margin-right: 5px; } }

.bk-add-event {
  display: none;
  font-size: 10px;
  color: #999;
  float: left;
  margin-top: 2px;
  text-align: center;
  width: 85%;
  cursor: pointer; }

.bk-list-calendar .bk-weekhead {
  background-color: #EEE;
  border-radius: 5px;
  margin-top: -1px;
  padding: 5px 10px;
  margin-top: 10px; }

.bk-list-calendar .bk-weeknumber {
  background: #CCC;
  border-radius: 50px;
  color: #555;
  padding: 2px 5px;
  margin-right: 8px;
  display: inline-block;
  width: 25px;
  text-align: center; }
  .bk-list-calendar .bk-weeknumber .bk-today {
    background: #777;
    color: #FFF; }

.bk-list-calendar .bk-dayhead {
  font-weight: bold;
  padding: 15px 10px 5px 10px;
  border-bottom: 1px #DDD solid; }
  .bk-list-calendar .bk-dayhead .bk-today {
    color: #777; }

.bk-list-calendar .bk-events {
  margin: 0px 5px; }

.bk-list-calendar .bk-event {
  border-bottom: 1px #E5E5E5 solid;
  padding: 5px 10px 5px 0px;
  cursor: pointer; }
  .bk-list-calendar .bk-event:hover {
    background-color: #F9F9F9; }
  .bk-list-calendar .bk-event.bk-table {
    display: table;
    width: 100%;
    min-height: 45px; }
  .bk-list-calendar .bk-event .bk-time {
    width: 60px;
    font-size: 12px;
    display: table-cell;
    padding: 3px 6px 3px 0px;
    text-align: right; }
    .bk-list-calendar .bk-event .bk-time .end {
      color: #999; }
  .bk-list-calendar .bk-event .bk-label {
    width: 3px;
    display: table-cell;
    background-color: #DDD; }
  .bk-list-calendar .bk-event .bk-description {
    display: table-cell;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 4px; }
  .bk-list-calendar .bk-event .bk-hours {
    display: table-cell;
    width: 150px;
    text-align: right;
    padding-top: 2px; }
  .bk-list-calendar .bk-event .bk-costs {
    display: table-cell;
    width: 150px;
    text-align: right;
    padding-top: 2px; }
  .bk-list-calendar .bk-event .bk-status {
    display: table-cell;
    width: 50px;
    border-radius: 0 5px 5px 0;
    padding-top: 2px;
    padding-left: 15px;
    letter-spacing: -4px; }
  .bk-list-calendar .bk-event .bk-badge {
    position: absolute;
    right: 20px;
    margin-top: -12px;
    border: 2px #FFF solid; }
  .bk-list-calendar .bk-event.active .bk-activatable,
  .bk-list-calendar .bk-event.active .bk-activatable .grey {
    color: #FFF; }
  .bk-list-calendar .bk-event.active .bk-label.bk-activatable {
    border-radius: 5px 0 0 5px; }

.bk-calendar .bk-event {
  box-shadow: 0px 0px 0px 1px white; }
  .bk-calendar .bk-event .week-view {
    text-overflow: inherit;
    white-space: normal; }

.bk-status-icon {
  width: 12px;
  height: 12px;
  border-radius: 10px;
  border: 1px #333 solid;
  position: relative;
  display: inline-block;
  top: 1px; }
  .bk-status-icon .big {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    top: 5px; }
  .bk-status-icon .btn-sm, .bk-status-icon .btn-group-sm > .btn {
    top: 2px; }

.week-view .bk-calendar .bk-event.bk-status:before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 10px;
  border: 1px #333 solid;
  background: #FFF;
  position: absolute;
  right: 4px;
  top: 4px; }

.bk-status-icon.green,
.week-view .bk-calendar .bk-event.bk-status.green:before {
  background-color: #58B957;
  border-color: #4CAE4C; }

.bk-status-icon.yellow,
.week-view .bk-calendar .bk-event.bk-status.yellow:before {
  background-color: #F5BD00;
  border-color: #D1A100; }

.bk-status-icon.orange,
.week-view .bk-calendar .bk-event.bk-status.orange:before {
  background-color: #F88429;
  border-color: #d86e1d; }

.bk-status-icon.grey,
.week-view .bk-calendar .bk-event.bk-status.grey:before {
  background-color: #BBB;
  border-color: #999; }

.bk-status-icon.white,
.week-view .bk-calendar .bk-event.bk-status.white:before {
  background-color: #FFF; }

li:hover .bk-status-icon,
.bk-list-calendar .bk-event.active .bk-status-icon,
.week-view .bk-calendar .bk-event.active.bk-status:before {
  border-color: #FFF !important; }

.bk-daycell:hover .bk-add-event {
  display: inline-block; }

.bk-add-event:hover {
  color: #333; }

.bk-weekrow,
.bk-weekrow-static {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bk-weekrow-static {
  border-bottom: 2px #E0E0E0 solid; }

.bk-weekrow-hours {
  display: none;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%; }
  .bk-weekrow-hours .bk-hour {
    pointer-events: none;
    position: absolute;
    height: 60px;
    left: 0px;
    width: 100%;
    border-top: 1px #EDEDED solid; }
    .bk-weekrow-hours .bk-hour .bk-hour-label {
      position: absolute;
      margin: -8px 0 0 0px;
      font-size: 12px;
      color: #888;
      background: #FFF;
      width: 40px; }

.week-view .bk-weekrow-hours {
  display: block; }

.week-view .bk-calendar .bk-weekrow {
  min-height: 600px;
  overflow: auto; }
  .week-view .bk-calendar .bk-weekrow-days {
    margin-left: 40px; }

.week-view .bk-calendar .bk-daynames {
  height: 30px; }
  .week-view .bk-calendar .bk-daynames .bk-dayhead {
    margin: 0px;
    width: calc(14.28571% - 6px); }
    .week-view .bk-calendar .bk-daynames .bk-dayhead:first-child {
      margin-left: 40px; }

.week-view .bk-calendar .bk-dayhead.bk-today span {
  background: #777;
  border-radius: 50px;
  color: #FFF;
  padding: 2px 5px;
  display: inline-block;
  width: 25px;
  text-align: center; }

.month-view .bk-calendar .bk-dayhead span {
  display: none; }

.week-view .bk-calendar .bk-daycell {
  border-left: 1px solid #E6E5E6;
  margin: 0px;
  width: 14.28571%; }

.week-view .bk-calendar .bk-weekrow .bk-daycell {
  min-height: 1440px; }

.week-view .bk-calendar .bk-daycell .bk-dayofmonth {
  display: none; }

.bk-calendar .bk-weekrow-lanes {
  top: 23px;
  pointer-events: none; }

.week-view .bk-calendar .bk-weekrow-lanes {
  top: 0px; }

.bk-calendar .bk-event {
  pointer-events: all; }

.bk-calendar .bk-event:hover, .bk-calendar .bk-event.hover {
  color: #000; }

.bk-calendar .bk-lane-1 {
  top: 0px; }

.bk-calendar .bk-lane-2 {
  top: 20px; }

.bk-calendar .bk-lane-3 {
  top: 40px; }

.progress-traffic-light {
  background-color: #eee;
  border: 1px #fff solid;
  border-radius: 8px;
  padding: 5px;
  width: 80px;
  height: 32px; }
  .progress-traffic-light .light {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px #ddd solid;
    display: inline-block; }
  .progress-traffic-light .red.active {
    background-color: #d9534f;
    border-color: #d9534f; }
  .progress-traffic-light .amber.active {
    background-color: #F0A324;
    border-color: #F0A324; }
  .progress-traffic-light .green.active {
    background-color: #5cb85c;
    border-color: #5cb85c; }

.count-down {
  color: #999; }
  .count-down i {
    font-size: 80px; }
  .count-down .prefix {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 300;
    display: block;
    line-height: 11px; }
  .count-down .time {
    display: block;
    line-height: 30px;
    font-size: 30px;
    font-weight: 300;
    text-align: right; }
  .count-down .alert-info {
    color: #31708f; }

.loader {
  padding: 80px 0;
  text-align: center; }
  .loader p {
    color: #999;
    padding-top: 20px;
    max-width: 300px;
    display: table;
    margin: auto; }
  .loader.push-down {
    padding-top: 200px; }

button.prev.step,
button.next.step {
  cursor: pointer;
  text-transform: none;
  line-height: 30px;
  font-size: 25px;
  color: #F8842A;
  margin-bottom: 120px;
  font-size: 40px;
  background: none;
  border: none;
  outline: none;
  width: 100%; }
  button.prev.step i,
  button.next.step i {
    font-size: 55px;
    margin-left: 5px;
    margin-top: 5px;
    color: #F8842A;
    position: relative;
    transition: left 0.1s ease, right 0.1s ease; }
    button.prev.step i.rotating,
    button.next.step i.rotating {
      font-size: 40px;
      margin-left: 15px;
      margin-right: 5px;
      margin-top: 10px; }
  button.prev.step span,
  button.next.step span {
    font-size: 25px;
    color: #a0a0a0; }
  button.prev.step.prev,
  button.next.step.prev {
    text-align: left;
    padding-left: 80px;
    color: #859fb0; }
    button.prev.step.prev i,
    button.next.step.prev i {
      left: 0;
      float: left;
      color: #859fb0; }
    button.prev.step.prev span,
    button.next.step.prev span {
      margin-left: 12px; }
    button.prev.step.prev:hover,
    button.next.step.prev:hover {
      color: #5b7c8e; }
      button.prev.step.prev:hover i,
      button.next.step.prev:hover i {
        color: #5b7c8e;
        left: -5px; }
  button.prev.step.next,
  button.next.step.next {
    text-align: right;
    padding-right: 80px; }
    button.prev.step.next i,
    button.next.step.next i {
      float: right;
      right: 0; }
    button.prev.step.next span,
    button.next.step.next span {
      margin-right: 12px; }
    button.prev.step.next:hover,
    button.next.step.next:hover {
      color: #5b7c8e; }
      button.prev.step.next:hover i,
      button.next.step.next:hover i {
        color: #5b7c8e;
        right: -5px; }
  button.prev.step.disabled,
  button.prev.step.disabled span,
  button.prev.step.disabled i,
  button.next.step.disabled,
  button.next.step.disabled span,
  button.next.step.disabled i {
    cursor: progress;
    color: #ccc; }
  @media (max-width: 767px) {
    button.prev.step,
    button.next.step {
      padding-right: 0px;
      margin-bottom: 0px;
      font-size: 30px;
      line-height: 26px; }
      button.prev.step span,
      button.next.step span {
        font-size: 20px; }
      button.prev.step i,
      button.next.step i {
        font-size: 45px; } }

.spinner {
  width: 70px;
  text-align: center;
  display: inline-block;
  margin-right: 10px; }
  .spinner > div {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-color: #859fb0;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }
  .spinner.tiny {
    width: 15px; }
    .spinner.tiny .bounce2, .spinner.tiny .bounce3 {
      display: none; }
  .spinner.vertical {
    transform: rotate(90deg); }
  .spinner.input {
    border: 1px #CCC solid;
    border-radius: 4px;
    width: 100%;
    text-align: left;
    padding: 6px 0 6px 20px;
    margin-top: 3px; }
    .spinner.input > div {
      width: 10px;
      height: 10px;
      background-color: #bbb; }

.btn .spinner {
  margin-left: 5px;
  margin-right: 5px;
  width: 30px;
  opacity: 0.9;
  display: none; }
  .btn .spinner > div {
    width: 10px;
    height: 10px; }
  .btn .spinner.visible {
    display: inline-block; }

.btn:not(.btn-default):not(.btn-link) .spinner > div {
  background-color: white; }

.btn-block .spinner {
  position: absolute;
  right: 20px; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.corner-ribbon {
  width: 320px;
  background: #F8842A;
  border: 1px #FFF solid;
  position: absolute;
  z-index: 101;
  top: 45px;
  left: -80px;
  text-align: center;
  line-height: 25px;
  padding: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }
  .corner-ribbon:hover {
    color: #f0f0f0;
    text-decoration: none; }

.corner-ribbon .sticky {
  position: fixed; }

.corner-ribbon .shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.corner-ribbon .top-left {
  top: 45px;
  left: -80px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }
  .corner-ribbon .top-left-right {
    top: 45px;
    right: -80px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }

.corner-ribbon .bottom-left {
  top: auto;
  bottom: 45px;
  left: -80px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }
  .corner-ribbon .bottom-left-right {
    top: auto;
    right: -80px;
    bottom: 45px;
    left: auto;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }

.help-block-spotlight {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 2000px;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 3000px rgba(0, 0, 0, 0.3);
  z-index: 10000000;
  pointer-events: none; }

.help-block-info {
  position: absolute;
  z-index: 100000001;
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  top: 30px;
  width: 100%; }
  .help-block-info h2, .help-block-info p {
    color: #FFF !important; }

.help-block-content {
  position: absolute;
  display: none;
  z-index: 100000001;
  color: #FFF;
  text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.8);
  pointer-events: none; }
  .help-block-content h2, .help-block-content p {
    color: #FFF !important; }

.block-representative .photo {
  width: 45px;
  vertical-align: top;
  float: left;
  margin-right: 10px; }
  .block-representative .photo .img-circle {
    border: 2px #fff solid;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    background-size: cover;
    overflow: hidden; }
  .block-representative .photo i {
    font-size: 20px !important;
    left: 3px; }

.block-representative .text {
  display: inline-block; }

.step-bar-container {
  width: 100%;
  position: relative; }
  .step-bar-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    counter-reset: step; }
    .step-bar-container ul li {
      float: left;
      position: relative;
      text-align: center;
      font-weight: 400;
      font-size: 14px;
      color: #999; }
      .step-bar-container ul li:before {
        content: counter(step);
        counter-increment: step;
        width: 40px;
        height: 40px;
        border: 1px solid #bebebe;
        display: block;
        margin: 0 auto 10px auto;
        border-radius: 50%;
        font-size: 22px;
        line-height: 38px;
        background: #fff;
        color: #bebebe;
        text-align: center;
        position: relative;
        z-index: 2; }
      .step-bar-container ul li:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #ddd;
        top: 19px;
        left: -50%;
        z-index: 1; }
      .step-bar-container ul li:first-child:after {
        content: none; }
      .step-bar-container ul li.active {
        color: #555; }
        .step-bar-container ul li.active:after {
          background: #5cb85c;
          background: -moz-linear-gradient(90deg, #5cb85c 0%, #f0a324 100%);
          background: -webkit-linear-gradient(90deg, #5cb85c 0%, #f0a324 100%);
          background: linear-gradient(90deg, #5cb85c 0%, #f0a324 100%); }
        .step-bar-container ul li.active:before {
          border-color: #F0A324;
          background: #F0A324;
          color: #FFF; }
        .step-bar-container ul li.active + li:after {
          background: -moz-linear-gradient(90deg, #f0a324 0%, #dddddd 100%);
          background: -webkit-linear-gradient(90deg, #f0a324 0%, #dddddd 100%);
          background: linear-gradient(90deg, #f0a324 0%, #dddddd 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0a324",endColorstr="#dddddd",GradientType=1); }
        .step-bar-container ul li.active.success + li:after {
          background: -moz-linear-gradient(90deg, #5cb85c 0%, #dddddd 100%);
          background: -webkit-linear-gradient(90deg, #5cb85c 0%, #dddddd 100%);
          background: linear-gradient(90deg, #5cb85c 0%, #dddddd 100%); }
      .step-bar-container ul li.success, .step-bar-container ul li.skipped {
        cursor: pointer; }
        .step-bar-container ul li.success:hover, .step-bar-container ul li.skipped:hover {
          color: #555; }
      .step-bar-container ul li.success:after {
        background: #5cb85c; }
      .step-bar-container ul li.success:before {
        border-color: #5cb85c;
        background: #5cb85c;
        color: white; }
      .step-bar-container ul li.skipped:after {
        background: #BBB; }
      .step-bar-container ul li.skipped:before {
        border-color: #BBB;
        background: #BBB;
        color: white; }
      .step-bar-container ul li.skipped + li.active:after {
        background: #bbbbbb;
        background: -moz-linear-gradient(90deg, #bbbbbb 0%, #f0a324 100%);
        background: -webkit-linear-gradient(90deg, #bbbbbb 0%, #f0a324 100%);
        background: linear-gradient(90deg, #bbbbbb 0%, #f0a324 100%); }
      .step-bar-container ul li.skipped + li.success.active:after {
        background: #bbbbbb;
        background: -moz-linear-gradient(90deg, #bbbbbb 0%, #5cb85c 100%);
        background: -webkit-linear-gradient(90deg, #bbbbbb 0%, #5cb85c 100%);
        background: linear-gradient(90deg, #bbbbbb 0%, #5cb85c 100%); }

.fullscreen-img {
  position: fixed;
  z-index: 1001;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.9);
  cursor: pointer; }
  .fullscreen-img img {
    position: relative;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 150%;
    left: 50%;
    border-radius: 50px; }
  .fullscreen-img .close {
    position: absolute;
    z-index: 2;
    right: 15px;
    font-size: 60px;
    font-weight: 300; }

.scroll-down-indicator {
  text-align: center;
  padding: 25px 0; }
  .scroll-down-indicator i {
    font-size: 50px;
    color: #999;
    opacity: 1;
    transition: all 0.8s ease; }
  .scroll-down-indicator.seen i {
    opacity: 0; }

.heartbeat {
  -webkit-animation: heartbeat 3s ease-in-out infinite both;
  animation: heartbeat 3s ease-in-out infinite both; }

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  5% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  8% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  16% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  22% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  5% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  8% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  16% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  22% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

.infographic {
  margin-bottom: 70px;
  position: relative; }
  .infographic.top-50 {
    margin-top: 50px; }
  .infographic.top-100 {
    margin-top: 100px; }
  .infographic.top-150 {
    margin-top: 150px; }
  .infographic.top-200 {
    margin-top: 200px; }
  .infographic.left-25 {
    margin-left: 25px; }
  .infographic.left-50 {
    margin-left: 50px; }
  .infographic.left-100 {
    margin-left: 100px; }
  .infographic.left-150 {
    margin-left: 150px; }
  .infographic.left-200 {
    margin-left: 200px; }
  .infographic.left-250 {
    margin-left: 250px; }
  .infographic.left-300 {
    margin-left: 300px; }
  .infographic.left-350 {
    margin-left: 350px; }
  .infographic.left-400 {
    margin-left: 400px; }

@media (max-width: 992px) {
  .infographic.left-50 {
    margin-left: 0px; }
  .infographic.left-100 {
    margin-left: 0px; }
  .infographic.left-150 {
    margin-left: 0px; }
  .infographic.left-200 {
    margin-left: 0px; }
  .infographic.left-250 {
    margin-left: 0px; }
  .infographic.left-300 {
    margin-left: 0px; }
  .infographic.left-350 {
    margin-left: 0px; }
  .infographic.left-400 {
    margin-left: 0px; }
  .infographic .infographic-logo {
    display: none; } }

.infographic-logo {
  position: absolute;
  margin: 100px 0 0 50px;
  width: 180px; }

.infographic h1 {
  color: #F8842A;
  font-size: 40px;
  margin-bottom: 20px;
  margin-left: 95px; }
  .infographic h1 span {
    display: inline-block;
    font-size: 50px;
    font-weight: 200;
    line-height: 55px;
    border: 2px solid #F8842A;
    border-radius: 50px;
    text-align: center;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    background: #FFF;
    margin-left: -95px; }
    .infographic h1 span .logo {
      background: url("/images/logo-jobsurfing.png") no-repeat;
      background-size: contain;
      border: none;
      border-radius: 0px;
      position: absolute;
      width: 100px;
      height: 100px;
      margin-left: -107px;
      margin-top: -25px; }
    .infographic h1 span .year {
      font-size: 25px;
      line-height: 60px;
      font-weight: 400; }

.infographic .margin {
  margin: 90px 32px 0px 32px;
  border: 2px solid #8EA4B2;
  border-radius: 3px;
  width: 1px;
  position: absolute;
  z-index: 1;
  height: 100%; }

.infographic .text {
  padding-top: 20px;
  position: relative;
  z-index: 2;
  font-weight: 200;
  font-size: 20px;
  margin-left: 60px; }

.infographic .lead {
  font-size: 25px;
  line-height: 40px;
  color: #8EA4B2;
  font-weight: 400; }

.infographic p,
.infographic ul li {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400; }

.infographic .text h2,
.infographic .text .bigger {
  font-size: 25px;
  font-weight: 400;
  color: #333;
  text-transform: none; }

.infographic .input-box .infographic .input-box .infographic .input-box .input-group .input-lg, .infographic .input-box .infographic .input-box .infographic .input-box .input-group .input-group-lg > .form-control,
.infographic .input-box .infographic .input-box .infographic .input-box .input-group .input-group-lg > .input-group-addon,
.infographic .input-box .infographic .input-box .infographic .input-box .input-group .input-group-lg > .input-group-btn > .btn {
  margin-bottom: 0px; }

.infographic .text > .help-block {
  margin-left: 10px; }

@media (max-width: 992px) {
  .infographic h1 {
    font-size: 35px;
    margin-left: 70px; }
    .infographic h1 span {
      width: 50px;
      height: 50px;
      font-size: 40px;
      line-height: 41px;
      margin-left: -70px;
      font-weight: 300; }
      .infographic h1 span .logo {
        width: 70px;
        height: 70px;
        margin-left: -78px;
        margin-top: -15px; }
  .infographic .margin {
    margin: 70px 22px 0px 22px; }
  .infographic .text {
    font-size: 16px;
    margin-left: 40px; }
  .infographic .lead {
    font-size: 20px; }
  .infographic .small {
    background: #eff5f8;
    z-index: 10;
    display: none;
    width: 100%;
    box-shadow: 0px 0px 10px #859fb0;
    padding: 20px 20px 20px 0px; }
  .infographic .text h2,
  .infographic .text .bigger {
    font-size: 20px; } }

.infographic ul {
  list-style-type: none;
  margin-left: -32px; }
  .infographic ul > li:before {
    width: 20px;
    height: 20px;
    background: #F8842A;
    border-radius: 10px;
    content: "";
    display: block;
    float: left;
    margin-top: 5px;
    margin-left: -44px;
    border: 3px #eff5f8 solid; }

.infographic ul > li.bigger:before {
  margin-top: 8px; }

.infographic ul > li,
.infographic ol > li {
  margin-bottom: 20px; }

.infographic ul > ul,
.infographic ol > ul {
  margin-left: -10px;
  list-style-type: none; }

.infographic ol > li {
  margin-left: 20px;
  margin-bottom: 0px; }

.infographic ul.indent {
  margin-left: 30px; }

.infographic ul.smaller li,
.infographic ol.smaller li {
  font-size: 17px; }

.infographic ul > li > ul > li:before,
.infographic ol > li > ul > li:before {
  background: none;
  border: none;
  content: '- ';
  margin-top: 0px;
  margin-left: -20px !important; }

.infographic ul > li > ul > li,
.infographic ol > li > ul > li {
  margin-bottom: 0px;
  margin-left: 20px; }

.infographic-euro {
  font-family: "Raleway", Arial, sans-serif;
  color: #F8842A;
  font-weight: 200;
  font-size: 30px;
  margin-bottom: 20px;
  margin-left: 40px; }
  .infographic-euro strong {
    font-weight: 400; }
  .infographic-euro .euro {
    display: inline-block;
    font-size: 70px;
    line-height: 55px;
    border: 2px solid #F8842A;
    border-radius: 50px;
    text-align: center;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    background: #FFF; }
    .infographic-euro .euro span {
      text-transform: uppercase;
      font-size: 10px;
      position: absolute;
      margin-top: 13px;
      margin-left: -9px;
      font-weight: 400; }
  .infographic-euro .ext {
    display: inline-block; }

@media (max-width: 992px) {
  .infographic ul ol,
  .infographic ul ul {
    margin-left: -20px; }
  .infographic ol > li,
  .infographic ul > li > ul > li,
  .infographic ol > li > ul > li {
    margin-left: 15px; }
  .infographic-euro {
    font-size: 20px;
    margin-left: 20px; }
    .infographic-euro .euro {
      font-size: 60px;
      width: 60px;
      height: 60px;
      line-height: 48px; }
      .infographic-euro .euro span {
        font-size: 8px;
        margin-top: 10px;
        margin-left: -8px; } }

.infographic .absolute {
  position: absolute; }

.infographic .small .text {
  padding-top: 0px;
  font-size: 15px;
  margin-left: 34px; }
  .infographic .small .text h3 {
    font-size: 20px;
    font-weight: 200;
    color: #333;
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 0px; }

.infographic .small .margin {
  margin: 0px 20px;
  border: 1px solid #8EA4B2;
  width: 1px; }

.infographic .small ul li:before {
  width: 12px;
  height: 12px;
  margin-top: 6px;
  margin-left: -27px;
  border-width: 2px; }

.infographic .small ul ul li:before {
  background: none;
  border: none;
  content: '- ';
  margin-top: 0px !important;
  margin-left: -10px !important; }

.infographic .small ul ul li {
  margin-left: 10px; }

.infographic .small ul ul {
  margin-left: 0px;
  padding-left: 0px; }

.infographic .small ul ul ul {
  margin-left: 20px;
  padding-left: 0px; }

.infographic .border-top {
  border-top: 1px #555 solid; }

.infographic .left-margin {
  width: 120px;
  margin-left: -180px;
  display: inline-block;
  float: left;
  text-align: right; }

.infographic .radio-button {
  cursor: pointer; }
  .infographic .radio-button input[type="radio"], .infographic .radio-button [type="checkbox"] {
    opacity: 0;
    float: left;
    margin-left: -40px; }
  .infographic .radio-button:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    float: left;
    margin-left: -40px;
    color: #eff5f8;
    background: #eff5f8;
    border-radius: 10px;
    margin-top: 9px; }
  .infographic .radio-button .checked:before {
    content: "\2713";
    width: 16px;
    margin-left: -40px;
    height: 0px;
    margin-top: 4px;
    color: #FA8412;
    font-size: 60px;
    line-height: 11px; }

.infographic .margin.pull-top {
  margin-top: 0px;
  height: calc(100% + 90px); }

@media (max-width: 992px) {
  .infographic ul.smaller li,
  .infographic ol.smaller li {
    font-size: 12px; }
  .infographic ul > li:before {
    margin-left: -34px; }
  .infographic .radio-button:before {
    margin-left: -30px; }
  .infographic .radio-button.checked:before {
    margin-left: -30px;
    font-size: 50px;
    left: -6px; }
  .infographic .margin.pull-top {
    height: calc(100% + 70px); } }

.inline-message {
  display: block;
  text-align: center;
  border-radius: 40px;
  background-color: white;
  border: none;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
  margin: 70px 100px 50px 100px;
  padding: 30px 60px;
  position: relative;
  overflow: hidden; }
  .inline-message.compact {
    margin-left: 200px;
    margin-right: 200px;
    padding-bottom: 15px; }
  .inline-message.large {
    margin-left: 0;
    margin-right: 0;
    text-align: left; }
  .inline-message.modal-body {
    margin: 0;
    padding: 15px 30px;
    border: none;
    box-shadow: none;
    border-radius: 15px 15px 0 0; }
  @media (max-width: 767px) {
    .inline-message {
      margin-left: 0;
      margin-right: 0;
      padding: 30px 15px; } }
  .inline-message h1, .inline-message h2, .inline-message h3 {
    color: #333; }
  .inline-message [class^="icon-"] {
    font-size: 50px;
    display: block;
    margin: 20px; }
  .inline-message .text-left [class^="icon-"] {
    font-size: 35px;
    display: inline-block;
    margin: 5px 10px;
    position: relative; }
  .inline-message .dropdown-menu [class^="icon-"],
  .inline-message .list-group [class^="icon-"],
  .inline-message .btn [class^="icon-"] {
    display: inline;
    font-size: 16px;
    margin: 0 5px; }
  .inline-message .alert [class^="icon-"] {
    display: inline;
    font-size: 20px;
    margin: 0 5px; }
  .inline-message .next-steps {
    margin-top: 100px; }
  .inline-message button.step.next,
  .inline-message button.step.prev {
    position: relative;
    padding: 0;
    margin-bottom: 0;
    font-size: 25px; }
    .inline-message button.step.next i,
    .inline-message button.step.prev i {
      font-size: 45px;
      margin: 10px; }
    .inline-message button.step.next span,
    .inline-message button.step.prev span {
      font-size: 20px;
      margin: 0 4px 0 2px; }
    .inline-message button.step.next.prev,
    .inline-message button.step.prev.prev {
      left: -30px; }
    .inline-message button.step.next.next,
    .inline-message button.step.prev.next {
      right: -30px; }
  .inline-message .highlight {
    margin: -15px -45px -15px -15px;
    padding: 15px 45px 15px 15px;
    border-radius: 100px;
    position: relative; }
    .inline-message .highlight:before {
      content: ' ';
      position: absolute;
      width: 200%;
      height: 300%;
      top: -30px;
      left: -60px;
      border-radius: 50%;
      background-color: #F8842A; }
    .inline-message .highlight button.step {
      color: #EEE; }
      .inline-message .highlight button.step i, .inline-message .highlight button.step span {
        color: #EEE; }
    .inline-message .highlight:hover button.step {
      color: #FFF; }
      .inline-message .highlight:hover button.step i {
        color: #FFF; }
  .inline-message .nav-pills > li {
    background-color: #FFF; }
  @media (max-width: 992px) {
    .inline-message button.step {
      font-size: 20px !important; }
      .inline-message button.step i {
        font-size: 40px !important; }
      .inline-message button.step span {
        font-size: 15px !important; }
    .inline-message button.step.next {
      right: 5px !important; }
    .inline-message button.step.prev {
      left: 5px !important; }
    .inline-message .highlight {
      background-color: #F8842A;
      margin: 10px 0;
      padding: 10px 0; }
      .inline-message .highlight:before {
        display: none; } }

.inline-message-container {
  position: relative;
  left: 0;
  right: 0;
  padding-bottom: 30px;
  background-image: url("/images/jobsurfing-messagebg.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  margin-bottom: 100px; }
  .inline-message-container > h1, .inline-message-container > h2, .inline-message-container > h3, .inline-message-container > p {
    color: #333;
    text-align: center; }
    .inline-message-container > h1 [class^="icon-"], .inline-message-container > h2 [class^="icon-"], .inline-message-container > h3 [class^="icon-"], .inline-message-container > p [class^="icon-"] {
      font-size: 50px;
      display: block;
      margin: 20px; }
  .inline-message-container .panel:not(.note-editor),
  .inline-message-container .inline-message {
    margin: 70px 100px 50px 100px; }
    @media (max-width: 767px) {
      .inline-message-container .panel:not(.note-editor),
      .inline-message-container .inline-message {
        margin: 70px 0 50px 0; } }
    @media (max-height: 768px) {
      .inline-message-container .panel:not(.note-editor),
      .inline-message-container .inline-message {
        margin-top: 30px; } }
  .inline-message-container.overlap-panel .panel {
    border-color: #F8842A; }

.inline-message-callto-actions {
  padding: 0 130px; }

.pinned-message {
  position: fixed;
  z-index: 100;
  bottom: 0;
  right: 0;
  border-radius: 20px;
  margin: 15px;
  padding: 20px;
  width: 500px;
  background-color: #F8842A;
  background-color: rgba(248, 132, 42, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  -webkit-box-shadow: 0 -5px -5px rgba(0, 0, 0, 0.01);
  box-shadow: 0 -5px -5px rgba(0, 0, 0, 0.01);
  font-size: 15px;
  color: #FFF;
  transition: right 1s ease-out; }
  .pinned-message.hide {
    right: -700px; }
  .pinned-message [class^="icon-"] {
    font-size: 35px;
    margin: 0 15px 0 5px;
    float: left; }
  .pinned-message .close {
    position: relative;
    right: 0;
    margin-top: -10px;
    margin-right: -5px;
    font-size: 30px;
    font-weight: 300; }
  @media (max-width: 767px) {
    .pinned-message {
      width: calc(100% - 30px);
      left: 0; } }

.advertisement {
  position: relative;
  background: #FFF;
  padding: 30px 100px 10px 100px;
  color: #F8842A;
  display: inline-block;
  border-radius: 10px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
  width: calc(100% - 80px);
  margin: 0 40px; }
  .advertisement a {
    color: #F8842A; }
    .advertisement a:hover {
      color: #ef7110;
      text-decoration: none; }
  .advertisement.small-padding {
    padding: 30px 40px 20px 40px; }
  @media (max-width: 992px) {
    .advertisement .advertisement, .advertisement .advertisement .small-padding {
      width: 100%;
      margin: 0;
      padding: 20px 20px 10px 20px; } }
  .advertisement .lead {
    margin-bottom: 10px;
    font-weight: 400; }
  .advertisement .icon .pull-left {
    margin-right: 30px; }
  .advertisement .icon .pull-right {
    margin-left: 30px; }
  .advertisement .icon i {
    font-size: 60px; }
  .advertisement .call-to-action {
    float: right;
    margin-right: 30px;
    margin-top: 10px; }
  .advertisement .scan-icon {
    background-image: url("/images/jobsurfing-scan.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 180px;
    height: 180px;
    position: absolute;
    top: -35px;
    left: -65px; }
    .advertisement .scan-icon ~ p {
      margin-left: 100px; }
  .advertisement ~ .help-block {
    padding: 10px 0 10px 60px; }
  .advertisement ~ .error-mssg .help-block {
    padding: 10px 0 10px 60px;
    color: #d9534f; }

a.advertisement:hover {
  background: #fff;
  border-color: #859fb0;
  color: #ef7110;
  text-decoration: none; }

.conversation-trail.narrow .message .photo {
  width: 40px;
  margin-top: -45px; }

.conversation-trail.narrow .message.left {
  margin-left: 30px; }
  .conversation-trail.narrow .message.left .photo {
    left: -30px; }

.conversation-trail.narrow .message.right {
  margin-right: 30px; }
  .conversation-trail.narrow .message.right .photo {
    right: -30px; }

.panel .conversation-trail .fade-top {
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#00FFFFFF',GradientType=0 ); }

.conversation-trail,
.document-conversation,
.message-in-modal {
  position: relative; }
  .conversation-trail .message-container,
  .document-conversation .message-container,
  .message-in-modal .message-container {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px;
    margin-right: -15px;
    padding-left: 5px;
    margin-left: -5px; }
    .conversation-trail .message-container.has-messages,
    .document-conversation .message-container.has-messages,
    .message-in-modal .message-container.has-messages {
      padding-top: 50px; }
  .conversation-trail .fade-top,
  .document-conversation .fade-top,
  .message-in-modal .fade-top {
    height: 50px;
    left: -5px;
    width: calc(100% + 20px);
    z-index: 1;
    position: absolute;
    background: -moz-linear-gradient(top, #f4f8fa 0%, rgba(244, 248, 250, 0) 100%);
    background: -webkit-linear-gradient(top, #f4f8fa 0%, rgba(244, 248, 250, 0) 100%);
    background: linear-gradient(to bottom, #f4f8fa 0%, rgba(244, 248, 250, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F8FA', endColorstr='#00F4F8FA',GradientType=0 ); }
  .conversation-trail .message,
  .document-conversation .message,
  .message-in-modal .message {
    margin: 10px 10px 20px 10px;
    position: relative; }
    .conversation-trail .message .panel-message,
    .document-conversation .message .panel-message,
    .message-in-modal .message .panel-message {
      border-radius: 15px;
      margin-bottom: 0px;
      border: 1px #ddd solid;
      background-color: #f0f0f0; }
      .conversation-trail .message .panel-message:before, .conversation-trail .message .panel-message:after,
      .document-conversation .message .panel-message:before,
      .document-conversation .message .panel-message:after,
      .message-in-modal .message .panel-message:before,
      .message-in-modal .message .panel-message:after {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-bottom: 15px solid #eee;
        border-top: 12px solid transparent;
        bottom: 20px; }
      .conversation-trail .message .panel-message .panel-body,
      .document-conversation .message .panel-message .panel-body,
      .message-in-modal .message .panel-message .panel-body {
        padding: 10px 15px; }
        .conversation-trail .message .panel-message .panel-body .message-body,
        .document-conversation .message .panel-message .panel-body .message-body,
        .message-in-modal .message .panel-message .panel-body .message-body {
          border-top: 1px #DDD solid;
          margin-top: 4px;
          padding-top: 4px; }
          .conversation-trail .message .panel-message .panel-body .message-body p:last-child,
          .document-conversation .message .panel-message .panel-body .message-body p:last-child,
          .message-in-modal .message .panel-message .panel-body .message-body p:last-child {
            margin-bottom: 0; }
        .conversation-trail .message .panel-message .panel-body .message-attachments,
        .document-conversation .message .panel-message .panel-body .message-attachments,
        .message-in-modal .message .panel-message .panel-body .message-attachments {
          margin-top: 8px;
          position: relative;
          left: -10px; }
    .conversation-trail .message.left,
    .document-conversation .message.left,
    .message-in-modal .message.left {
      text-align: left;
      margin-left: 100px; }
      .conversation-trail .message.left .panel-message:before,
      .document-conversation .message.left .panel-message:before,
      .message-in-modal .message.left .panel-message:before {
        border-bottom: 16px solid #ddd;
        border-left: 14px solid transparent;
        left: -14px;
        bottom: 19px; }
      .conversation-trail .message.left .panel-message:after,
      .document-conversation .message.left .panel-message:after,
      .message-in-modal .message.left .panel-message:after {
        border-bottom: 13px solid #eee;
        border-left: 12px solid transparent;
        left: -12px; }
    .conversation-trail .message.right,
    .document-conversation .message.right,
    .message-in-modal .message.right {
      text-align: left;
      margin-right: 100px; }
      .conversation-trail .message.right .panel:before,
      .document-conversation .message.right .panel:before,
      .message-in-modal .message.right .panel:before {
        border-bottom: 16px solid #ddd;
        border-right: 14px solid transparent;
        right: -14px;
        bottom: 19px; }
      .conversation-trail .message.right .panel:after,
      .document-conversation .message.right .panel:after,
      .message-in-modal .message.right .panel:after {
        border-bottom: 13px solid #eee;
        border-right: 12px solid transparent;
        right: -12px; }
    .conversation-trail .message .photo,
    .document-conversation .message .photo,
    .message-in-modal .message .photo {
      width: 65px;
      position: absolute;
      margin-top: -65px; }
      .conversation-trail .message .photo .img-circle,
      .document-conversation .message .photo .img-circle,
      .message-in-modal .message .photo .img-circle {
        border: 2px #fff solid;
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
        background-color: #f5f5f5;
        background-size: cover;
        overflow: hidden; }
    .conversation-trail .message.right .photo,
    .document-conversation .message.right .photo,
    .message-in-modal .message.right .photo {
      right: -90px; }
    .conversation-trail .message.left .photo,
    .document-conversation .message.left .photo,
    .message-in-modal .message.left .photo {
      left: -90px; }
    .conversation-trail .message.compose,
    .document-conversation .message.compose,
    .message-in-modal .message.compose {
      padding: 10px;
      margin: 0;
      bottom: 0;
      background-color: #eff5f8;
      border-radius: 20px; }
      .conversation-trail .message.compose > .panel,
      .document-conversation .message.compose > .panel,
      .message-in-modal .message.compose > .panel {
        border: 2px #ddd solid; }
      .conversation-trail .message.compose .chat,
      .document-conversation .message.compose .chat,
      .message-in-modal .message.compose .chat {
        border-radius: 20px;
        background: #FFF;
        border: 1px #ccc solid; }
        .conversation-trail .message.compose .chat.focus,
        .document-conversation .message.compose .chat.focus,
        .message-in-modal .message.compose .chat.focus {
          border-color: #6eadd1; }
        .conversation-trail .message.compose .chat .composer,
        .document-conversation .message.compose .chat .composer,
        .message-in-modal .message.compose .chat .composer {
          position: relative; }
          .conversation-trail .message.compose .chat .composer textarea,
          .document-conversation .message.compose .chat .composer textarea,
          .message-in-modal .message.compose .chat .composer textarea {
            border-color: #fff;
            border-radius: 20px;
            padding: 12px 15px;
            resize: none; }
          .conversation-trail .message.compose .chat .composer .wysiwyg-editor .note-placeholder,
          .document-conversation .message.compose .chat .composer .wysiwyg-editor .note-placeholder,
          .message-in-modal .message.compose .chat .composer .wysiwyg-editor .note-placeholder {
            left: 0;
            top: 0;
            padding: 12px 15px; }
          .conversation-trail .message.compose .chat .composer .wysiwyg-editor .note-editor,
          .document-conversation .message.compose .chat .composer .wysiwyg-editor .note-editor,
          .message-in-modal .message.compose .chat .composer .wysiwyg-editor .note-editor {
            border-radius: 20px;
            box-shadow: none; }
            .conversation-trail .message.compose .chat .composer .wysiwyg-editor .note-editor .note-editable,
            .document-conversation .message.compose .chat .composer .wysiwyg-editor .note-editor .note-editable,
            .message-in-modal .message.compose .chat .composer .wysiwyg-editor .note-editor .note-editable {
              border-radius: 20px;
              padding: 12px 15px; }
          .conversation-trail .message.compose .chat .composer .attach,
          .conversation-trail .message.compose .chat .composer .send,
          .conversation-trail .message.compose .chat .composer .add,
          .document-conversation .message.compose .chat .composer .attach,
          .document-conversation .message.compose .chat .composer .send,
          .document-conversation .message.compose .chat .composer .add,
          .message-in-modal .message.compose .chat .composer .attach,
          .message-in-modal .message.compose .chat .composer .send,
          .message-in-modal .message.compose .chat .composer .add {
            position: absolute;
            right: 1px;
            bottom: 1px; }
            .conversation-trail .message.compose .chat .composer .attach .btn,
            .conversation-trail .message.compose .chat .composer .send .btn,
            .conversation-trail .message.compose .chat .composer .add .btn,
            .document-conversation .message.compose .chat .composer .attach .btn,
            .document-conversation .message.compose .chat .composer .send .btn,
            .document-conversation .message.compose .chat .composer .add .btn,
            .message-in-modal .message.compose .chat .composer .attach .btn,
            .message-in-modal .message.compose .chat .composer .send .btn,
            .message-in-modal .message.compose .chat .composer .add .btn {
              height: 35px;
              width: 35px;
              border-radius: 30px;
              padding-top: 5px; }
              .conversation-trail .message.compose .chat .composer .attach .btn i,
              .conversation-trail .message.compose .chat .composer .send .btn i,
              .conversation-trail .message.compose .chat .composer .add .btn i,
              .document-conversation .message.compose .chat .composer .attach .btn i,
              .document-conversation .message.compose .chat .composer .send .btn i,
              .document-conversation .message.compose .chat .composer .add .btn i,
              .message-in-modal .message.compose .chat .composer .attach .btn i,
              .message-in-modal .message.compose .chat .composer .send .btn i,
              .message-in-modal .message.compose .chat .composer .add .btn i {
                font-size: 18px;
                position: relative;
                left: -7px;
                top: 2px; }
              .conversation-trail .message.compose .chat .composer .attach .btn .spinner,
              .conversation-trail .message.compose .chat .composer .send .btn .spinner,
              .conversation-trail .message.compose .chat .composer .add .btn .spinner,
              .document-conversation .message.compose .chat .composer .attach .btn .spinner,
              .document-conversation .message.compose .chat .composer .send .btn .spinner,
              .document-conversation .message.compose .chat .composer .add .btn .spinner,
              .message-in-modal .message.compose .chat .composer .attach .btn .spinner,
              .message-in-modal .message.compose .chat .composer .send .btn .spinner,
              .message-in-modal .message.compose .chat .composer .add .btn .spinner {
                margin-left: -2px;
                width: 5px; }
                .conversation-trail .message.compose .chat .composer .attach .btn .spinner .bounce2, .conversation-trail .message.compose .chat .composer .attach .btn .spinner .bounce3,
                .conversation-trail .message.compose .chat .composer .send .btn .spinner .bounce2,
                .conversation-trail .message.compose .chat .composer .send .btn .spinner .bounce3,
                .conversation-trail .message.compose .chat .composer .add .btn .spinner .bounce2,
                .conversation-trail .message.compose .chat .composer .add .btn .spinner .bounce3,
                .document-conversation .message.compose .chat .composer .attach .btn .spinner .bounce2,
                .document-conversation .message.compose .chat .composer .attach .btn .spinner .bounce3,
                .document-conversation .message.compose .chat .composer .send .btn .spinner .bounce2,
                .document-conversation .message.compose .chat .composer .send .btn .spinner .bounce3,
                .document-conversation .message.compose .chat .composer .add .btn .spinner .bounce2,
                .document-conversation .message.compose .chat .composer .add .btn .spinner .bounce3,
                .message-in-modal .message.compose .chat .composer .attach .btn .spinner .bounce2,
                .message-in-modal .message.compose .chat .composer .attach .btn .spinner .bounce3,
                .message-in-modal .message.compose .chat .composer .send .btn .spinner .bounce2,
                .message-in-modal .message.compose .chat .composer .send .btn .spinner .bounce3,
                .message-in-modal .message.compose .chat .composer .add .btn .spinner .bounce2,
                .message-in-modal .message.compose .chat .composer .add .btn .spinner .bounce3 {
                  visibility: hidden; }
          .conversation-trail .message.compose .chat .composer .add,
          .document-conversation .message.compose .chat .composer .add,
          .message-in-modal .message.compose .chat .composer .add {
            position: relative;
            margin-top: -2px; }
            .conversation-trail .message.compose .chat .composer .add .btn span,
            .document-conversation .message.compose .chat .composer .add .btn span,
            .message-in-modal .message.compose .chat .composer .add .btn span {
              position: relative;
              left: 0;
              transition: left 0.1s ease-in-out; }
            .conversation-trail .message.compose .chat .composer .add:hover .btn span,
            .document-conversation .message.compose .chat .composer .add:hover .btn span,
            .message-in-modal .message.compose .chat .composer .add:hover .btn span {
              left: 5px; }
          .conversation-trail .message.compose .chat .composer .attach,
          .document-conversation .message.compose .chat .composer .attach,
          .message-in-modal .message.compose .chat .composer .attach {
            right: 40px; }
          .conversation-trail .message.compose .chat .composer .send .btn,
          .document-conversation .message.compose .chat .composer .send .btn,
          .message-in-modal .message.compose .chat .composer .send .btn {
            background-color: #6eadd1; }
            .conversation-trail .message.compose .chat .composer .send .btn.disabled,
            .document-conversation .message.compose .chat .composer .send .btn.disabled,
            .message-in-modal .message.compose .chat .composer .send .btn.disabled {
              background-color: #bbb; }
        .conversation-trail .message.compose .chat .address,
        .document-conversation .message.compose .chat .address,
        .message-in-modal .message.compose .chat .address {
          position: relative;
          width: calc(100% - 40px); }
          .conversation-trail .message.compose .chat .address.narrower,
          .document-conversation .message.compose .chat .address.narrower,
          .message-in-modal .message.compose .chat .address.narrower {
            width: calc(100% - 90px); }
          .conversation-trail .message.compose .chat .address .li-photo,
          .document-conversation .message.compose .chat .address .li-photo,
          .message-in-modal .message.compose .chat .address .li-photo {
            display: inline-block;
            width: 33px;
            margin-top: 1px;
            margin-right: 5px;
            vertical-align: top; }
            .conversation-trail .message.compose .chat .address .li-photo .img-circle,
            .document-conversation .message.compose .chat .address .li-photo .img-circle,
            .message-in-modal .message.compose .chat .address .li-photo .img-circle {
              border: 1px #fff solid;
              background-color: #fff; }
          .conversation-trail .message.compose .chat .address .li-name,
          .document-conversation .message.compose .chat .address .li-name,
          .message-in-modal .message.compose .chat .address .li-name {
            display: inline-block;
            width: calc(300px - 35px);
            white-space: normal;
            line-height: 18px; }
          .conversation-trail .message.compose .chat .address .list,
          .document-conversation .message.compose .chat .address .list,
          .message-in-modal .message.compose .chat .address .list {
            padding: 0;
            margin: 0;
            margin-left: 2px;
            margin-bottom: 1px;
            list-style-type: none;
            display: inline-block; }
            .conversation-trail .message.compose .chat .address .list li,
            .document-conversation .message.compose .chat .address .list li,
            .message-in-modal .message.compose .chat .address .list li {
              position: relative;
              display: inline-block;
              background-color: #eee;
              border-radius: 20px;
              padding-left: 1px;
              height: 35px;
              margin-right: 5px;
              margin-bottom: 1px; }
              .conversation-trail .message.compose .chat .address .list li .li-name,
              .document-conversation .message.compose .chat .address .list li .li-name,
              .message-in-modal .message.compose .chat .address .list li .li-name {
                width: auto !important;
                padding-top: 9px;
                margin-right: 20px; }
              .conversation-trail .message.compose .chat .address .list li .remove,
              .document-conversation .message.compose .chat .address .list li .remove,
              .message-in-modal .message.compose .chat .address .list li .remove {
                position: absolute;
                display: none;
                z-index: 2;
                top: 1px;
                right: 1px; }
                .conversation-trail .message.compose .chat .address .list li .remove .btn,
                .document-conversation .message.compose .chat .address .list li .remove .btn,
                .message-in-modal .message.compose .chat .address .list li .remove .btn {
                  padding: 7px 3px 2px 5px;
                  background-color: #eee;
                  border-radius: 50%; }
                  .conversation-trail .message.compose .chat .address .list li .remove .btn i,
                  .document-conversation .message.compose .chat .address .list li .remove .btn i,
                  .message-in-modal .message.compose .chat .address .list li .remove .btn i {
                    padding: 2px;
                    font-size: 20px; }
              .conversation-trail .message.compose .chat .address .list li:hover .remove,
              .document-conversation .message.compose .chat .address .list li:hover .remove,
              .message-in-modal .message.compose .chat .address .list li:hover .remove {
                display: initial; }
          .conversation-trail .message.compose .chat .address .add,
          .document-conversation .message.compose .chat .address .add,
          .message-in-modal .message.compose .chat .address .add {
            display: inline-block;
            position: initial !important; }
        .conversation-trail .message.compose .chat .attachments,
        .document-conversation .message.compose .chat .attachments,
        .message-in-modal .message.compose .chat .attachments {
          border-top: 1px #ddd solid;
          margin: 2px 2px 2px 8px; }
          .conversation-trail .message.compose .chat .attachments table,
          .document-conversation .message.compose .chat .attachments table,
          .message-in-modal .message.compose .chat .attachments table {
            width: 100%; }
            .conversation-trail .message.compose .chat .attachments table .btn-link,
            .document-conversation .message.compose .chat .attachments table .btn-link,
            .message-in-modal .message.compose .chat .attachments table .btn-link {
              max-width: 275px;
              text-overflow: ellipsis;
              overflow: hidden; }
    @media (max-width: 479px) {
      .conversation-trail .message.left,
      .document-conversation .message.left,
      .message-in-modal .message.left {
        margin-right: 50px; }
        .conversation-trail .message.left .panel-message:before,
        .document-conversation .message.left .panel-message:before,
        .message-in-modal .message.left .panel-message:before {
          left: -25px; }
      .conversation-trail .message.right,
      .document-conversation .message.right,
      .message-in-modal .message.right {
        margin-left: 50px; }
        .conversation-trail .message.right .panel:before,
        .document-conversation .message.right .panel:before,
        .message-in-modal .message.right .panel:before {
          right: -25px; } }
    .conversation-trail .message.my .panel-message,
    .document-conversation .message.my .panel-message,
    .message-in-modal .message.my .panel-message {
      background-color: #6eadd1;
      border-color: #6eadd1;
      color: white; }
      .conversation-trail .message.my .panel-message:before, .conversation-trail .message.my .panel-message:after,
      .document-conversation .message.my .panel-message:before,
      .document-conversation .message.my .panel-message:after,
      .message-in-modal .message.my .panel-message:before,
      .message-in-modal .message.my .panel-message:after {
        border-left-color: #6eadd1;
        border-bottom-color: #6eadd1; }
      .conversation-trail .message.my .panel-message a, .conversation-trail .message.my .panel-message .btn-link,
      .document-conversation .message.my .panel-message a,
      .document-conversation .message.my .panel-message .btn-link,
      .message-in-modal .message.my .panel-message a,
      .message-in-modal .message.my .panel-message .btn-link {
        color: white; }
      .conversation-trail .message.my .panel-message .grey,
      .document-conversation .message.my .panel-message .grey,
      .message-in-modal .message.my .panel-message .grey {
        color: #ddd; }
      .conversation-trail .message.my .panel-message hr,
      .document-conversation .message.my .panel-message hr,
      .message-in-modal .message.my .panel-message hr {
        border-color: #9CC6DD; }
    .conversation-trail .message.highlight:after,
    .document-conversation .message.highlight:after,
    .message-in-modal .message.highlight:after {
      content: "";
      position: absolute;
      right: 15px;
      top: -5px;
      width: 12px;
      height: 12px;
      background-color: #F8842A;
      border-radius: 50%; }
    .conversation-trail .message hr,
    .document-conversation .message hr,
    .message-in-modal .message hr {
      margin: 5px 0;
      border-color: #DDD; }
    .conversation-trail .message .date,
    .document-conversation .message .date,
    .message-in-modal .message .date {
      padding-top: 5px;
      padding-left: 15px;
      height: 20px;
      font-size: 11px;
      color: #BBB; }
      .conversation-trail .message .date .status i:not(:first-child),
      .document-conversation .message .date .status i:not(:first-child),
      .message-in-modal .message .date .status i:not(:first-child) {
        margin-left: -7px; }
      .conversation-trail .message .date .status.read,
      .document-conversation .message .date .status.read,
      .message-in-modal .message .date .status.read {
        color: #58B957; }
  .conversation-trail .message-buttons,
  .document-conversation .message-buttons,
  .message-in-modal .message-buttons {
    text-align: right;
    margin: 0 10px; }
  .conversation-trail ~ .help-block,
  .document-conversation ~ .help-block,
  .message-in-modal ~ .help-block {
    margin-left: 25px; }

.contractEditor .document-conversation .message.left {
  margin-right: 50px; }

.contractEditor .document-conversation .message.right {
  margin-left: 50px; }

.contractEditor .message-buttons {
  text-align: right;
  margin: 20px 10px 0 0; }

#match_message_preview .match_activity_message .message {
  margin-bottom: 10px; }

.panel .message.compose,
.modal .message.compose {
  background: #FFF; }

.modal.fullscreen .message.compose {
  background: #f9f9f9; }

.unread-messages .message .from {
  color: #999;
  font-size: 12px; }

.unread-messages .message:hover .from {
  color: #DDD; }

.chat-compose {
  border-radius: 15px;
  background-color: #f0f0f0;
  margin-bottom: 10px;
  font-size: 15px;
  position: relative; }
  .chat-compose:before, .chat-compose:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 12px solid transparent;
    bottom: 20px; }
  .chat-compose:before {
    border-bottom: 18px solid #f0f0f0;
    border-right: 16px solid transparent;
    right: -16px;
    bottom: 19px; }
  .chat-compose:after {
    border-bottom: 15px solid #f0f0f0;
    border-right: 13px solid transparent;
    right: -13px; }
  .chat-compose .signature-preview {
    padding: 15px; }
    .chat-compose .signature-preview .photo {
      width: 80px;
      margin-right: 15px; }
  .chat-compose .wysiwyg-editor .note-editor {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none; }
    .chat-compose .wysiwyg-editor .note-editor .note-editable {
      padding: 15px;
      font-size: 15px; }
      .chat-compose .wysiwyg-editor .note-editor .note-editable:active {
        background: #FFF; }
    .chat-compose .wysiwyg-editor .note-editor .note-editable, .chat-compose .wysiwyg-editor .note-editor .note-statusbar {
      background: none !important; }
  .chat-compose .wysiwyg-editor + .compose-icon {
    position: absolute;
    right: 10px;
    margin-top: -55px;
    background: #f0f0f0;
    opacity: 0.75;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    pointer-events: none;
    color: #999; }
    .chat-compose .wysiwyg-editor + .compose-icon i {
      font-size: 20px; }
  .chat-compose .wysiwyg-editor:hover + .compose-icon {
    color: #333; }
  .chat-compose .attachments {
    border-top: 1px #DDD solid;
    padding: 5px 0; }

.note-popover {
  background-color: #8DA4B3;
  border-color: #8DA4B3; }
  .note-popover.bottom > .arrow {
    border-bottom-color: #8DA4B3; }
    .note-popover.bottom > .arrow:after {
      border-bottom-color: #8DA4B3; }
  .note-popover .popover-content {
    padding: 0; }
    .note-popover .popover-content a {
      color: #FFF;
      margin-left: 5px; }
    .note-popover .popover-content .note-btn-group {
      margin-top: 0; }
      .note-popover .popover-content .note-btn-group:last-child {
        margin-right: 0; }
      .note-popover .popover-content .note-btn-group .note-btn, .note-popover .popover-content .note-btn-group .note-btn:focus {
        border-radius: 5px !important;
        background: #8DA4B3;
        border-color: #8DA4B3;
        color: #FFF; }
      .note-popover .popover-content .note-btn-group .note-btn:hover {
        color: #FFF;
        background-color: #5b7c8e; }

.messagebox .searchbox {
  margin-bottom: 20px; }

.messagebox .nav-stacked li:not(.active):not(:hover):after {
  content: ' ';
  position: absolute;
  width: calc(100% - 65px);
  height: 1px;
  left: 50px;
  bottom: 4px;
  background-color: #ddd; }

.messagebox .nav-stacked li .thumb {
  float: left;
  width: 25px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 25px;
  text-align: center; }

.messagebox .nav-stacked li .subject, .messagebox .nav-stacked li .last-messenger, .messagebox .nav-stacked li .last-message {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.messagebox .nav-stacked li .last-messenger {
  font-weight: bold; }

.messagebox .nav-stacked li .last-message .status {
  display: inline-block;
  padding-top: 2px;
  transform: scaleY(1.5);
  font-size: 80%; }
  .messagebox .nav-stacked li .last-message .status i:not(:first-child) {
    margin-left: -5px; }
  .messagebox .nav-stacked li .last-message .status.read {
    color: #58B957; }

.messagebox .nav-stacked li .pin {
  position: absolute;
  top: 1px;
  right: 8px;
  transform: rotate(25deg); }

.messagebox .assignments .assignment {
  width: 100%;
  left: 0;
  margin-bottom: 0; }
  .messagebox .assignments .assignment .title {
    padding: 5px; }
  .messagebox .assignments .assignment .deadline {
    width: 100%;
    left: 5px;
    margin-bottom: 0; }

.searchbox {
  position: relative; }
  .searchbox .close {
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 25px;
    font-weight: 400; }
  .searchbox .search-icon {
    position: absolute;
    color: #999;
    top: 12px;
    right: 10px;
    font-size: 18px; }
    .searchbox .search-icon:hover {
      color: #333; }
  .searchbox .form-control {
    border-radius: 40px;
    padding: 10px 35px 10px 20px;
    height: 45px; }
  .searchbox.advanced {
    position: relative;
    margin-bottom: 30px; }
    .searchbox.advanced:not(.center) {
      display: flex;
      justify-content: space-between; }
    .searchbox.advanced.center {
      padding: 0 100px; }
    .searchbox.advanced .right {
      position: relative;
      min-width: 400px;
      text-align: left; }
      .searchbox.advanced .right .icon-search {
        position: absolute;
        z-index: 2;
        color: #999;
        top: calc(50% - 8px);
        right: 15px;
        font-size: 18px;
        pointer-events: none; }
      .searchbox.advanced .right .spinner {
        position: absolute;
        z-index: 2;
        top: calc(50% - 8px);
        left: 20px;
        pointer-events: none; }
        .searchbox.advanced .right .spinner > div {
          background-color: #bbb; }
    .searchbox.advanced .ember-power-select-trigger {
      border-radius: 25px !important;
      padding: 10px 35px 10px 20px; }
    .searchbox.advanced .ember-power-select-status-icon {
      display: none; }
    .searchbox.advanced .ember-power-select-multiple-option {
      line-height: 17px;
      padding-bottom: 4px; }
      .searchbox.advanced .ember-power-select-multiple-option .ember-power-select-multiple-remove-btn {
        float: left;
        right: 0px; }
      .searchbox.advanced .ember-power-select-multiple-option .count {
        display: none; }
      .searchbox.advanced .ember-power-select-multiple-option .caption {
        font-size: 11px;
        line-height: 19px;
        margin-left: 12px;
        color: #999;
        display: block; }
      .searchbox.advanced .ember-power-select-multiple-option ~ .ember-power-select-trigger-multiple-input {
        margin-top: 10px; }

.version-notifier {
  position: fixed;
  z-index: 10000;
  width: 100%;
  background: #F8842A;
  border-bottom: #DDDDDD 2px solid;
  padding-top: 15px; }
  .version-notifier p {
    font-size: 20px;
    font-weight: 200;
    color: #fff; }
  .version-notifier .btn {
    color: #fff;
    border-color: #fff; }

#clock {
  position: relative;
  width: 105px;
  height: 105px;
  margin-left: 25%;
  background: url("/images/clockface.png");
  background-size: contain;
  list-style: none; }

.clock-smaller {
  width: 75px !important;
  height: 75px !important; }
  .clock-smaller-float {
    position: absolute !important;
    margin-left: 45% !important;
    margin-top: 30px; }

#sec, #min, #hour {
  position: absolute;
  width: 5px;
  height: 105px;
  top: 0px;
  left: 50px; }

.clock-smaller #sec, .clock-smaller #min, .clock-smaller #hour {
  left: 35px !important;
  height: 75px !important; }

@media (max-width: 500px) {
  #clock {
    width: 55px;
    height: 55px; }
  #sec, #min, #hour {
    left: 25px !important;
    height: 55px !important; } }

#sec {
  background: url("/images/sechand.png") no-repeat center;
  background-size: contain;
  z-index: 3;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

#min {
  background: url("/images/minhand.png") no-repeat center;
  background-size: contain;
  z-index: 2;
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  transform: rotate(300deg); }

#hour {
  background: url("/images/hourhand.png") no-repeat center;
  background-size: contain;
  z-index: 1;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg); }

.slideshow {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  background-position: center center;
  position: relative;
  z-index: 1; }
  .slideshow-inner {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center center;
    position: relative;
    z-index: 2; }
  .slideshow img {
    visibility: hidden;
    width: 100%; }

@media (max-width: 479px) {
  .slideshow .slideshow-inner {
    width: 250%;
    left: -60%; } }

.slideshow .hand-shake {
  background-image: url("/images/slideshow-hand-shake_small.jpg"); }

.slideshow .apple-orchard {
  background-image: url("/images/slideshow-apple-orchard_small.jpg"); }

.slideshow .woman-fired {
  background-image: url("/images/slideshow-woman-fired_small.jpg"); }

.slideshow .learning {
  background-image: url("/images/slideshow-learning_small.jpg"); }

.slideshow.hand-shake .slideshow-inner {
  background-image: url("/images/slideshow-hand-shake_medium.jpg"); }

.slideshow.apple-orchard .slideshow-inner {
  background-image: url("/images/slideshow-apple-orchard_medium.jpg"); }

.slideshow.woman-fired .slideshow-inner {
  background-image: url("/images/slideshow-woman-fired_medium.jpg"); }

.slideshow.learning .slideshow-inner {
  background-image: url("/images/slideshow-learning_medium.jpg"); }

@media only screen and (max-width: 1068px) {
  .slideshow.hand-shake .slideshow-inner {
    background-image: url("/images/slideshow-hand-shake_small.jpg"); }
  .slideshow.apple-orchard .slideshow-inner {
    background-image: url("/images/slideshow-apple-orchard_small.jpg"); }
  .slideshow.woman-fired .slideshow-inner {
    background-image: url("/images/slideshow-woman-fired_small.jpg"); }
  .slideshow.learning .slideshow-inner {
    background-image: url("/images/slideshow-learning_small.jpg"); } }

@media only screen and (min-width: 1500px) {
  .slideshow.hand-shake .slideshow-inner {
    background-image: url("/images/slideshow-hand-shake_large.jpg"); }
  .slideshow.apple-orchard .slideshow-inner {
    background-image: url("/images/slideshow-apple-orchard_large.jpg"); }
  .slideshow.woman-fired .slideshow-inner {
    background-image: url("/images/slideshow-woman-fired_large.jpg"); }
  .slideshow.learning .slideshow-inner {
    background-image: url("/images/slideshow-learning_large.jpg"); } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
  .slideshow.hand-shake .slideshow-inner {
    background-image: url("/images/slideshow-hand-shake_large.jpg"); }
  .slideshow.apple-orchard .slideshow-inner {
    background-image: url("/images/slideshow-apple-orchard_large.jpg"); }
  .slideshow.woman-fired .slideshow-inner {
    background-image: url("/images/slideshow-woman-fired_large.jpg"); }
  .slideshow.learning .slideshow-inner {
    background-image: url("/images/slideshow-learning_large.jpg"); } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 144) and (max-width: 1068px), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
  .slideshow.hand-shake .slideshow-inner {
    background-image: url("/images/slideshow-hand-shake_medium.jpg"); }
  .slideshow.apple-orchard .slideshow-inner {
    background-image: url("/images/slideshow-apple-orchard_medium.jpg"); }
  .slideshow.woman-fired .slideshow-inner {
    background-image: url("/images/slideshow-woman-fired_medium.jpg"); }
  .slideshow.learning .slideshow-inner {
    background-image: url("/images/slideshow-learning_medium.jpg"); } }

.usp {
  padding: 30px 20px 0px 20px;
  text-align: center;
  margin-bottom: 80px; }
  .usp h3 {
    color: #444; }
  .usp i {
    color: #444;
    font-size: 80px; }
  .usp .icon-channels-container {
    margin-bottom: 10px; }
  .usp .icon-desktop {
    font-size: 70px; }
  .usp .icon-tablet {
    margin-left: 5px;
    font-size: 50px; }
  .usp .icon-smart-phone {
    margin-left: 5px;
    font-size: 30px; }
  .usp .icon-euro-container {
    margin-bottom: 5px; }

@media (max-width: 479px) {
  .usp {
    margin-bottom: 0px; }
  .usp i {
    font-size: 60px; }
  .usp .icon-desktop {
    font-size: 60px;
    position: absolute;
    margin-top: -6px; }
  .usp .icon-tablet {
    margin-left: 5px;
    font-size: 30px; }
  .usp .icon-smart-phone {
    margin-left: -3px;
    font-size: 20px; } }

@media (max-width: 992px) {
  .usp {
    padding: 10px 0;
    margin-bottom: 30px; }
    .usp hr {
      margin-top: 0px;
      margin-bottom: 5px; }
    .usp h3 {
      margin-top: 0; }
    .usp i {
      font-size: 50px; }
    .usp .icon-desktop {
      font-size: 50px;
      position: absolute;
      margin-top: -6px; }
    .usp .icon-tablet {
      margin-left: 5px;
      font-size: 25px; }
    .usp .icon-smart-phone {
      margin-left: 0px;
      font-size: 18px; } }

@media (max-width: 1200px) {
  .usp .lead {
    font-size: 17px; } }

.introtext {
  padding-bottom: 30px;
  text-align: center; }
  .introtext .lead {
    margin-left: 100px;
    margin-right: 100px; }
  .introtext ul.dropdown-menu li a {
    font-size: 17px;
    padding: 7px 15px; }
  .introtext .jobsurfing-flow {
    margin-top: 50px;
    background: url("/images/jobsurfing-flow.jpg") no-repeat bottom center;
    background-size: 1775px;
    padding-bottom: 450px;
    margin-bottom: -100px; }

@media (max-width: 1200px) {
  .introtext.jobsurfing-flow {
    margin-top: 50px;
    background-size: 1400px;
    padding-bottom: 350px; } }

@media (max-width: 992px) {
  .introtext .lead {
    margin-left: 0px;
    margin-right: 0px; }
  .introtext .btn {
    font-size: 18px;
    padding: 10px 18px; } }

@media (max-width: 769px) {
  .introtext .btn {
    font-size: 15px;
    padding: 10px 18px; }
  .introtext .jobsurfing-flow {
    margin-top: 50px;
    background-size: 1100px;
    padding-bottom: 300px;
    margin-bottom: -40px; } }

@media (max-width: 479px) {
  .introtext.jobsurfing-flow {
    margin-top: 50px;
    background-size: 510px;
    padding-bottom: 140px;
    margin-bottom: 0px; } }

.cases img {
  border-radius: 5px; }

.cases .case {
  margin-bottom: 30px; }
  .cases .case.col-sm-12 {
    opacity: .4; }

.cases a:hover .case.col-sm-12 {
  opacity: .8; }

.cases a.active .case.col-sm-12 {
  opacity: 1; }

.cases:hover .case:not(.col-sm-12) {
  opacity: .8; }

.cases:hover a:hover .case:not(.col-sm-12) {
  opacity: 1; }

.cases .divider {
  border-right: 1px #DDDDDD solid; }
  .cases .divider a.active .case:before {
    content: "";
    display: inline-block;
    position: absolute;
    border: 40px solid black;
    border-color: transparent #DDDDDD transparent transparent;
    top: calc(50% - 40px);
    right: 0; }
  .cases .divider a.active .case:after {
    content: "";
    display: inline-block;
    position: absolute;
    border: 39px solid white;
    border-color: transparent white transparent transparent;
    top: calc(50% - 39px);
    right: -1px; }

.case-title {
  border-radius: 5px;
  padding: 20px 40px; }
  .case-title-content {
    padding: 40px; }

@media (max-width: 767px) {
  .cases.divider a.active .case:before {
    border-width: 20px;
    top: calc(50% - 20px); }
  .cases.divider a.active .case:after {
    border-width: 19px;
    top: calc(50% - 19px); }
  .case-title {
    margin-left: -5px;
    margin-right: -10px;
    padding: 10px 0px 10px 10px; }
    .case-title h1 {
      font-size: 20px;
      line-height: 25px; }
    .case-title h3 {
      font-size: 15px;
      line-height: 20px; }
    .case-title-content {
      margin-left: -5px;
      margin-right: -10px;
      padding: 10px 0px 10px 0px; }
      .case-title-content h2 {
        font-size: 20px;
        line-height: 25px; }
      .case-title-content ul {
        padding-left: 20px; } }

.presentation-screen {
  background: url("/images/presentation-screen.png") no-repeat top center;
  background-size: contain;
  width: 100%;
  height: 700px;
  padding-top: 48px; }
  .presentation-screen-container {
    margin: 0px auto;
    width: 600px;
    height: 400px;
    background: #FFF;
    overflow: hidden; }
    .presentation-screen-container .slide {
      zoom: .6;
      padding: 50px 20px 0 120px; }

.lead.explanation {
  margin-left: 230px; }

@media (max-width: 1200px) {
  .lead.explanation {
    margin-left: 130px; } }

@media (max-width: 992px) {
  .lead.explanation {
    margin-left: 30px; } }

.presentation-concept {
  width: 120%;
  margin-right: -35px; }
  .presentation-concept-cases, .presentation-concept-invest {
    width: 100%;
    margin-top: 20px;
    margin-left: -50px; }

.blend-on-image {
  position: absolute;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  width: 90%;
  text-align: center;
  margin-top: -170px; }
  .blend-on-image h2 {
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase; }
  .blend-on-image h3 {
    color: #FFF;
    font-weight: 500;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 0;
    padding-top: 0; }

@media (max-width: 767px) {
  .steps-container .col-xs-5 {
    padding: 0; }
  .case {
    padding-right: 5px;
    padding-left: 5px; }
  .blend-on-image {
    width: calc(100% - 10px);
    margin-top: -120px; }
    .blend-on-image .casedetail {
      margin-top: -80px; }
    .blend-on-image h2 {
      font-size: 20px;
      line-height: 25px;
      font-weight: 500;
      margin-top: 10px;
      margin-bottom: 0px; }
      .blend-on-image h2 .smaller {
        font-size: 15px;
        line-height: 20px; }
      .blend-on-image h2 .casedetail {
        font-size: 17px;
        line-height: 20px; }
    .blend-on-image h3 {
      font-size: 16px;
      line-height: 20px;
      font-weight: 300; }
      .blend-on-image h3 .casedetail {
        font-size: 14px;
        line-height: 17px; } }

@media (max-width: 479px) {
  .blend-on-image {
    margin-top: -70px; }
    .blend-on-image .casedetail {
      margin-top: -55px; }
    .blend-on-image h2 {
      font-size: 13px;
      line-height: 15px; }
      .blend-on-image h2 .smaller {
        font-size: 10px;
        line-height: 15px; }
    .blend-on-image h3 {
      font-size: 12px;
      line-height: 15px; } }

/* PLUGINS */
/* FANCYBOX */
.fancybox-nav span {
  font-size: 40px;
  color: #8CA4B4;
  background: #fff;
  height: 95px;
  padding-top: 26px;
  width: 50px; }
  .fancybox-nav span:hover {
    color: #7295AC; }

.fancybox-nav .fancybox-next span {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
  text-align: right;
  margin-right: -15px;
  padding-right: 13px;
  border-left: 1px #8CA4B4 solid; }

.fancybox-nav .fancybox-prev span {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  text-align: left;
  margin-left: -15px;
  padding-left: 13px;
  border-right: 1px #8CA4B4 solid; }

.fancybox-close {
  background: none;
  font-size: 16px;
  top: -9px;
  right: -10px;
  background: #fff;
  border-radius: 40px;
  text-align: center;
  padding-top: 7px;
  border-left: 1px #8CA4B4 solid;
  border-bottom: 1px #8CA4B4 solid; }

/* CAROUSEL */
.carousel-slogan {
  position: absolute;
  z-index: 1;
  top: calc(50% - 100px);
  transform: translateY(-50%);
  padding: 0 15%;
  margin: 0;
  width: 100%; }
  .carousel-slogan h1, .carousel-slogan h2, .carousel-slogan h3, .carousel-slogan p, .carousel-slogan a.lead {
    color: #FFF;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-slogan .logo {
    width: 130px; }
  .carousel-slogan h1 {
    font-size: 40px; }
  .carousel-slogan .lead {
    font-size: 20px; }
  .carousel-slogan .btn-primary {
    border: 2px #FFF solid;
    background-color: rgba(0, 0, 0, 0.3);
    font-weight: 400;
    color: #FFF; }
    .carousel-slogan .btn-primary:hover {
      background-color: #F88429; }
  .carousel-slogan .btn-link {
    color: #FFF; }
    .carousel-slogan .btn-link:hover {
      text-decoration: none;
      color: #FFF;
      border-color: #FFF; }
    .carousel-slogan .btn-link:focus {
      text-decoration: none;
      color: #FFF;
      border-color: #FFF; }

.carousel-control {
  font-size: 40px;
  padding: 37px 30px;
  top: auto; }

.carousel-indicators {
  bottom: 0px; }

.carousel-caption {
  right: 0;
  left: 0;
  padding-bottom: 30px;
  background-color: rgba(250, 132, 18, 0.9);
  width: 100%;
  bottom: 0; }
  .carousel-caption h1 {
    text-shadow: none;
    font-weight: 400;
    color: #FFF;
    font-size: 30px; }

.carousel-topmenu {
  position: absolute;
  z-index: 1000;
  width: 100%;
  text-align: right;
  padding: 20px; }
  .carousel-topmenu .btn-link {
    color: #FFF; }
    .carousel-topmenu .btn-link:hover {
      text-decoration: none;
      color: #FFF;
      border-color: #FFF; }
    .carousel-topmenu .btn-link:focus {
      text-decoration: none;
      color: #FFF;
      border-color: #FFF; }

@media (max-width: 1200px) {
  .carousel-slogan h1 {
    font-size: 40px; } }

@media (max-width: 992px) {
  .carousel-slogan {
    top: calc(50% - 50px); }
    .carousel-slogan h1 {
      font-size: 40px; }
  .carousel-caption {
    padding: 0 0 10px 0;
    height: 60px; }
    .carousel-caption h1 {
      font-size: 18px;
      line-height: 20px; }
  .carousel-control {
    font-size: 35px;
    padding: 5px 20px 5px 20px; }
  .carousel-indicators {
    display: none; } }

@media (max-width: 992px) {
  .carousel-topmenu {
    position: relative; }
    .carousel-topmenu .btn-link {
      color: #333;
      padding: 5px 5px; }
  .carousel-slogan {
    position: relative;
    margin-top: 30px;
    margin-bottom: 0px;
    text-align: left;
    z-index: 3; }
    .carousel-slogan .btn-link {
      color: #333;
      padding: 5px 5px; }
    .carousel-slogan h1, .carousel-slogan h2, .carousel-slogan h3, .carousel-slogan p, .carousel-slogan a.lead {
      font-weight: 500; }
    .carousel-slogan .logo {
      margin-top: -120px; }
    .carousel-slogan h1 {
      font-size: 35px;
      margin-left: 10px; }
    .carousel-slogan a.lead {
      font-size: 18px;
      margin-left: 10px; }
    .carousel-slogan .buttons {
      text-align: center;
      position: absolute;
      width: 100%;
      margin-top: 80px; }
      .carousel-slogan .buttons .btn-lg, .carousel-slogan .buttons .btn-group-lg > .btn {
        font-size: 18px; }
  .carousel-caption h1 {
    font-size: 22px; } }

@media (max-width: 767px) {
  .carousel-slogan h1, .carousel-slogan h2, .carousel-slogan h3, .carousel-slogan p, .carousel-slogan a.lead {
    font-weight: 400; }
  .carousel-slogan .buttons {
    margin-top: 30px; }
    .carousel-slogan .buttons .btn-lg, .carousel-slogan .buttons .btn-group-lg > .btn {
      font-size: 15px; }
  .carousel-slogan h1 {
    font-size: 30px; }
  .carousel-slogan a.lead {
    font-size: 13px; }
  .carousel-caption h1 {
    font-size: 20px; } }

@media (max-width: 479px) {
  .carousel-slogan .buttons {
    margin-top: 60px; }
  .carousel-caption h1 {
    font-size: 15px; } }

.pswp__button--share {
  display: none; }

.topmenu {
  text-align: right;
  padding: 10px 15px;
  background: #fff; }
  .topmenu .welcome-mssg {
    color: #555;
    display: inline-block;
    padding: 6px 12px;
    font-size: 16px;
    position: relative;
    top: 2px; }

.homepage .important {
  background: #F8842A;
  padding-top: 10px; }
  .homepage .important a:hover {
    text-decoration: none; }
  .homepage .important i[class^="icon"] {
    color: #fff;
    font-size: 40px;
    position: relative;
    float: left;
    top: 15px;
    margin-right: 10px; }
  .homepage .important h2, .homepage .important h3 {
    color: #fff;
    font-weight: 400; }
  .homepage .important .lead {
    color: #fff; }
  @media (max-width: 767px) {
    .homepage .important i[class^="icon"] {
      top: 25px;
      margin-bottom: 20px; } }

@keyframes flamePulses {
  0% {
    opacity: 0.9; }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 0.9; } }

.homepage .cover {
  background-image: url("/images/cover-background.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  width: 100%;
  height: auto;
  position: relative; }
  .homepage .cover .comb {
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    margin: 0 -30px; }
    .homepage .cover .comb .row {
      text-align: center;
      margin: 0;
      margin-bottom: -24px;
      line-height: 0; }
      .homepage .cover .comb .row .cell {
        width: 200px;
        height: 200px;
        display: inline-block;
        position: relative;
        text-align: center; }
        .homepage .cover .comb .row .cell::before {
          content: '';
          position: absolute;
          background-image: url("/images/cover-comb-cell-shape.png");
          background-repeat: no-repeat;
          background-position: middle center;
          background-size: cover;
          opacity: 0.3;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          filter: grayscale(100%);
          transition: filter 0.4s ease; }
        .homepage .cover .comb .row .cell .stroke {
          position: absolute;
          width: calc(100% + 32px);
          height: calc(100% + 32px);
          left: -15px;
          top: -16px;
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(101%) contrast(105%);
          z-index: 3;
          opacity: 0.5;
          transition: filter 0.4s ease; }
        .homepage .cover .comb .row .cell .dot {
          position: absolute;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: #fff;
          z-index: 4; }
          .homepage .cover .comb .row .cell .dot.bottom {
            bottom: -20px;
            margin-left: 2px; }
          .homepage .cover .comb .row .cell .dot.bottom-right {
            bottom: 31px;
            right: -2px; }
          .homepage .cover .comb .row .cell .dot.top {
            top: -19px;
            margin-left: 2px; }
          .homepage .cover .comb .row .cell .dot.top-right {
            top: 31px;
            right: -2px; }
          .homepage .cover .comb .row .cell .dot.top-left {
            top: 46px;
            left: -7px; }
          .homepage .cover .comb .row .cell .dot.bottom-left {
            bottom: 46px;
            left: -7px; }
        .homepage .cover .comb .row .cell.company::before {
          background-image: url("/images/cover-comb-cell-company.png");
          opacity: 1; }
        .homepage .cover .comb .row .cell.student::before {
          background-image: url("/images/cover-comb-cell-student.png");
          opacity: 1; }
        .homepage .cover .comb .row .cell.student .stroke {
          transform: rotate(-120deg); }
        .homepage .cover .comb .row .cell.school::before {
          background-image: url("/images/cover-comb-cell-school.png");
          opacity: 1; }
        .homepage .cover .comb .row .cell.school .stroke {
          transform: rotate(120deg); }
        .homepage .cover .comb .row .cell.jobsurfing::before {
          opacity: 0.75; }
        .homepage .cover .comb .row .cell.jobsurfing .noline {
          position: absolute;
          background-image: url("/images/cover-comb-cell-logo-noline.png");
          background-size: cover;
          width: 100%;
          height: 100%; }
        .homepage .cover .comb .row .cell.jobsurfing .logo {
          vertical-align: initial;
          height: 100%;
          position: relative;
          z-index: 10;
          opacity: 0; }
        .homepage .cover .comb .row .cell.jobsurfing .stroke {
          z-index: 2;
          filter: invert(73%) sepia(47%) saturate(5189%) hue-rotate(342deg) brightness(100%) contrast(95%);
          opacity: 1; }
          .homepage .cover .comb .row .cell.jobsurfing .stroke.opposite {
            filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(101%) contrast(105%);
            opacity: 0.5;
            z-index: 1; }
        .homepage .cover .comb .row .cell.jobsurfing.school-is-active .stroke {
          transform: rotate(0deg); }
          .homepage .cover .comb .row .cell.jobsurfing.school-is-active .stroke.opposite {
            transform: rotate(180deg); }
        .homepage .cover .comb .row .cell.jobsurfing.student-is-active .stroke {
          transform: rotate(120deg); }
          .homepage .cover .comb .row .cell.jobsurfing.student-is-active .stroke.opposite {
            transform: rotate(-60deg); }
        .homepage .cover .comb .row .cell.jobsurfing.company-is-active .stroke {
          transform: rotate(-120deg); }
          .homepage .cover .comb .row .cell.jobsurfing.company-is-active .stroke.opposite {
            transform: rotate(60deg); }
        .homepage .cover .comb .row .cell.jobsurfing.seeker-is-active .stroke {
          display: none; }
        .homepage .cover .comb .row .cell.active .stroke {
          filter: invert(73%) sepia(47%) saturate(5189%) hue-rotate(342deg) brightness(100%) contrast(95%);
          opacity: 1; }
        .homepage .cover .comb .row .cell.active .dot {
          background-color: #F8842A;
          opacity: 1; }
        .homepage .cover .comb .row .cell.zoom {
          cursor: pointer; }
        .homepage .cover .comb .row .cell.zoom::before {
          transition: all 0.3s ease; }
        .homepage .cover .comb .row .cell.active.zoom::before {
          filter: grayscale(0%);
          top: -15px;
          left: -15px;
          width: calc(100% + 32px);
          height: calc(100% + 32px); }
  .homepage .cover .nav-pills {
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 50px;
    display: inline-block;
    margin: 20px 0; }
    .homepage .cover .nav-pills > li {
      border-radius: 50px;
      background-color: transparent;
      margin: 0 5px; }
      .homepage .cover .nav-pills > li:first-child {
        margin-left: 0; }
      .homepage .cover .nav-pills > li:last-child {
        margin-right: 0; }
      .homepage .cover .nav-pills > li > a {
        border-radius: 50px;
        color: #FFF;
        font-family: "raleway", Arial, sans-serif;
        font-weight: 600;
        font-size: 25px;
        padding: 15px 35px; }
      .homepage .cover .nav-pills > li:hover > a,
      .homepage .cover .nav-pills > li.focus > a {
        background-color: rgba(255, 255, 255, 0.25); }
      .homepage .cover .nav-pills > li.active:before {
        background-color: #F8842A;
        margin-top: -28px;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        border-radius: 5px; }
      .homepage .cover .nav-pills > li.active > a {
        background-color: #F8842A; }

@keyframes blinkingCursor {
  0% {
    opacity: 0; } }
  .homepage .cover .welcome-blurb {
    font-weight: 500;
    font-size: 45px;
    font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
    text-transform: lowercase;
    text-align: right;
    color: #FFF;
    margin-top: 130px;
    margin-right: 20px;
    min-height: 130px; }
    .homepage .cover .welcome-blurb.typing::after {
      content: '';
      position: absolute;
      width: 2px;
      height: 45px;
      background-color: #FFF;
      animation: blinkingCursor 1.1s steps(2) infinite; }
    .homepage .cover .welcome-blurb big {
      font-size: 1.4em;
      font-style: normal;
      font-weight: 200; }

@media (max-width: 2000px) and (max-height: 900px) {
  .homepage .cover .comb {
    zoom: 0.8; }
  .homepage .cover .nav-pills > li > a {
    font-size: 20px; } }

@media (max-width: 1200px) {
  .homepage .topmenu {
    padding-top: 5px;
    padding-bottom: 5px; }
  .homepage .cover .comb {
    zoom: 0.8; }
  .homepage .cover .nav-pills > li > a {
    font-size: 20px; } }

@media (max-width: 1200px) and (max-height: 700px) {
  .homepage .cover .comb {
    zoom: 0.7; } }

@media (max-width: 992px) {
  .homepage .cover .comb {
    zoom: 0.7; }
  .homepage .cover .welcome-blurb {
    margin-top: 50px; } }

@media (max-width: 767px) {
  .homepage .cover .welcome-blurb {
    font-size: 40px;
    min-height: 120px; }
    .homepage .cover .welcome-blurb.typing::after {
      height: 40px; }
  .homepage .cover .comb {
    zoom: 0.62; }
    .homepage .cover .comb .row {
      margin: -20px; }
  .homepage .cover .nav-pills > li {
    margin: 0; }
    .homepage .cover .nav-pills > li > a {
      font-size: 15px;
      padding: 13px 15px; } }

@media (max-width: 375px) {
  .homepage .cover .comb {
    zoom: 0.55; }
  .homepage .cover .nav-pills > li > a {
    font-size: 14px;
    padding: 13px 13px; } }

.homepage .cover-old {
  background-image: url("/images/jobsurfing-cover.jpg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  width: 100%;
  height: 1500px;
  position: relative; }
  .homepage .cover-old .logo {
    position: relative;
    display: block;
    margin-left: 80px;
    margin-top: 80px;
    width: 500px; }
    .homepage .cover-old .logo img {
      width: 140px; }
    .homepage .cover-old .logo .tagline {
      position: absolute;
      left: 140px;
      top: 55px;
      text-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
      font-size: 22px; }
  .homepage .cover-old .tagline {
    display: block;
    margin-top: 100px;
    margin-left: 80px;
    text-align: center;
    width: 450px;
    font-weight: 300;
    font-size: 45px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    text-transform: lowercase;
    color: #52A4C1;
    color: #859fb0; }
    .homepage .cover-old .tagline big {
      font-size: 1.4em;
      font-style: normal;
      font-weight: 200; }
  .homepage .cover-old .logo {
    margin-top: 400px;
    text-align: center;
    width: 450px; }
  .homepage .cover-old .tagline {
    margin-top: 40px; }
  @media (max-width: 2800px) {
    .homepage .cover-old {
      height: 1200px; }
      .homepage .cover-old .logo {
        margin-top: 300px; } }
  @media (max-width: 2000px) {
    .homepage .cover-old {
      height: 850px; }
      .homepage .cover-old .logo {
        margin-top: 200px; } }
  @media (max-width: 2000px) and (max-height: 900px) {
    .homepage .cover-old {
      height: 700px; }
      .homepage .cover-old .logo {
        margin-top: 150px; } }
  @media (max-width: 1200px) {
    .homepage .cover-old {
      height: 700px; }
      .homepage .cover-old .logo {
        margin-top: 120px;
        margin-left: 10px; }
      .homepage .cover-old .tagline {
        margin-left: 0px; } }
  @media (max-width: 1200px) and (max-height: 700px) {
    .homepage .cover-old {
      height: 550px; }
      .homepage .cover-old .logo {
        margin-top: 40px; }
      .homepage .cover-old .tagline {
        font-size: 35px;
        line-height: 40px; } }
  @media (max-width: 992px) {
    .homepage .cover-old .tagline {
      width: 350px; }
    .homepage .cover-old .logo {
      margin-top: 120px;
      margin-left: 0px;
      width: 350px; } }
  @media (max-width: 767px) {
    .homepage .cover-old {
      height: 270px; }
      .homepage .cover-old .logo {
        margin-top: 20px;
        margin-left: 10px;
        width: 80%; }
        .homepage .cover-old .logo img {
          width: 80px;
          margin-left: 30px; }
        .homepage .cover-old .logo .tagline {
          left: 0;
          top: 100px;
          font-size: 14px; }
      .homepage .cover-old .logo {
        margin-top: 20px;
        margin-left: 0;
        width: 50%; }
        .homepage .cover-old .logo img {
          margin-left: 0; }
      .homepage .cover-old .tagline {
        width: 50%;
        margin-top: 15px;
        margin-left: 0;
        font-size: 20px;
        line-height: 20px; } }

.homepage .userstories-old {
  margin-top: -70px;
  margin-left: 0px; }
  .homepage .userstories-old .story {
    width: 200px;
    float: left;
    position: relative; }
    .homepage .userstories-old .story.story-1 {
      top: 20px;
      z-index: 2; }
    .homepage .userstories-old .story.story-2 {
      top: 50px;
      left: -15px;
      z-index: 3; }
    .homepage .userstories-old .story.story-3 {
      left: -35px;
      z-index: 1; }
    .homepage .userstories-old .story .quote {
      display: block;
      border-radius: 10px;
      padding: 15px 20px 20px 30px;
      background: #fff;
      box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
      font-size: 15px;
      font-weight: 300; }
    .homepage .userstories-old .story .by {
      color: #bbb;
      margin-top: 10px;
      margin-left: 30px;
      font-size: 12px; }
      .homepage .userstories-old .story .by:before {
        content: '-';
        width: 10px;
        position: absolute;
        margin-left: -10px; }
  @media (max-width: 1200px) {
    .homepage .userstories-old {
      margin-left: 0; } }
  @media (max-width: 767px) {
    .homepage .userstories-old {
      margin-left: 0;
      margin-top: 0; }
      .homepage .userstories-old .story {
        width: 50%; }
        .homepage .userstories-old .story .quote {
          font-size: 12px; }
        .homepage .userstories-old .story .by {
          font-size: 10px; }
        .homepage .userstories-old .story.story-2 {
          top: 30px; }
        .homepage .userstories-old .story.story-3 {
          top: -30px;
          left: -5px;
          z-index: 4; } }

.homepage .welcome-blurb-old {
  margin-top: 250px;
  margin-right: 40px;
  text-align: right; }
  .homepage .welcome-blurb-old h2 {
    color: #333;
    font-size: 22px;
    line-height: 45px; }
    .homepage .welcome-blurb-old h2 .badge {
      color: #fff;
      text-transform: uppercase;
      font-size: 21px;
      font-weight: 400;
      padding: 10px;
      border-radius: 5px; }
    .homepage .welcome-blurb-old h2 mark {
      background: none;
      padding: 0 2px; }
      .homepage .welcome-blurb-old h2 mark.lg {
        font-size: 2em; }
      .homepage .welcome-blurb-old h2 mark.md {
        font-size: 1.5em; }
  .homepage .welcome-blurb-old .help {
    margin-top: 20px;
    text-align: right;
    margin-right: 5px;
    font-size: 22px; }
    .homepage .welcome-blurb-old .help i {
      font-size: 40px;
      float: right;
      margin: -10px 20px 0 5px; }
  @media (max-width: 1200px) {
    .homepage .welcome-blurb-old {
      margin-top: 300px; } }
  @media (max-width: 767px) {
    .homepage .welcome-blurb-old {
      clear: left;
      margin-right: 0px; }
      .homepage .welcome-blurb-old h2 {
        font-size: 13px;
        font-weight: 400;
        line-height: 30px; }
        .homepage .welcome-blurb-old h2 .badge {
          font-size: 15px; }
      .homepage .welcome-blurb-old .help {
        font-size: 15px; } }

.homepage .jobsurfing-flow-full {
  margin-top: 0px;
  background: url("/images/jobsurfing-flow-full.jpg") no-repeat bottom center;
  background-size: 1775px;
  height: 650px; }
  @media (max-width: 767px) {
    .homepage .jobsurfing-flow-full {
      height: 350px;
      background-size: 300%; } }

.homepage .headline {
  margin-top: 100px;
  text-align: center; }
  .homepage .headline .advertisement {
    max-width: 800px;
    border: 3px #FFF solid; }
    .homepage .headline .advertisement:hover {
      border-color: #859fb0; }
    .homepage .headline .advertisement img {
      float: right;
      width: 300px; }
      @media (max-width: 767px) {
        .homepage .headline .advertisement img {
          width: 100%;
          margin-bottom: 10px;
          float: none; } }

.homepage .statements .statement {
  width: 490px;
  margin: 150px auto 100px auto;
  text-align: center; }
  .homepage .statements .statement .quote {
    display: block;
    font-size: 28px;
    font-weight: 300;
    font-style: normal; }
  .homepage .statements .statement .by {
    margin-top: 10px;
    color: #bbb;
    margin-left: 30px;
    font-size: 14px; }
    .homepage .statements .statement .by:before {
      content: '-';
      width: 10px;
      position: absolute;
      margin-left: -10px; }
  @media (max-width: 1200px) {
    .homepage .statements .statement .quote {
      font-size: 25px; } }
  @media (max-width: 992px) {
    .homepage .statements .statement {
      width: 400px; }
      .homepage .statements .statement .quote {
        font-size: 20px; } }
  @media (max-width: 767px) {
    .homepage .statements .statement {
      margin-top: 100px;
      margin-bottom: 50px;
      width: 100%; }
      .homepage .statements .statement .quote {
        font-size: 18px; } }

.homepage .usps .white-container {
  background: #fff;
  padding: 0 0 160px 0;
  border-bottom: 1px #ddd solid;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.025); }

.homepage .usps .logo {
  position: relative;
  z-index: 2;
  width: 80px;
  margin-bottom: -45px; }

.homepage .usps .arrow-right {
  position: absolute;
  z-index: 3;
  font-size: 100px;
  right: 20px;
  margin-top: 280px;
  color: #fff;
  opacity: 0.5;
  cursor: pointer; }
  .homepage .usps .arrow-right:hover {
    opacity: 1;
    text-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }

.homepage .usps .swiper-container {
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.025); }

.homepage .usps .section {
  position: relative;
  border-top: 3px #F8842A solid;
  margin: 0 auto;
  width: 100%;
  height: 750px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .homepage .usps .section .blurb h3 {
    font-size: 40px;
    color: #333;
    margin-bottom: 20px; }
  .homepage .usps .section .blurb p {
    font-size: 20px; }
  .homepage .usps .section.motivation {
    background-image: url("/images/usp-jobsurfing-motivationscan.jpg"); }
    .homepage .usps .section.motivation .blurb {
      position: absolute;
      margin-top: 20px;
      right: 150px;
      width: 400px;
      text-align: right; }
  .homepage .usps .section.matching {
    background-image: url("/images/usp-jobsurfing-matching.jpg"); }
    .homepage .usps .section.matching .blurb {
      position: absolute;
      width: 300px;
      text-align: left;
      margin-top: 120px;
      left: 50px; }
  .homepage .usps .section.network {
    background-image: url("/images/usp-jobsurfing-network.jpg");
    text-align: center; }
    .homepage .usps .section.network .blurb {
      display: inline-block;
      width: 400px;
      text-align: center;
      margin-top: 180px; }
  .homepage .usps .section.digitalisation {
    background-image: url("/images/usp-jobsurfing-digitalisation.jpg"); }
    .homepage .usps .section.digitalisation .blurb {
      position: absolute;
      width: 350px;
      text-align: left;
      margin-top: 50px;
      left: 120px; }

.homepage .usps .nav-container {
  margin: 20px 200px;
  position: relative;
  z-index: 1; }
  .homepage .usps .nav-container:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #859fb0;
    border-radius: 10px;
    position: absolute;
    left: 0;
    margin-top: -10px; }

.homepage .usps .nav-tabs {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  border: none;
  text-align: center;
  padding-bottom: 10px; }
  .homepage .usps .nav-tabs li {
    font-size: 22px;
    padding: 5px 20px; }
    .homepage .usps .nav-tabs li a {
      color: #999;
      background: none;
      border: none; }
      .homepage .usps .nav-tabs li a:hover {
        color: #555; }
    .homepage .usps .nav-tabs li.active a {
      color: #333; }
    .homepage .usps .nav-tabs li.active:after {
      content: '';
      position: absolute;
      margin-top: -4px;
      margin-left: -8px;
      width: 20px;
      height: 20px;
      background: #F8842A;
      border-radius: 20px;
      border: 3px #eff5f8 solid; }

@media (min-width: 1400px) {
  .homepage .usps .swiper-container {
    width: 1400px; }
  .homepage .usps .arrow-right {
    right: 50px; } }

@media (max-width: 1200px) {
  .homepage .usps .nav-container {
    margin-left: 100px;
    margin-right: 100px; } }

@media (max-width: 992px) {
  .homepage .usps .arrow-right {
    margin-top: 210px; }
  .homepage .usps .section {
    height: 600px; }
    .homepage .usps .section .blurb h3 {
      line-height: 35px; }
    .homepage .usps .section.motivation .blurb {
      right: 30px; }
    .homepage .usps .section.matching .blurb {
      left: 30px; }
    .homepage .usps .section.digitalisation .blurb {
      left: 50px; }
  .homepage .usps .nav-container {
    margin-left: 0px;
    margin-right: 0px; }
    .homepage .usps .nav-container li {
      font-size: 20px; } }

@media (max-width: 767px) {
  .homepage .usps .logo {
    width: 60px;
    margin-bottom: -34px; }
  .homepage .usps .arrow-right {
    display: none; }
  .homepage .usps .section {
    border-top: 2px #F8842A solid;
    height: 320px;
    background-position: top center;
    background-size: contain; }
    .homepage .usps .section .blurb {
      top: 130px;
      position: relative;
      width: 100% !important;
      left: 0 !important;
      bottom: 0 !important;
      margin: 0 !important;
      padding: 20px;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 60%, white 100%); }
      .homepage .usps .section .blurb h3 {
        font-size: 30px;
        line-height: 30px; }
      .homepage .usps .section .blurb p {
        font-size: 16px; }
    .homepage .usps .section.digitalisation .blurb {
      text-align: right; }
  .homepage .usps .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    display: -moz-box;
    display: -webkit-box; }
    .homepage .usps .nav-tabs li {
      font-size: 15px;
      float: none;
      padding: 5px 5px; } }

.homepage .how-it-works h2 {
  font-size: 35px;
  font-weight: 400; }

.homepage .how-it-works .nav-tabs {
  margin-top: -40px; }
  .homepage .how-it-works .nav-tabs li {
    font-weight: 400;
    font-size: 20px; }
    .homepage .how-it-works .nav-tabs li a {
      border-radius: 10px 10px 0 0;
      padding: 15px 30px; }

.homepage .how-it-works .white-container {
  padding: 80px 0; }

.homepage .how-it-works p {
  font-size: 20px;
  text-align: center; }

.homepage .how-it-works .goal {
  font-family: "Raleway", Arial, sans-serif;
  margin-top: 230px;
  margin-bottom: 100px;
  font-size: 25px;
  line-height: 45px; }
  .homepage .how-it-works .goal mark {
    background: none;
    padding: 0 2px; }
    .homepage .how-it-works .goal mark.lg {
      font-size: 2em;
      font-weight: 400; }
    .homepage .how-it-works .goal mark.md {
      font-size: 1.5em; }

.homepage .how-it-works .steps {
  text-align: center; }
  .homepage .how-it-works .steps i {
    font-size: 70px; }
  .homepage .how-it-works .steps p {
    margin-top: 20px;
    text-align: center; }
  .homepage .how-it-works .steps strike {
    color: #999; }
  .homepage .how-it-works .steps .col-sm-4 p {
    padding: 0 50px; }
    .homepage .how-it-works .steps .col-sm-4 p-3 p {
      padding: 0 20px; }
  .homepage .how-it-works .steps .soon {
    color: #999; }
    .homepage .how-it-works .steps .soon i {
      opacity: 0.2; }
    .homepage .how-it-works .steps .soon:before {
      content: 'In ontwikkeling!';
      position: absolute;
      transform: rotate(-10deg);
      font-family: 'Indie Flower', cursive;
      font-size: 35px;
      text-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
      opacity: 0.3;
      margin-top: 10px;
      margin-left: 45px; }
  .homepage .how-it-works .steps .col-sm-4 .soon:before {
    margin-left: 80px; }
  .homepage .how-it-works .steps .help {
    position: absolute;
    left: 130px;
    width: 500px;
    text-align: left; }
    .homepage .how-it-works .steps .help i {
      font-size: 40px;
      float: left;
      margin: -10px 5px 0 5px; }

.homepage .how-it-works .links {
  padding: 30px 200px; }
  .homepage .how-it-works .links i {
    color: #999;
    margin-left: 5px;
    font-size: 28px;
    position: relative;
    bottom: -3px; }

.homepage .how-it-works .content-block {
  margin-bottom: 80px;
  border-bottom: 1px #DDD solid;
  padding-bottom: 80px; }
  .homepage .how-it-works .content-block .catch-frase {
    margin-top: 100px;
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 1.1em;
    color: #333; }
  .homepage .how-it-works .content-block p, .homepage .how-it-works .content-block ul {
    font-size: 18px;
    line-height: 1.5em;
    text-align: left; }
    .homepage .how-it-works .content-block p strong, .homepage .how-it-works .content-block ul strong {
      font-size: 1.1em; }
  .homepage .how-it-works .content-block .int-link {
    display: inline-block;
    max-width: 250px; }
    .homepage .how-it-works .content-block .int-link i {
      vertical-align: middle;
      float: left;
      font-size: 1.8em;
      margin-right: 8px;
      margin-top: 5px; }
  .homepage .how-it-works .content-block .help-block {
    font-size: 14px;
    line-height: 22px; }
  .homepage .how-it-works .content-block .left-block {
    padding-right: 30px; }
  .homepage .how-it-works .content-block .right-block {
    margin-left: -30px; }
  .homepage .how-it-works .content-block .pull-down {
    margin-top: 100px; }
  .homepage .how-it-works .content-block .logo-block {
    position: relative;
    top: 30px;
    left: -50px; }
  .homepage .how-it-works .content-block ul.bullet-line {
    list-style-type: none;
    overflow: hidden; }
    .homepage .how-it-works .content-block ul.bullet-line > li {
      position: relative;
      margin-top: 10px;
      padding-bottom: 10px; }
      .homepage .how-it-works .content-block ul.bullet-line > li:before {
        content: "";
        width: 4px;
        position: absolute;
        height: 150px;
        left: 0;
        margin-left: -27px;
        background: #859fb0; }
      .homepage .how-it-works .content-block ul.bullet-line > li:after {
        width: 20px;
        height: 20px;
        background: #F8842A;
        border-radius: 10px;
        border: 4px #FFF solid;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 8px;
        margin-left: -35px; }

.homepage .how-it-works .call-to-action {
  margin-top: -34px;
  text-align: center; }
  .homepage .how-it-works .call-to-action span {
    color: #999;
    padding: 0 20px; }

@media (max-width: 1200px) {
  .homepage .how-it-works .logo-block {
    margin-top: 100px; } }

@media (max-width: 992px) {
  .homepage .how-it-works .logo-block {
    margin-top: 100px; } }

@media (max-width: 767px) {
  .homepage .how-it-works h2 {
    text-align: center; }
  .homepage .how-it-works p {
    font-size: 18px; }
  .homepage .how-it-works .goal {
    margin-top: 120px;
    margin-bottom: 80px; }
  .homepage .how-it-works .steps i {
    font-size: 50px; }
  .homepage .how-it-works .steps p {
    text-align: left;
    margin-top: 0;
    margin-bottom: 50px;
    padding: 0px !important; }
  .homepage .how-it-works .steps .help {
    left: 35px;
    margin-top: -30px;
    width: auto; }
  .homepage .how-it-works .links {
    padding: 0; }
  .homepage .how-it-works .nav-tabs {
    border-bottom: none;
    margin-top: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -moz-box; }
    .homepage .how-it-works .nav-tabs li {
      font-size: 15px;
      float: none; }
      .homepage .how-it-works .nav-tabs li a {
        padding: 10px 15px; }
  .homepage .how-it-works .content-block .catch-frase {
    margin-top: 0px; }
  .homepage .how-it-works .content-block .left-block {
    padding: 0 20px 50px 20px; }
  .homepage .how-it-works .content-block .right-block {
    margin-left: 0px;
    padding-right: 20px; }
  .homepage .how-it-works .content-block .logo-block {
    left: 0;
    top: -20px;
    margin-bottom: 20px; }
  .homepage .how-it-works .content-block .pull-down {
    margin-top: 20px; }
  .homepage .how-it-works .call-to-action {
    margin-top: -50px; }
    .homepage .how-it-works .call-to-action .btn-big {
      font-size: 20px;
      font-weight: 400; } }

.homepage .map {
  position: relative;
  padding-top: 80px;
  padding-bottom: 200px;
  color: #555;
  background-image: url("https://repo.jobsurfing.nl/images/heatmap-jobsurfing-netherlands-1500.jpg");
  background-size: 75%;
  background-repeat: no-repeat;
  margin-bottom: 50px; }
  .homepage .map h2 {
    color: #bbb;
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 30px; }
  .homepage .map .zoom {
    width: 100%;
    padding-top: 20px;
    padding-left: 60px;
    padding-bottom: 480px;
    display: block;
    background-color: transparent;
    cursor: pointer; }
    .homepage .map .zoom i {
      font-size: 60px;
      color: #BBB;
      opacity: 0.3; }
    .homepage .map .zoom:hover i {
      opacity: 0.8; }
    .homepage .map .zoom img {
      display: none; }
  .homepage .map .stats {
    margin-top: 140px; }
    .homepage .map .stats .stat {
      padding: 0 0 3px 10px;
      height: 120px;
      border: 1px #eff5f8 solid; }
      .homepage .map .stats .stat big {
        font-size: 32px;
        margin-top: 20px;
        display: block;
        font-weight: 300; }
      .homepage .map .stats .stat small {
        font-size: 15px; }
      .homepage .map .stats .stat big {
        position: relative; }
        .homepage .map .stats .stat big:before {
          position: absolute;
          content: '';
          width: 13px;
          height: 13px;
          border-radius: 50%;
          top: 18px;
          left: -25px;
          opacity: 0.8; }
      .homepage .map .stats .stat.candidates big:before {
        background-color: #DF7E31; }
      .homepage .map .stats .stat.schools big:before {
        background-color: #FFF;
        border: 1px #476D93 solid; }
      .homepage .map .stats .stat.organisations big:before {
        background-color: #4AA038; }
      .homepage .map .stats .stat.small {
        padding-top: 5px; }
        .homepage .map .stats .stat.small big {
          font-size: 26px; }
          .homepage .map .stats .stat.small big:before {
            top: 14px; }
  .homepage .map .members {
    padding-top: 200px;
    margin-bottom: -100px; }
    .homepage .map .members h2 {
      text-align: center; }
    .homepage .map .members .logo-carousel {
      list-style-type: none; }
      .homepage .map .members .logo-carousel .logo {
        width: 100px;
        height: 105px;
        display: inline-block; }
        .homepage .map .members .logo-carousel .logo .img {
          background-color: #FFF;
          padding: 5px; }
      @media (max-width: 767px) {
        .homepage .map .members .logo-carousel .logo {
          height: 120px; } }
  @media (max-width: 767px) {
    .homepage .map {
      background-size: 500px;
      background-position-x: center;
      padding-top: 300px;
      padding-bottom: 50px;
      margin-bottom: 0px; }
      .homepage .map:before {
        display: none; }
      .homepage .map .zoom {
        display: none; }
      .homepage .map .stats h2 {
        text-align: center;
        font-size: 25px; }
      .homepage .map .stats .stat {
        margin-left: 20px; } }
  @media (min-width: 1400px) {
    .homepage .map {
      background-size: 1050px;
      background-position-x: calc(50% - 180px); }
      .homepage .map:before {
        content: '';
        position: absolute;
        width: calc(50% - 705px);
        height: 734px;
        left: 0;
        top: 0;
        background-color: #D0E5E8;
        border-bottom: 1px #CCC solid; }
      .homepage .map .stats {
        min-height: 500px; } }
  @media (min-width: 2000px) {
    .homepage .map .stats {
      min-height: 800px; } }

.homepage .headlines .container {
  max-width: 800px;
  margin-top: 60px; }

.homepage .headlines h2 {
  text-align: center;
  font-weight: 300;
  font-size: 40px;
  margin-bottom: 30px; }

.homepage .headlines .help-block {
  margin-top: 20px;
  text-align: center; }

@media (max-width: 767px) {
  .homepage .headlines .container {
    padding: 0; }
  .homepage .headlines .advertisement {
    border-radius: 0; } }

.publication .quote {
  font-size: 22px;
  font-weight: 200;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .publication .quote .right {
      width: 35%;
      float: right;
      margin-left: 30px;
      padding-left: 20px;
      border-left: 1px #DDD dashed; } }

.faq .list-group-item {
  padding: 15px 20px; }
  .faq .list-group-item.active, .faq .list-group-item.active:hover, .faq .list-group-item.active:focus {
    background-color: #F5F5F5;
    color: #333;
    border-color: #ddd;
    padding: 30px; }
    .faq .list-group-item.active .list-group-item-heading, .faq .list-group-item.active:hover .list-group-item-heading, .faq .list-group-item.active:focus .list-group-item-heading {
      font-weight: 400; }
    .faq .list-group-item.active .list-group-item-text, .faq .list-group-item.active:hover .list-group-item-text, .faq .list-group-item.active:focus .list-group-item-text {
      color: #333; }
  .faq .list-group-item:not(.active) .list-group-item-heading {
    font-size: 17px;
    font-weight: 400; }
  .faq .list-group-item .list-group-item-text {
    display: none; }
  .faq .list-group-item.active .list-group-item-text {
    display: block;
    border-top: 1px #C6D1D9 solid;
    padding-top: 10px; }

.conditions {
  padding-right: 15px;
  margin-right: -15px;
  padding-left: 10px;
  overflow: auto; }

.landingpage {
  padding-top: 50px;
  padding-bottom: 50px; }
  .landingpage .topmenu {
    position: relative;
    top: -50px; }
  .landingpage .titlebar {
    position: relative;
    text-align: left; }
    .landingpage .titlebar.center {
      text-align: center; }
  .landingpage .members h2 {
    color: #bbb;
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 30px;
    text-align: center; }
  .landingpage .members .logo-carousel {
    list-style-type: none; }
    .landingpage .members .logo-carousel .logo {
      width: 100px;
      height: 105px;
      display: inline-block; }
      .landingpage .members .logo-carousel .logo .img {
        background-color: #FFF;
        padding: 5px; }
    @media (max-width: 767px) {
      .landingpage .members .logo-carousel .logo {
        height: 120px; } }
  .landingpage .powered-by {
    padding-top: 50px;
    text-align: center; }
    .landingpage .powered-by .logo {
      width: 50px;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      opacity: 0.5; }
      .landingpage .powered-by .logo:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1; }

.event-signup-title {
  position: relative;
  text-align: left;
  padding-left: 50px; }
  .event-signup-title .title {
    line-height: 35px;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 20px;
    position: relative;
    top: 20px; }
    .event-signup-title .title span {
      font-size: 50%; }
  .event-signup-title .date {
    background: #F8842A;
    border-radius: 100px;
    padding-top: 35px;
    width: 130px;
    height: 130px;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    font-weight: 400; }
    .event-signup-title .date span {
      font-size: 60px;
      display: block; }
    .event-signup-title .date i[class^="icon"] {
      font-size: 60px; }
  @media (max-width: 767px) {
    .event-signup-title {
      padding-left: 15px; }
      .event-signup-title .title {
        margin-left: 10px;
        line-height: 25px;
        max-width: calc(100% - 100px); }
      .event-signup-title .date {
        width: 80px;
        height: 80px;
        font-size: 10px;
        line-height: 25px;
        padding-top: 20px; }
        .event-signup-title .date span,
        .event-signup-title .date i[class^="icon"] {
          font-size: 40px; } }

.event-signup .agenda {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .event-signup .agenda li {
    line-height: 20px;
    margin-bottom: 10px; }
    .event-signup .agenda li strong {
      display: inline-block;
      width: 55px;
      vertical-align: top; }
    .event-signup .agenda li span {
      width: calc(100% - 60px);
      display: inline-block; }

.event-signup .logo {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5; }
  .event-signup .logo:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1; }

.orange-bullets {
  padding-left: 50px;
  list-style-type: none; }
  .orange-bullets > li {
    margin-top: 50px; }

@media (max-height: 740px) {
  .orange-bullets > li {
    margin-top: 30px; } }

@media (max-width: 992px) {
  .orange-bullets {
    padding-left: 70px; }
    .orange-bullets > li {
      margin-top: 30px; } }

@media (max-width: 767px) {
  .orange-bullets {
    padding-left: 50px; }
    .orange-bullets > li > i {
      font-size: 50px;
      float: left;
      margin-top: 2px;
      margin-left: -60px; }
    .orange-bullets > li > span {
      width: 40px;
      height: 40px;
      background: #F8842A;
      border-radius: 50px;
      display: block;
      float: left;
      margin-top: -7px;
      margin-left: -50px;
      border: 3px #FFF solid;
      color: #FFF;
      padding-top: 3px;
      text-align: center;
      font-size: 110%; }
      .orange-bullets > li > span .lead {
        width: 45px;
        height: 45px;
        margin-left: -53px; } }

@media (min-width: 992px) {
  .orange-bullets > p.min-2-em {
    min-height: 50px; } }

.article-menu {
  margin-left: 30px;
  float: right;
  margin-top: -70px; }

@media (max-width: 767px) {
  .article-menu {
    margin-top: -40px; } }

@media (max-width: 479px) {
  .article-menu {
    float: none;
    margin-top: 0px;
    margin-left: 0px; } }

.infobox {
  background: #F8842A;
  border-radius: 10px;
  margin-bottom: 30px; }
  .infobox h2, .infobox p, .infobox .infobox .btn {
    color: #FFF;
    margin-left: 20px;
    margin-right: 20px; }

@media (min-width: 768px) {
  .infobox.mirror h2, .infobox.mirror p {
    margin-left: 40px; } }

.infobox h2 {
  margin-top: 30px;
  font-size: 40px; }

.infobox p {
  font-size: 16px; }

.infobox .btn {
  margin-top: 30px;
  margin-bottom: 30px;
  background: #F8842A;
  border-color: #FFF; }
  .infobox .btn:hover {
    color: #FFF;
    background: #8EA4B2; }

.infobox .image {
  height: 300px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.infobox .employee-sleeping {
  background-image: url("/images/employee-sleeping.jpg"); }
  .infobox .employee-sleeping-exchange {
    background-image: url("/images/employee-exchange.jpg"); }
  .infobox .employee-sleeping-deal {
    background-image: url("/images/employee-deal.jpg"); }

.infobox .skew {
  float: left;
  width: 30px;
  height: 300px;
  -moz-transform: skew(9deg, 0deg);
  -webkit-transform: skew(9deg, 0deg);
  -o-transform: skew(9deg, 0deg);
  -ms-transform: skew(9deg, 0deg);
  transform: skew(9deg, 0deg); }
  .infobox .skew.orange {
    margin-left: -40px;
    background: #F8842A; }
  .infobox .skew.blue {
    margin-left: -10px;
    background: #8EA4B2; }

.infobox .mirror .image {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.infobox .mirror .skew {
  -moz-transform: skew(-9deg, 0deg);
  -webkit-transform: skew(-9deg, 0deg);
  -o-transform: skew(-9deg, 0deg);
  -ms-transform: skew(-9deg, 0deg);
  transform: skew(-9deg, 0deg); }
  .infobox .mirror .skew .orange {
    margin-left: -10px; }
  .infobox .mirror .skew .blue {
    margin-left: -40px; }

@media (max-width: 992px) {
  .infobox h2 {
    font-size: 30px; } }

@media (max-width: 767px) {
  .infobox {
    margin: 30px 10px; }
    .infobox .image {
      border-top-right-radius: 0px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px; }
      .infobox .image .mirror {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px; }
    .infobox .skew {
      display: none; } }

.network-filters,
.candidate-filters,
.match-filters {
  margin-top: 50px; }
  .network-filters .filter,
  .candidate-filters .filter,
  .match-filters .filter {
    margin: 10px 0 20px 15px; }
    .network-filters .filter .caption,
    .candidate-filters .filter .caption,
    .match-filters .filter .caption {
      font-size: 18px;
      font-weight: 500; }
    .network-filters .filter .divider,
    .candidate-filters .filter .divider,
    .match-filters .filter .divider {
      border-bottom: 1px #DDD solid;
      width: 100px;
      height: 2px;
      margin-bottom: 10px; }
    .network-filters .filter .options,
    .candidate-filters .filter .options,
    .match-filters .filter .options {
      margin-top: 10px; }
      .network-filters .filter .options .custom-control,
      .candidate-filters .filter .options .custom-control,
      .match-filters .filter .options .custom-control {
        margin-bottom: 8px; }
      .network-filters .filter .options .btn-group .btn,
      .candidate-filters .filter .options .btn-group .btn,
      .match-filters .filter .options .btn-group .btn {
        padding: 0px;
        font-weight: 500;
        width: 27px;
        height: 27px;
        margin-right: 5px; }
        .network-filters .filter .options .btn-group .btn.active,
        .candidate-filters .filter .options .btn-group .btn.active,
        .match-filters .filter .options .btn-group .btn.active {
          color: #FFF;
          background-color: #859fb0; }
        .network-filters .filter .options .btn-group .btn.close,
        .candidate-filters .filter .options .btn-group .btn.close,
        .match-filters .filter .options .btn-group .btn.close {
          font-weight: 400; }
          .network-filters .filter .options .btn-group .btn.close:active,
          .candidate-filters .filter .options .btn-group .btn.close:active,
          .match-filters .filter .options .btn-group .btn.close:active {
            box-shadow: none; }
      .network-filters .filter .options .show-more-btn,
      .candidate-filters .filter .options .show-more-btn,
      .match-filters .filter .options .show-more-btn {
        margin-left: 15px;
        color: #AAA;
        border: none;
        padding: 5px 10px; }
        .network-filters .filter .options .show-more-btn:hover,
        .candidate-filters .filter .options .show-more-btn:hover,
        .match-filters .filter .options .show-more-btn:hover {
          color: #333; }
        .network-filters .filter .options .show-more-btn i,
        .candidate-filters .filter .options .show-more-btn i,
        .match-filters .filter .options .show-more-btn i {
          position: relative;
          top: 4px;
          left: 2px; }
      .network-filters .filter .options.status-options .custom-radio,
      .candidate-filters .filter .options.status-options .custom-radio,
      .match-filters .filter .options.status-options .custom-radio {
        padding: 0; }
        .network-filters .filter .options.status-options .custom-radio .option-btn,
        .candidate-filters .filter .options.status-options .custom-radio .option-btn,
        .match-filters .filter .options.status-options .custom-radio .option-btn {
          padding: 8px 15px 8px 0px;
          vertical-align: middle;
          white-space: nowrap; }
          .network-filters .filter .options.status-options .custom-radio .option-btn .icn,
          .candidate-filters .filter .options.status-options .custom-radio .option-btn .icn,
          .match-filters .filter .options.status-options .custom-radio .option-btn .icn {
            position: relative;
            top: -4px;
            background-color: #859fb0;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: inline-block;
            text-align: center;
            color: #FFF;
            font-size: 16px;
            margin-right: 2px; }
            .network-filters .filter .options.status-options .custom-radio .option-btn .icn i,
            .candidate-filters .filter .options.status-options .custom-radio .option-btn .icn i,
            .match-filters .filter .options.status-options .custom-radio .option-btn .icn i {
              position: relative;
              top: 5px;
              left: 1px; }
              .network-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-checkmark-fat, .network-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-thumbs-down-fill,
              .candidate-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-checkmark-fat,
              .candidate-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-thumbs-down-fill,
              .match-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-checkmark-fat,
              .match-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-thumbs-down-fill {
                top: 8px; }
              .network-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-thumbs-up-fill,
              .candidate-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-thumbs-up-fill,
              .match-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-thumbs-up-fill {
                top: 5px; }
              .network-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-heart-fill,
              .candidate-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-heart-fill,
              .match-filters .filter .options.status-options .custom-radio .option-btn .icn i.icon-heart-fill {
                top: 6px; }
        .network-filters .filter .options.status-options .custom-radio .custom-control-indicator,
        .network-filters .filter .options.status-options .custom-radio .close,
        .candidate-filters .filter .options.status-options .custom-radio .custom-control-indicator,
        .candidate-filters .filter .options.status-options .custom-radio .close,
        .match-filters .filter .options.status-options .custom-radio .custom-control-indicator,
        .match-filters .filter .options.status-options .custom-radio .close {
          display: none; }
        .network-filters .filter .options.status-options .custom-radio.checked .custom-control-indicator,
        .network-filters .filter .options.status-options .custom-radio input:checked ~ .option-btn,
        .candidate-filters .filter .options.status-options .custom-radio.checked .custom-control-indicator,
        .candidate-filters .filter .options.status-options .custom-radio input:checked ~ .option-btn,
        .match-filters .filter .options.status-options .custom-radio.checked .custom-control-indicator,
        .match-filters .filter .options.status-options .custom-radio input:checked ~ .option-btn {
          background-color: #859fb0;
          color: #FFF;
          border-radius: 50px; }
          .network-filters .filter .options.status-options .custom-radio.checked .custom-control-indicator i,
          .network-filters .filter .options.status-options .custom-radio input:checked ~ .option-btn i,
          .candidate-filters .filter .options.status-options .custom-radio.checked .custom-control-indicator i,
          .candidate-filters .filter .options.status-options .custom-radio input:checked ~ .option-btn i,
          .match-filters .filter .options.status-options .custom-radio.checked .custom-control-indicator i,
          .match-filters .filter .options.status-options .custom-radio input:checked ~ .option-btn i {
            left: 5px; }
          .network-filters .filter .options.status-options .custom-radio.checked .custom-control-indicator .close,
          .network-filters .filter .options.status-options .custom-radio input:checked ~ .option-btn .close,
          .candidate-filters .filter .options.status-options .custom-radio.checked .custom-control-indicator .close,
          .candidate-filters .filter .options.status-options .custom-radio input:checked ~ .option-btn .close,
          .match-filters .filter .options.status-options .custom-radio.checked .custom-control-indicator .close,
          .match-filters .filter .options.status-options .custom-radio input:checked ~ .option-btn .close {
            display: block;
            margin-left: 10px; }
        .network-filters .filter .options.status-options .custom-radio[data-value="favorite"] .option-btn .icn,
        .network-filters .filter .options.status-options .custom-radio[data-value="favorite"].checked .custom-control-indicator,
        .network-filters .filter .options.status-options .custom-radio[data-value="favorite"] input:checked ~ .option-btn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="favorite"] .option-btn .icn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="favorite"].checked .custom-control-indicator,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="favorite"] input:checked ~ .option-btn,
        .match-filters .filter .options.status-options .custom-radio[data-value="favorite"] .option-btn .icn,
        .match-filters .filter .options.status-options .custom-radio[data-value="favorite"].checked .custom-control-indicator,
        .match-filters .filter .options.status-options .custom-radio[data-value="favorite"] input:checked ~ .option-btn {
          background-color: #999999; }
        .network-filters .filter .options.status-options .custom-radio[data-value="chatting"] .option-btn .icn,
        .network-filters .filter .options.status-options .custom-radio[data-value="chatting"].checked .custom-control-indicator,
        .network-filters .filter .options.status-options .custom-radio[data-value="chatting"] input:checked ~ .option-btn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="chatting"] .option-btn .icn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="chatting"].checked .custom-control-indicator,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="chatting"] input:checked ~ .option-btn,
        .match-filters .filter .options.status-options .custom-radio[data-value="chatting"] .option-btn .icn,
        .match-filters .filter .options.status-options .custom-radio[data-value="chatting"].checked .custom-control-indicator,
        .match-filters .filter .options.status-options .custom-radio[data-value="chatting"] input:checked ~ .option-btn {
          background-color: #A893EE; }
        .network-filters .filter .options.status-options .custom-radio[data-value="interested"] .option-btn .icn,
        .network-filters .filter .options.status-options .custom-radio[data-value="interested"].checked .custom-control-indicator,
        .network-filters .filter .options.status-options .custom-radio[data-value="interested"] input:checked ~ .option-btn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="interested"] .option-btn .icn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="interested"].checked .custom-control-indicator,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="interested"] input:checked ~ .option-btn,
        .match-filters .filter .options.status-options .custom-radio[data-value="interested"] .option-btn .icn,
        .match-filters .filter .options.status-options .custom-radio[data-value="interested"].checked .custom-control-indicator,
        .match-filters .filter .options.status-options .custom-radio[data-value="interested"] input:checked ~ .option-btn {
          background-color: #F1AD43; }
        .network-filters .filter .options.status-options .custom-radio[data-value="matched"] .option-btn .icn,
        .network-filters .filter .options.status-options .custom-radio[data-value="matched"].checked .custom-control-indicator,
        .network-filters .filter .options.status-options .custom-radio[data-value="matched"] input:checked ~ .option-btn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="matched"] .option-btn .icn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="matched"].checked .custom-control-indicator,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="matched"] input:checked ~ .option-btn,
        .match-filters .filter .options.status-options .custom-radio[data-value="matched"] .option-btn .icn,
        .match-filters .filter .options.status-options .custom-radio[data-value="matched"].checked .custom-control-indicator,
        .match-filters .filter .options.status-options .custom-radio[data-value="matched"] input:checked ~ .option-btn {
          background-color: #6eadd1; }
        .network-filters .filter .options.status-options .custom-radio[data-value="confirmed"] .option-btn .icn,
        .network-filters .filter .options.status-options .custom-radio[data-value="confirmed"].checked .custom-control-indicator,
        .network-filters .filter .options.status-options .custom-radio[data-value="confirmed"] input:checked ~ .option-btn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="confirmed"] .option-btn .icn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="confirmed"].checked .custom-control-indicator,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="confirmed"] input:checked ~ .option-btn,
        .match-filters .filter .options.status-options .custom-radio[data-value="confirmed"] .option-btn .icn,
        .match-filters .filter .options.status-options .custom-radio[data-value="confirmed"].checked .custom-control-indicator,
        .match-filters .filter .options.status-options .custom-radio[data-value="confirmed"] input:checked ~ .option-btn {
          background-color: #59BA57; }
        .network-filters .filter .options.status-options .custom-radio[data-value="archived"] .option-btn .icn,
        .network-filters .filter .options.status-options .custom-radio[data-value="archived"].checked .custom-control-indicator,
        .network-filters .filter .options.status-options .custom-radio[data-value="archived"] input:checked ~ .option-btn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="archived"] .option-btn .icn,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="archived"].checked .custom-control-indicator,
        .candidate-filters .filter .options.status-options .custom-radio[data-value="archived"] input:checked ~ .option-btn,
        .match-filters .filter .options.status-options .custom-radio[data-value="archived"] .option-btn .icn,
        .match-filters .filter .options.status-options .custom-radio[data-value="archived"].checked .custom-control-indicator,
        .match-filters .filter .options.status-options .custom-radio[data-value="archived"] input:checked ~ .option-btn {
          background-color: #d9534f; }
    .network-filters .filter .toggle,
    .candidate-filters .filter .toggle,
    .match-filters .filter .toggle {
      padding-top: 5px;
      width: 30px; }
      .network-filters .filter .toggle .x-toggle:checked + .x-toggle-light.x-toggle-btn,
      .candidate-filters .filter .toggle .x-toggle:checked + .x-toggle-light.x-toggle-btn,
      .match-filters .filter .toggle .x-toggle:checked + .x-toggle-light.x-toggle-btn {
        background: #859fb0;
        border-color: #859fb0; }
    .network-filters .filter .selected,
    .candidate-filters .filter .selected,
    .match-filters .filter .selected {
      display: inline-block;
      background-color: #eeeeee;
      border: 2px #ddd solid;
      border-radius: 10px;
      padding: 5px 10px 5px 10px;
      margin-top: 5px;
      margin-bottom: 5px; }
      .network-filters .filter .selected .close,
      .candidate-filters .filter .selected .close,
      .match-filters .filter .selected .close {
        font-weight: 400;
        margin-top: -2px;
        margin-left: 5px;
        margin-right: -2px; }
  .network-filters .subfilter:not(.active),
  .candidate-filters .subfilter:not(.active),
  .match-filters .subfilter:not(.active) {
    opacity: 0.5; }

.company-logo-picture {
  width: 100%; }

.profile-picture {
  border-radius: 4px;
  margin-bottom: 20px;
  width: 100%; }
  .profile-picture.no-margin {
    margin: 0; }

.badge.badge-primary {
  background-color: #8EA4B2 !important; }

.badge.orange, .badge.blue, .badge.green {
  color: #fff;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 400;
  padding: 3px 6px; }
  .badge.orange.text, .badge.blue.text, .badge.green.text {
    font-size: 11px;
    font-weight: 600;
    padding: 5px 8px; }
  .badge.orange.orange, .badge.blue.orange, .badge.green.orange {
    background-color: #F8842A; }
  .badge.orange.blue, .badge.blue.blue, .badge.green.blue {
    background-color: #859fb0; }

.badge.big {
  margin-top: 3px;
  margin-right: 5px;
  background-color: #FFF !important;
  color: #000 !important;
  font-size: 18px;
  padding: 8px 6px;
  font-weight: 300;
  white-space: nowrap; }
  .badge.big.primary {
    background-color: #F8842A !important;
    color: #FFF !important; }
  .badge.big.secondary, .badge.big.primary2 {
    background-color: #859fb0 !important;
    color: #FFF !important; }
  .badge.big.default {
    border: 1px #DDD solid; }
  .badge.big.orange {
    background-color: #F8842A !important;
    color: #FFF !important; }
  .badge.big.red {
    background-color: #d9534f !important;
    color: #FFF !important; }
  .badge.big.green {
    background-color: #5cb85c !important;
    color: #FFF !important; }
  .badge.big .divider:before {
    content: '-'; }

.badge.textBig {
  font-size: 14px;
  padding: 10px;
  letter-spacing: 0px; }
  .badge.textBig i {
    color: #555; }

.badge.textTiny {
  padding: 5px 10px;
  letter-spacing: 0px;
  font-size: 10px;
  height: 35px;
  overflow: hidden;
  max-width: 100px;
  white-space: pre-wrap;
  text-align: left; }
  .badge.textTiny span.vertical-align {
    display: inline-block; }

.badge.iconBig {
  font-size: 22px;
  border: none !important; }

.badge.pendingProcesses {
  margin-top: 0px;
  font-size: 16px; }
  .badge.pendingProcesses i {
    margin-left: -7px;
    margin-top: -5px;
    font-size: 25px;
    position: absolute; }

.badge.activityBig {
  font-size: 16px;
  padding: 3px 6px; }

.badge.moneyBig .decimals {
  font-size: 11px;
  margin-top: 2px;
  position: absolute;
  text-align: left; }

.badge.hoursBig .suffix,
.badge.moneyBig .suffix {
  letter-spacing: 0px;
  font-size: 8px;
  margin-top: 1px;
  margin-left: 2px;
  float: right;
  text-align: left; }
  .badge.hoursBig .suffix.big,
  .badge.moneyBig .suffix.big {
    font-size: 13px;
    margin-left: 3px;
    margin-top: 2px; }

.badge.textBig .divider:before {
  content: '|';
  color: #BBB; }

.badge:last-child {
  margin-right: 0px !important; }

.badge.matchBig .suffix {
  letter-spacing: 0px;
  font-size: 8px;
  margin-top: 6px;
  margin-left: -3px;
  margin-right: -8px;
  float: right;
  text-align: left;
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg); }

.table-hover tr:hover .badge.big {
  background-color: #F5F5F5 !important; }

.panel-primary .panel-heading .badge.big {
  background-color: #9EB1BB !important;
  color: #FFF !important; }

.box {
  position: relative;
  border: 1px #e5e5e5 solid;
  border-radius: 6px;
  margin-bottom: 15px;
  padding: 5px 0px 5px 10px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03); }
  .box.no-border {
    border: none;
    padding: 0;
    box-shadow: none; }
  .box.big {
    padding: 10px 0px 10px 15px; }
  .box.fat-border {
    border-width: 2px; }
  .box .button {
    position: absolute;
    top: 0px;
    right: 0px; }
    .box .button .btn {
      transition: font-size 0.1s ease-in-out;
      padding: 8px 8px 12px 12px;
      border-bottom-left-radius: 50px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px; }
  .box:hover .button .btn {
    font-size: 20px; }
  .box .caption {
    font-weight: 200;
    font-size: 11px;
    margin-bottom: 5px; }
  .box .lead {
    margin-bottom: 0px; }
  .box .labelcolor {
    float: right;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    border-radius: 5px; }
  .box .img-responsive {
    margin-left: -5px;
    border-radius: 3px; }

a.box,
a.box:active {
  color: #333;
  display: inline-block;
  text-decoration: none; }
  a.box:hover,
  a.box:active:hover {
    color: #5b7c8e;
    text-decoration: none; }

.box .panel, .box .modal {
  box-shadow: none; }

.company-certificate.good-internship-company {
  position: absolute;
  z-index: 1; }
  .company-certificate.good-internship-company img {
    cursor: pointer; }
  .company-certificate.good-internship-company.at-match-job-posting {
    right: -18px;
    bottom: 30px;
    transition: all 0.1s ease-in-out; }
    .company-certificate.good-internship-company.at-match-job-posting img {
      transition: all 0.1s ease-in-out;
      width: 65px;
      height: 65px; }
    .company-certificate.good-internship-company.at-match-job-posting:hover {
      right: -32px;
      bottom: 15px; }
      .company-certificate.good-internship-company.at-match-job-posting:hover img {
        width: 120px;
        height: 120px;
        filter: drop-shadow(0px 0px 10px #999); }
    .company-certificate.good-internship-company.at-match-job-posting.with-match-buttons {
      bottom: 80px; }
      .company-certificate.good-internship-company.at-match-job-posting.with-match-buttons:hover {
        bottom: 65px; }
  .company-certificate.good-internship-company.at-network-connection {
    right: -20px;
    bottom: 35px; }
    .company-certificate.good-internship-company.at-network-connection img {
      width: 65px;
      height: 65px; }
  .company-certificate.good-internship-company.at-company-profile {
    right: -20px;
    bottom: 10px; }
    .company-certificate.good-internship-company.at-company-profile img {
      width: 100px;
      height: 100px; }
  .company-certificate.good-internship-company.at-dashboard-title {
    display: inline-block;
    margin-left: 5px;
    margin-top: -2px; }
    .company-certificate.good-internship-company.at-dashboard-title img {
      width: 30px;
      height: 30px; }

.modal-dialog .company-certificate {
  right: 10px !important;
  bottom: 60px !important; }

.content-container .contact-photo {
  width: 150px;
  float: left;
  margin-top: 10px;
  margin-right: 20px; }

.content-container .goal {
  font-size: 18px;
  line-height: 45px; }
  .content-container .goal mark {
    background: none;
    padding: 0 2px; }
    .content-container .goal mark.lg {
      font-size: 2em; }
    .content-container .goal mark.md {
      font-size: 1.5em; }

.app, .homepage, .signup, .index {
  background-image: url("/images/cover-footer.png");
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 300px;
  margin-bottom: -200px; }

.dashboardmenu {
  width: 460px;
  padding-bottom: 30px;
  user-select: none; }
  .dashboardmenu .item {
    background-image: url("/images/jobsurfing-shape.png");
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    transition: background-image 0.1s ease-in-out;
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 40px;
    padding-top: 33px;
    margin-bottom: -15px;
    text-align: center; }
    .dashboardmenu .item.offset {
      margin-left: 75px; }
    .dashboardmenu .item.empty {
      background-image: url("/images/jobsurfing-shape-empty.png");
      opacity: 0.6;
      margin-bottom: -70px;
      padding: 0; }
    .dashboardmenu .item:hover:not(.empty) {
      background-image: url("/images/jobsurfing-shape-hover.png"); }
    .dashboardmenu .item:active {
      background-image: url("/images/jobsurfing-shape-active.png"); }
    .dashboardmenu .item .badge {
      position: absolute;
      background: #F8842A;
      color: #FFF;
      font-weight: 500;
      top: 10px;
      right: 15px; }
    .dashboardmenu .item .new {
      position: absolute;
      background: #F8842A;
      color: #fff;
      border-radius: 20px;
      padding: 4px 12px;
      font-size: 20px;
      top: 10px;
      right: 15px; }
    .dashboardmenu .item .btn, .dashboardmenu .item .btn:active, .dashboardmenu .item .btn.active {
      background: none;
      border: none;
      box-shadow: none; }
    .dashboardmenu .item i {
      display: block;
      color: #8EA4B2;
      font-size: 40px;
      line-height: 55px; }
      .dashboardmenu .item i.icon-coffee-cheers-fill {
        position: relative;
        font-size: 45px;
        top: -5px; }
    .dashboardmenu .item span {
      display: block;
      color: #5b7c8e;
      font-size: 13px;
      white-space: nowrap;
      overflow: hidden;
      -webkit-text-size-adjust: none; }
    .dashboardmenu .item .btn:hover i, .dashboardmenu .item .btn:hover span, .dashboardmenu .item .btn.active i, .dashboardmenu .item .btn.active span {
      color: #F8842A; }
  @media (min-width: 1200px) and (min-height: 768px) {
    .dashboardmenu {
      zoom: 1.15; } }
  @media (max-width: 992px) {
    .dashboardmenu {
      margin-left: calc(50% - 230px);
      margin-top: 40px; } }
  @media (max-width: 767px) {
    .dashboardmenu {
      zoom: 0.8; } }
  @media (max-width: 425px) {
    .dashboardmenu {
      zoom: 0.7; } }
  @media (max-width: 375px) {
    .dashboardmenu {
      zoom: 0.6; } }
  @media (max-width: 320px) {
    .dashboardmenu {
      zoom: 0.5; } }
  .dashboardmenu .icon-identification {
    position: relative;
    top: 5px; }
  .dashboardmenu .addbuttons h1 {
    float: left;
    font-size: 30px;
    margin-top: 0px;
    margin-right: 15px; }
  .dashboardmenu .addbuttons .icon-paper-document {
    margin-left: 4px;
    margin-right: 4px; }
  .dashboardmenu .addbuttons h4 {
    text-align: left;
    font-size: 18px;
    margin-top: 15px; }
  @media (max-width: 992px) {
    .dashboardmenu .addbuttons h1 {
      font-size: 25px; }
    .dashboardmenu .addbuttons h4 {
      font-size: 18px; } }

.dashboard-dropdown .dashboardmenu {
  zoom: 1; }
  .dashboard-dropdown .dashboardmenu .item.empty {
    opacity: 1; }
  @media (max-height: 768px) {
    .dashboard-dropdown .dashboardmenu {
      zoom: 0.8; } }

.dashboard-widget {
  background: rgba(255, 255, 255, 0.7);
  border: 1px #fff solid;
  border-radius: 30px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.02);
  padding: 20px 30px;
  margin-bottom: 30px;
  position: relative; }
  .dashboard-widget.two-columns-title .column-right {
    position: absolute;
    top: 25px;
    right: 25px; }
  .dashboard-widget.two-columns-title .dashboard-widget-title {
    padding-right: 65px; }
  .dashboard-widget .dashboard-widget-subtitle {
    margin-top: -20px; }
  .dashboard-widget .widget-role-selector .list-group-item label.radio-button {
    font-size: 14px;
    color: #999; }
    .dashboard-widget .widget-role-selector .list-group-item label.radio-button cite {
      display: block;
      color: initial;
      font-size: initial; }
  .dashboard-widget h4 {
    text-align: left;
    font-size: 18px;
    margin-top: 15px; }
  @media (max-width: 992px) {
    .dashboard-widget h4 {
      font-size: 18px; } }
  .dashboard-widget .unaccepted-invitations .curved-arrow-left {
    position: absolute;
    margin-left: -90px;
    margin-top: -50px;
    width: 80px;
    height: 80px;
    background-image: url("/images/curved-arrow-up.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    transform: rotate(-90deg) scaleX(-1); }
  .dashboard-widget .unaccepted-invitations .invitation-item {
    padding: 10px 10px 20px 10px;
    border-bottom: 1px #ddd solid; }
    .dashboard-widget .unaccepted-invitations .invitation-item p {
      margin-bottom: 10px; }
    .dashboard-widget .unaccepted-invitations .invitation-item .lead:not(.regular) strong {
      font-weight: 400; }
  .dashboard-widget .unaccepted-invitations .invitation-item:last-child {
    border-bottom: none; }
  .dashboard-widget .match-interests {
    padding-top: 15px; }
    .dashboard-widget .match-interests .profile-thumb .stamps .stamp,
    .dashboard-widget .match-interests .company-logo .stamps .stamp {
      width: 23px;
      height: 23px;
      margin-left: -10px;
      font-size: 13px;
      line-height: 22px; }
  .dashboard-widget .message.compose {
    background-color: #FFF;
    padding: 0; }
  .dashboard-widget .get-to-know-you-questionnaire .answer {
    margin-bottom: 10px; }
    .dashboard-widget .get-to-know-you-questionnaire .answer .help-block {
      display: inline-block;
      margin-left: 10px; }
    .dashboard-widget .get-to-know-you-questionnaire .answer .next-question {
      border-left: 1px #F8842A solid;
      margin-left: 35px;
      padding-left: 20px;
      position: relative;
      margin-top: 5px;
      padding-top: 5px;
      padding-bottom: 10px; }
      .dashboard-widget .get-to-know-you-questionnaire .answer .next-question:before {
        content: '';
        position: absolute;
        left: -5px;
        top: 20px;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background-color: #F8842A; }
      .dashboard-widget .get-to-know-you-questionnaire .answer .next-question .answer .tip {
        margin-top: 17px; }
        .dashboard-widget .get-to-know-you-questionnaire .answer .next-question .answer .tip i {
          font-size: 160%;
          float: left;
          position: relative;
          margin-right: 10px;
          top: -2px; }
      .dashboard-widget .get-to-know-you-questionnaire .answer .next-question .answer .btn-outline {
        border-color: #FFF;
        text-align: left;
        padding: 6px 22px 6px 6px; }
        .dashboard-widget .get-to-know-you-questionnaire .answer .next-question .answer .btn-outline .picto {
          margin-right: 10px;
          border: 1px #859fb0 solid;
          border-radius: 30px;
          float: left;
          width: 50px;
          height: 50px;
          text-align: center; }
          .dashboard-widget .get-to-know-you-questionnaire .answer .next-question .answer .btn-outline .picto i {
            position: relative;
            top: 8px;
            font-size: 30px; }
            .dashboard-widget .get-to-know-you-questionnaire .answer .next-question .answer .btn-outline .picto i.icon-envelope-1 {
              top: 14px; }
        .dashboard-widget .get-to-know-you-questionnaire .answer .next-question .answer .btn-outline .text {
          margin-top: 2px;
          display: inline-block; }
          .dashboard-widget .get-to-know-you-questionnaire .answer .next-question .answer .btn-outline .text .small {
            display: block; }
            .dashboard-widget .get-to-know-you-questionnaire .answer .next-question .answer .btn-outline .text .small.small {
              line-height: 16px; }
  .dashboard-widget .badge.stats {
    padding: 8px 12px 8px 35px;
    font-weight: 400; }
    .dashboard-widget .badge.stats i {
      position: absolute;
      font-size: 24px;
      top: 13px;
      left: 7px; }
    .dashboard-widget .badge.stats .divider {
      margin: 0 4px 0 2px;
      border-right: 1px #fff solid;
      opacity: 0.5; }
      .dashboard-widget .badge.stats .divider::before {
        content: ''; }
  .dashboard-widget .process-guide {
    padding: 0;
    margin: 0;
    list-style-type: none;
    counter-reset: step; }
    .dashboard-widget .process-guide li {
      position: relative;
      margin: 20px 40px 20px 0;
      border: 1px #FFF solid;
      border-radius: 30px;
      padding: 6px; }
      .dashboard-widget .process-guide li:before {
        content: counter(step);
        counter-increment: step;
        width: 40px;
        height: 40px;
        border: 1px solid #bebebe;
        float: left;
        border-radius: 50%;
        font-size: 22px;
        line-height: 38px;
        background: #fff;
        color: #bebebe;
        text-align: center;
        position: relative;
        z-index: 2;
        margin-right: 10px;
        margin-bottom: 10px; }
      .dashboard-widget .process-guide li:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 100%;
        border-left: 2px #ddd dotted;
        top: -70%;
        left: 25px;
        z-index: 1; }
      .dashboard-widget .process-guide li:first-child:after {
        content: none; }
      .dashboard-widget .process-guide li a {
        font-size: initial;
        position: relative; }
        .dashboard-widget .process-guide li a span {
          display: block; }
          .dashboard-widget .process-guide li a span.small {
            line-height: 16px; }
      .dashboard-widget .process-guide li:hover {
        border: 1px #F8842A solid;
        background-color: #F8842A; }
        .dashboard-widget .process-guide li:hover:before {
          color: #FFF;
          border-color: #FFF;
          background-color: #F8842A; }
        .dashboard-widget .process-guide li:hover a {
          color: #FFF;
          text-decoration: none; }
  .dashboard-widget .thumb-container {
    vertical-align: top;
    display: table; }
    .dashboard-widget .thumb-container .profile-thumb,
    .dashboard-widget .thumb-container .company-logo {
      display: table-cell;
      width: 85px;
      padding-right: 15px;
      text-align: center; }
      .dashboard-widget .thumb-container .profile-thumb .img,
      .dashboard-widget .thumb-container .company-logo .img {
        border: 2px #fff solid;
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
        width: 85px;
        height: 85px; }
      .dashboard-widget .thumb-container .profile-thumb .caption,
      .dashboard-widget .thumb-container .company-logo .caption {
        width: 85px; }
        .dashboard-widget .thumb-container .profile-thumb .caption.placeholders span,
        .dashboard-widget .thumb-container .company-logo .caption.placeholders span {
          margin-left: 10%;
          margin-top: 5px; }
      .dashboard-widget .thumb-container .profile-thumb.profile-thumb .img,
      .dashboard-widget .thumb-container .company-logo.profile-thumb .img {
        background-color: #f5f5f5; }
      .dashboard-widget .thumb-container .profile-thumb.company-logo .img,
      .dashboard-widget .thumb-container .company-logo.company-logo .img {
        background-color: #fff; }
      .dashboard-widget .thumb-container .profile-thumb.company-logo .caption,
      .dashboard-widget .thumb-container .company-logo.company-logo .caption {
        margin-top: 5px;
        white-space: nowrap;
        overflow: hidden;
        -webkit-text-size-adjust: none; }
      .dashboard-widget .thumb-container .profile-thumb:hover,
      .dashboard-widget .thumb-container .company-logo:hover {
        text-decoration: none; }
        .dashboard-widget .thumb-container .profile-thumb:hover .img,
        .dashboard-widget .thumb-container .company-logo:hover .img {
          border-color: #859fb0; }
      @media (min-width: 992px) and (max-width: 1200px) {
        .dashboard-widget .thumb-container .profile-thumb,
        .dashboard-widget .thumb-container .company-logo {
          zoom: 0.85; } }
      @media (max-width: 767px) {
        .dashboard-widget .thumb-container .profile-thumb,
        .dashboard-widget .thumb-container .company-logo {
          zoom: 0.8; } }
      @media (max-width: 425px) {
        .dashboard-widget .thumb-container .profile-thumb,
        .dashboard-widget .thumb-container .company-logo {
          zoom: 0.7; } }
      @media (max-width: 375px) {
        .dashboard-widget .thumb-container .profile-thumb,
        .dashboard-widget .thumb-container .company-logo {
          zoom: 0.6; } }
      @media (max-width: 320px) {
        .dashboard-widget .thumb-container .profile-thumb,
        .dashboard-widget .thumb-container .company-logo {
          zoom: 0.5; } }
  .dashboard-widget .list-container {
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative; }
    .dashboard-widget .list-container:last-child {
      margin-bottom: 0;
      padding-bottom: 0; }
    .dashboard-widget .list-container .list-group {
      margin: 0 -15px;
      border-radius: 10px;
      padding: 5px; }
      .dashboard-widget .list-container .list-group .list-group-item {
        border: none;
        border-radius: 8px;
        background-color: #f8fafa; }
        .dashboard-widget .list-container .list-group .list-group-item .btn-sm.pull-right, .dashboard-widget .list-container .list-group .list-group-item .btn-group-sm > .pull-right.btn {
          position: relative;
          top: -5px;
          right: -10px;
          opacity: 0; }
        .dashboard-widget .list-container .list-group .list-group-item .toggler {
          position: absolute;
          margin-top: 2px;
          right: 15px; }
          .dashboard-widget .list-container .list-group .list-group-item .toggler label {
            float: left;
            margin-right: 5px;
            font-size: 13px;
            font-weight: 400;
            color: #777; }
        .dashboard-widget .list-container .list-group .list-group-item .badge ~ .btn {
          margin-right: 15px; }
        .dashboard-widget .list-container .list-group .list-group-item:not(.more-btn):after {
          content: ' ';
          position: absolute;
          width: calc(100% - 30px);
          height: 1px;
          left: 15px;
          bottom: 5px;
          background-color: #ddd; }
        .dashboard-widget .list-container .list-group .list-group-item:not(.more-btn):hover {
          background-color: #ecf0f1; }
          .dashboard-widget .list-container .list-group .list-group-item:not(.more-btn):hover .btn-sm, .dashboard-widget .list-container .list-group .list-group-item:not(.more-btn):hover .btn-group-sm > .btn {
            opacity: 1; }
          .dashboard-widget .list-container .list-group .list-group-item:not(.more-btn):hover:after {
            opacity: 0; }
        .dashboard-widget .list-container .list-group .list-group-item.has-thumb:after {
          left: 50px;
          width: calc(100% - 65px); }
        .dashboard-widget .list-container .list-group .list-group-item.has-thumb .img {
          float: left;
          width: 30px;
          top: 5px;
          left: -5px;
          margin-right: 5px; }
        .dashboard-widget .list-container .list-group .list-group-item.more-btn .btn:first-child {
          position: relative;
          left: -10px; }
    .dashboard-widget .list-container .btn {
      margin-bottom: 5px; }
    .dashboard-widget .list-container .list-group + .btn,
    .dashboard-widget .list-container .list-group + .btn-group {
      margin-top: 10px; }
    .dashboard-widget .list-container .btn-group .btn {
      margin-right: 5px; }
  .dashboard-widget.my-jobpostings .alert {
    border-radius: 10px;
    margin: 0 -10px 5px -10px;
    padding: 10px 20px; }
    .dashboard-widget.my-jobpostings .alert .btn.pull-right {
      margin-top: -8px;
      margin-right: -18px;
      border-radius: 8px; }
  .dashboard-widget.improve-profiling .file-picker {
    padding: 5px;
    min-height: 80px;
    display: block; }
    .dashboard-widget.improve-profiling .file-picker .cover {
      width: 100%;
      height: 80px;
      background-size: cover;
      background-position: center center;
      background-color: #ecf0f1; }
  .dashboard-widget.improve-profiling .placeholder {
    width: 100%; }
    .dashboard-widget.improve-profiling .placeholder img {
      height: 80px;
      margin: 0 auto; }
  .dashboard-widget.improve-profiling .help-block {
    margin-top: 20px;
    margin-bottom: 0; }
  .dashboard-widget.js-menu {
    background: rgba(255, 255, 255, 0.4);
    border: 2px #fff solid; }
    .dashboard-widget.js-menu .dashboardmenu {
      zoom: 0.85; }
      @media (min-width: 1200px) and (min-height: 768px) {
        .dashboard-widget.js-menu .dashboardmenu {
          zoom: 1.1; } }
      @media (max-width: 992px) {
        .dashboard-widget.js-menu .dashboardmenu {
          zoom: 1; } }
      @media (max-width: 767px) {
        .dashboard-widget.js-menu .dashboardmenu {
          zoom: 0.8; } }
      @media (max-width: 425px) {
        .dashboard-widget.js-menu .dashboardmenu {
          zoom: 0.7; } }
      @media (max-width: 375px) {
        .dashboard-widget.js-menu .dashboardmenu {
          zoom: 0.6; } }
      @media (max-width: 320px) {
        .dashboard-widget.js-menu .dashboardmenu {
          zoom: 0.5; } }
      .dashboard-widget.js-menu .dashboardmenu .item.empty {
        opacity: 1; }
  .dashboard-widget .match-progress {
    padding-bottom: 15px; }
    .dashboard-widget .match-progress .process {
      margin: 0 -15px;
      padding: 10px 15px;
      border-radius: 15px;
      position: relative;
      transition: opacity 0.1s ease-in-out; }
      .dashboard-widget .match-progress .process:not(.open):not(:hover):after {
        content: ' ';
        position: absolute;
        width: calc(100% - 100px);
        height: 1px;
        left: 80px;
        bottom: 4px;
        background-color: #ddd; }
      .dashboard-widget .match-progress .process:not(.open):not(:hover).has-blocker {
        opacity: 0.3; }
      .dashboard-widget .match-progress .process:hover:not(.open) {
        background: #ecf0f1; }
      .dashboard-widget .match-progress .process .subject {
        box-shadow: none; }
      .dashboard-widget .match-progress .process.open {
        margin-top: -5px;
        padding: 15px 25px;
        background-color: #fff;
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.02);
        border: 1px #eee solid;
        border-radius: 20px;
        position: relative;
        left: -30px;
        width: calc(100% + 90px); }
        .dashboard-widget .match-progress .process.open .subject {
          border: none;
          margin: 10px -10px 0 -10px; }
        .dashboard-widget .match-progress .process.open + .open {
          margin-top: 25px; }
        .dashboard-widget .match-progress .process.open .list-group-item-warning {
          border-radius: 15px; }
      .dashboard-widget .match-progress .process .date {
        position: absolute;
        bottom: -20px;
        right: 30px; }
  .dashboard-widget.any-open {
    background: rgba(255, 255, 255, 0.2);
    border: 1px #eee solid; }
    .dashboard-widget.any-open .match-progress .process:not(.open):not(:hover) {
      color: #555; }

.userguide-title {
  position: relative;
  bottom: -80px;
  text-align: center; }
  .userguide-title h3 {
    font-size: 25px;
    font-weight: 200;
    position: relative;
    display: inline-block; }
  .userguide-title .close {
    display: inline-block;
    float: none;
    position: relative;
    top: -5px;
    font-size: 35px;
    outline: none;
    height: 50px;
    width: 50px; }

.userguide-box {
  width: 100%;
  overflow-x: auto; }

.userguide {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-top: 300px; }
  .userguide .line {
    width: 100%;
    height: 3px;
    border-radius: 4px;
    background-color: #ddd;
    transition: background-color 0.1s ease-in-out;
    position: relative;
    top: -25px; }
  .userguide .guide {
    position: relative;
    display: inline-block;
    width: calc(23%);
    margin-left: -11.5%; }
    .userguide .guide .dot {
      position: relative;
      left: 40px; }
      .userguide .guide .dot:after {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 10px;
        background-color: #859fb0;
        transition: background-color 0.1s ease-in-out;
        border: 3px #eff5f8 solid; }
      .userguide .guide .dot:before {
        content: '';
        position: absolute;
        width: 9px;
        height: 40px;
        border-radius: 10px;
        background-color: #ddd;
        transition: background-color 0.1s ease-in-out;
        left: 3px;
        border: 3px #eff5f8 solid; }
    .userguide .guide:nth-child(2) {
      margin-left: 2%; }
    .userguide .guide:nth-child(odd) {
      vertical-align: top;
      height: 300px; }
      .userguide .guide:nth-child(odd) .dot {
        top: -35px; }
    .userguide .guide:nth-child(even) {
      vertical-align: bottom;
      top: -355px; }
      .userguide .guide:nth-child(even) .dot {
        position: absolute;
        bottom: -36px;
        transform: rotate(180deg);
        left: 55px; }
    .userguide .guide .content {
      padding: 5px 10px 5px 15px;
      border-radius: 10px;
      transition: background-color 0.1s ease-in-out; }
      .userguide .guide .content h4 {
        color: #859fb0;
        transition: color 0.1s ease-in-out;
        margin-bottom: 20px;
        font-size: 25px; }
      .userguide .guide .content .bullet {
        display: none; }
        .userguide .guide .content .bullet .caption {
          color: #999;
          font-weight: 400;
          margin-bottom: 20px;
          padding-right: 20px; }
          .userguide .guide .content .bullet .caption b {
            color: #333;
            font-weight: 400;
            font-size: 18px; }
          .userguide .guide .content .bullet .caption.help {
            cursor: help; }
            .userguide .guide .content .bullet .caption.help:before {
              opacity: 0;
              left: -8px;
              margin-top: 8px;
              content: '';
              position: absolute;
              width: 16px;
              height: 16px;
              border-radius: 10px;
              background-color: #ddd;
              transition: all 0.1s ease-in-out;
              border: 3px #eff5f8 solid; }
          .userguide .guide .content .bullet .caption .cta {
            color: #999; }
            .userguide .guide .content .bullet .caption .cta i {
              color: #ddd; }
            .userguide .guide .content .bullet .caption .cta:hover {
              text-decoration: none; }
              .userguide .guide .content .bullet .caption .cta:hover i {
                color: #333; }
        .userguide .guide .content .bullet .info {
          display: none;
          opacity: 0;
          transition: opacity 0.1s ease-in-out;
          position: absolute;
          width: 100%;
          margin-top: -15px;
          left: calc(-100% - 20px);
          color: #fff;
          background: #F8842A;
          box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
          border-radius: 10px;
          padding: 3px 10px; }
          .userguide .guide .content .bullet .info h5 {
            color: #fff;
            font-weight: 600;
            font-size: 14px; }
          .userguide .guide .content .bullet .info p {
            font-size: 12px; }
          .userguide .guide .content .bullet .info:after {
            left: 100%;
            top: 30px;
            border: solid transparent;
            content: '';
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-left-color: #F8842A;
            border-width: 10px;
            margin-top: -10px; }
        .userguide .guide .content .bullet:hover .info {
          opacity: 1; }
        .userguide .guide .content .bullet:hover .help:before {
          background-color: #F8842A; }
    .userguide .guide:hover .dot:after {
      background-color: #F8842A; }
    .userguide .guide:hover .content {
      background-color: #FFF;
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05); }
      .userguide .guide:hover .content h4 {
        color: #F8842A; }
      .userguide .guide:hover .content .bullet .help:before {
        opacity: 1; }
      .userguide .guide:hover .content .bullet,
      .userguide .guide:hover .content .bullet .info {
        display: block !important; }
    .userguide .guide:nth-child(-n+3) .content .bullet .help:before {
      left: calc(100% - 8px); }
    .userguide .guide:nth-child(-n+3) .content .bullet .info {
      left: calc(100% + 20px);
      z-index: 2; }
      .userguide .guide:nth-child(-n+3) .content .bullet .info:after {
        left: -20px;
        top: 30px;
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: #F8842A;
        border-width: 10px;
        margin-top: -10px; }

.userguide-container {
  position: relative;
  transition: all 0.3s ease-in;
  height: auto;
  max-height: 550px;
  top: 0;
  opacity: 1; }
  .userguide-container:hover {
    z-index: 2; }
  .userguide-container.hiding {
    max-height: 0;
    top: -50px;
    opacity: 0; }

.userguide-button {
  position: relative;
  text-align: center;
  top: 50px;
  height: 100px; }
  .userguide-button .btn {
    color: #BBB;
    font-weight: 200;
    padding-left: 20px; }
    .userguide-button .btn:hover, .userguide-button .btn:active, .userguide-button .btn:focus {
      border-radius: 100px !important; }
  .userguide-button i {
    float: right;
    font-size: 25px;
    position: relative;
    top: 5px;
    margin-left: 10px; }

@media (max-width: 767px) {
  .userguide-button {
    top: 0; }
  .userguide-box {
    margin-bottom: -200px; }
  .userguide {
    width: 300%; } }

.scan-container .swiper-container {
  border-radius: 15px;
  background: white;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05); }
  .scan-container .swiper-container .tip {
    border-bottom: 2px #999 dashed; }

.scan-container .prev,
.scan-container .next {
  position: absolute;
  font-size: 50px;
  margin-top: 60px;
  color: #ddd; }
  .scan-container .prev:hover,
  .scan-container .next:hover {
    color: #999; }

.scan-container .first i:first-child,
.scan-container .last i:first-child {
  margin-right: -5px; }

.scan-container .prev {
  left: -30px; }

.scan-container .next {
  right: -30px; }

.scan-container .first {
  left: -70px; }

.scan-container .last {
  right: -70px; }

.scan-container .swiper-slide {
  height: 200px; }
  .scan-container .swiper-slide.large {
    height: 350px; }
  .scan-container .swiper-slide p {
    padding: 0 30px; }
    .scan-container .swiper-slide p .predefinition {
      color: #555;
      display: block;
      font-size: 20px;
      margin-bottom: 15px; }
    .scan-container .swiper-slide p i {
      display: block;
      font-size: 70px;
      margin-bottom: 20px; }

.scan-container .scan-button-container {
  margin-top: 50px;
  padding-bottom: 0px;
  min-height: 140px; }
  .scan-container .scan-button-container .scan-instruction {
    margin-top: 20px;
    display: flex;
    position: relative;
    opacity: 0;
    top: 30px;
    color: #999;
    animation: slideout 0.3s ease-out 1 backwards;
    font-size: 20px; }
    .scan-container .scan-button-container .scan-instruction .left, .scan-container .scan-button-container .scan-instruction .right {
      padding: 0 6.5%;
      flex: 1 1 auto; }
    .scan-container .scan-button-container .scan-instruction i {
      font-size: 30px;
      position: relative;
      top: 5px; }

@keyframes slidein {
  from {
    top: 30px;
    opacity: 0; }
  to {
    top: 0px;
    opacity: 1; } }

@keyframes slideout {
  from {
    top: 0px;
    opacity: 1; }
  to {
    top: -20px;
    opacity: 0; } }
  .scan-container .scan-button-container:hover .scan-instruction {
    animation: slidein 0.2s ease-in 1 forwards; }
  .scan-container .scan-button-container .ember-power-select-trigger {
    border-radius: 10px;
    padding: 10px 20px 10px 10px; }
    .scan-container .scan-button-container .ember-power-select-trigger .ember-power-select-selected-item {
      font-size: 17px;
      line-height: 25px; }

.scan-container .scan-buttons {
  margin-top: 5px; }
  .scan-container .scan-buttons .btn {
    color: #FFF; }
    .scan-container .scan-buttons .btn-big {
      font-size: 40px;
      padding-left: 10px;
      padding-right: 10px; }
  .scan-container .scan-buttons .selected {
    position: absolute;
    width: 100%;
    top: 90px;
    text-align: center;
    color: #999;
    font-size: 40px; }
  .scan-container .scan-buttons.preview {
    margin-top: 0px;
    margin-bottom: 10px; }
  .scan-container .scan-buttons .btn-rate-1 {
    background-color: #d9534f;
    border-color: #d9534f; }
  .scan-container .scan-buttons .btn-rate-2 {
    background-color: #e27a4c;
    border-color: #e27a4c; }
  .scan-container .scan-buttons .btn-rate-3 {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .scan-container .scan-buttons .btn-rate-4 {
    background-color: #f3dd47;
    border-color: #f3dd47; }
  .scan-container .scan-buttons .btn-rate-5 {
    background-color: #9dd643;
    border-color: #9dd643; }
  .scan-container .scan-buttons .btn-rate-6 {
    background-color: #76c859;
    border-color: #76c859; }
  .scan-container .scan-buttons .btn-rate-7 {
    background-color: #5cb85c;
    border-color: #5cb85c; }
  .scan-container .scan-buttons .btn-rate-8 {
    background-color: #6eadd1;
    border-color: #6eadd1; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-1:hover {
    background-color: #c9302c;
    border-color: #c9302c; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-1:active {
    background-color: #ac2925;
    border-color: #ac2925; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-2:hover {
    background-color: #d85324;
    border-color: #d85324; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-2:active {
    background-color: #c84922;
    border-color: #c84922; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-3:hover {
    background-color: #ec971f;
    border-color: #ec971f; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-3:active {
    background-color: #d58512;
    border-color: #d58512; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-4:hover {
    background-color: #e8d42c;
    border-color: #e8d42c; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-4:active {
    background-color: #e0ca11;
    border-color: #e0ca11; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-5:hover {
    background-color: #8ace39;
    border-color: #8ace39; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-5:active {
    background-color: #83bf2c;
    border-color: #83bf2c; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-6:hover {
    background-color: #55b43f;
    border-color: #55b43f; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-6:active {
    background-color: #4f9e34;
    border-color: #4f9e34; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-7:hover {
    background-color: #449d44;
    border-color: #449d44; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-7:active {
    background-color: #398439;
    border-color: #398439; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-8:hover {
    background-color: #4c99c5;
    border-color: #4c99c5; }
  .scan-container .scan-buttons:not(.preview) .btn-rate-8:active {
    background-color: #4c99c5;
    border-color: #4c99c5; }
  .scan-container .scan-buttons .scan-button.text .btn-big {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 25px;
    line-height: 35px;
    font-weight: 400; }
    .scan-container .scan-buttons .scan-button.text .btn-big.small {
      line-height: 20px;
      font-size: 15px;
      font-weight: 300; }
  .scan-container .scan-buttons .scan-button.numerals .btn-big, .scan-container .scan-buttons .scan-button.digits .btn-big {
    font-size: 45px;
    line-height: 40px; }
  .scan-container .scan-buttons .scan-button.numerals .btn-lg, .scan-container .scan-buttons .scan-button.numerals .btn-group-lg > .btn, .scan-container .scan-buttons .scan-button.digits .btn-lg, .scan-container .scan-buttons .scan-button.digits .btn-group-lg > .btn {
    font-weight: 300; }
  .scan-container .scan-buttons .scan-button.numerals .btn-big {
    font-size: 40px; }

.scan-container .btn > .buttons {
  margin: 7px 0px; }

.scan-container .instruction-note b, .scan-container .instruction-note strong {
  font-size: 110%;
  color: #555; }

.scan-container .progress {
  margin-top: 50px; }

.progress-bar-info {
  background-color: #6eadd1; }

.network-title {
  margin-left: 15px;
  margin-bottom: 20px; }
  .network-title hr {
    border-top: 4px #DDD dotted;
    margin: 0;
    position: relative;
    top: 27px;
    left: -15px;
    z-index: 1; }
  .network-title h1, .network-title h2, .network-title h3, .network-title h4 {
    text-transform: uppercase;
    padding: 0 10px; }
  .network-title h2, .network-title h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: #eff5f8;
    position: relative;
    z-index: 2;
    display: inline-block; }
  .network-title h4, .network-title p {
    margin-top: 5px; }

.network-buttons {
  padding-top: 10px;
  padding-right: 15px;
  text-align: right; }

.network-search,
.network-filters,
.network-labels {
  margin-top: 50px; }

.network-label {
  position: relative;
  display: inline-block;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  border: 2px #FFF solid; }
  .network-label.block {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px; }
    .network-label.block.multiline {
      margin-top: 5px; }
  .network-label-nav .network-label {
    margin: -5px 5px 10px -10px; }
  .network-label-nav i {
    display: none; }
  .network-label-nav li:hover i {
    display: block; }
  .network-label-add {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 2px; }
    .network-label-add .dropdown-toggle {
      padding: 4px 8px; }
  .network-label-small {
    display: inline-block;
    position: relative;
    top: 4px;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    border: 1px #FFF solid; }

.activated-flexlabel .network-label-small:before {
  content: "\2713";
  font-size: 18px;
  position: relative;
  left: 3px;
  top: -3px;
  color: #FFF; }

.checkbox.network-labels > div {
  margin-bottom: 2px; }
  .checkbox.network-labels > div > a {
    text-decoration: none; }

.network-label-stack {
  display: inline-block;
  white-space: nowrap; }
  .network-label-stack .network-label:not(:first-child) {
    margin-left: -20px; }

.list-view .box {
  margin-top: 7px;
  background: none;
  box-shadow: none; }
  .list-view .box .lead {
    display: inline-block;
    margin-right: 5px; }
  .list-view .box .caption {
    display: inline-block;
    width: 80px;
    margin-bottom: 0;
    vertical-align: bottom; }

.list-view .checkbox .custom-control {
  margin-top: 5px; }

.list-view .network-label-stack {
  display: block;
  text-align: right;
  margin-top: 4px; }

.list-view + .bulkselector {
  position: absolute;
  padding: 5px;
  margin-left: -10px;
  margin-top: 10px; }
  .list-view + .bulkselector.checked.sticky {
    position: -webkit-sticky;
    position: sticky;
    bottom: 80px;
    margin: 0;
    padding: 0; }
  .list-view + .bulkselector.checked .selection-controls {
    position: absolute;
    margin-top: 8px;
    margin-left: -18px;
    padding-left: 10px; }
  .list-view + .bulkselector .select-all, .list-view + .bulkselector .btn-group {
    float: left; }
  .list-view + .bulkselector .select-all .checkbox {
    margin: 0; }

.list-view .panel-stamps-container {
  position: relative; }
  .list-view .panel-stamps-container .panel-stamps {
    top: 50px;
    left: -30px;
    right: auto; }

.draggable-object-target .network-label-content {
  border: 2px #EEE dashed;
  padding: 10px; }
  .draggable-object-target .network-label-content .draggable-object {
    background: #FFF; }

.draggable-object-target .accepts-drag {
  border: 2px #DDD dashed; }
  .draggable-object-target .accepts-drag .nav > li > a {
    padding: 8px 13px; }

.network-connection-suggestion {
  margin: 50px 0 100px 0; }
  .network-connection-suggestion .logo {
    background-size: contain;
    background-color: #FFF;
    border-radius: 30px; }

.panel-job .job-list-header {
  display: table;
  width: 100%; }
  .panel-job .job-list-header .graphic {
    display: table-cell;
    vertical-align: top;
    width: 60px; }
  .panel-job .job-list-header .title {
    display: table-cell;
    vertical-align: top; }
  .panel-job .job-list-header .actions {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    width: 60px; }
    .panel-job .job-list-header .actions .btn-lg.add, .panel-job .job-list-header .actions .btn-group-lg > .add.btn {
      width: 45px;
      height: 45px;
      padding: 2px 0 0 2px; }

.panel-job .panel-footer .buttons {
  text-align: right; }
  .panel-job .panel-footer .buttons .btn.add {
    position: relative;
    height: 35px;
    width: 35px;
    border-radius: 30px;
    padding-top: 5px; }
    .panel-job .panel-footer .buttons .btn.add i {
      font-size: 18px;
      position: relative;
      left: -7px;
      top: 2px; }
    .panel-job .panel-footer .buttons .btn.add .spinner {
      margin-left: -2px;
      width: 5px; }
      .panel-job .panel-footer .buttons .btn.add .spinner .bounce2, .panel-job .panel-footer .buttons .btn.add .spinner .bounce3 {
        visibility: hidden; }
    .panel-job .panel-footer .buttons .btn.add span {
      position: absolute;
      opacity: 0;
      right: 35px;
      transition: all 0.1s ease-in-out; }
    .panel-job .panel-footer .buttons .btn.add:hover span {
      right: 5px;
      opacity: 1; }

.admission-controls .list-group-item {
  position: relative; }
  .admission-controls .list-group-item:hover {
    background-color: #f5f5f5; }
  .admission-controls .list-group-item .toggler {
    position: absolute;
    margin-top: 0px;
    right: 15px; }
    .admission-controls .list-group-item .toggler label {
      float: left;
      margin-top: 5px;
      margin-right: 5px;
      font-size: 16px;
      font-weight: 300; }
  .admission-controls .list-group-item label {
    font-size: 18px;
    font-weight: 400;
    padding-right: 30px; }
    .admission-controls .list-group-item label .toggler {
      margin-top: 8px;
      right: 25px; }
      .admission-controls .list-group-item label .toggler:hover + span {
        color: #333;
        border-bottom: 1px #BBB solid; }
    .admission-controls .list-group-item label span {
      font-weight: 300;
      font-size: 14px; }
  @media (max-width: 767px) {
    .admission-controls .list-group-item {
      padding-left: 5px; }
      .admission-controls .list-group-item label {
        font-size: 15px; }
      .admission-controls .list-group-item .toggler {
        right: 0px; } }

.activitylog {
  min-height: 950px; }
  .activitylog .inline-filter {
    position: absolute;
    margin-left: 20px;
    margin-top: 50px; }
    .activitylog .inline-filter .option:not(.checked) .status {
      background-color: initial; }
      .activitylog .inline-filter .option:not(.checked) .status .btn {
        border-color: #DDD;
        background-color: #eff5f8; }
        .activitylog .inline-filter .option:not(.checked) .status .btn .icon i {
          color: #CCC; }
    .activitylog .inline-filter .option:not(.checked) .caption {
      color: #777; }
    .activitylog .inline-filter:hover .option:not(.checked) .status .btn {
      border-color: #BBB !important; }
      .activitylog .inline-filter:hover .option:not(.checked) .status .btn .icon i {
        color: #BBB !important; }
    .activitylog .inline-filter.has-checked .option:not(.checked) .status .btn {
      border-color: #DDD; }
      .activitylog .inline-filter.has-checked .option:not(.checked) .status .btn .icon i {
        color: #DDD; }
  .activitylog .day {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin: 20px 0; }
    .activitylog .day span {
      background: #eff5f8;
      padding: 5px 40px; }
    .activitylog .day:after {
      content: ' ';
      position: relative;
      top: 20px;
      display: block;
      margin: 0 auto;
      width: 4px;
      height: 30px;
      background-color: #F8842A; }
  .activitylog .activity {
    position: relative;
    padding-bottom: 30px;
    text-align: left; }
    .activitylog .activity .status {
      top: 0px;
      display: inline-block;
      position: absolute;
      z-index: 2;
      background-color: #eff5f8;
      padding: 3px 0 3px 0;
      border-radius: 30px; }
      .activitylog .activity .status .btn {
        border-radius: 30px;
        width: 50px;
        height: 50px;
        font-size: 25px; }
        .activitylog .activity .status .btn i[class^="icon-"] {
          position: relative;
          left: -3px; }
          .activitylog .activity .status .btn i[class^="icon-"].icon-paper-document {
            top: -1px;
            left: 0px; }
          .activitylog .activity .status .btn i[class^="icon-"].icon-checkmark-thick {
            top: 3px; }
    .activitylog .activity .by {
      min-height: 40px;
      margin-left: 15px;
      margin-bottom: 5px;
      font-size: 18px; }
      .activitylog .activity .by a {
        color: #333; }
      .activitylog .activity .by .small {
        color: #bbb; }
    @media (min-width: 767px) {
      .activitylog .activity.on_job {
        margin-left: 100px;
        margin-right: -18px;
        padding-right: 15px;
        border-right: 4px #F8842A solid; }
        .activitylog .activity.on_job .by {
          text-align: right;
          padding-right: 20px; }
        .activitylog .activity.on_job .status {
          right: -28px; }
      .activitylog .activity.on_candidate {
        text-align: left;
        margin-right: 100px;
        margin-left: -15px;
        padding-left: 15px;
        border-left: 4px #F8842A solid; }
        .activitylog .activity.on_candidate .status {
          left: -28px; } }
    @media (max-width: 992px) {
      .activitylog .activity.on_job {
        margin-left: 0px; }
      .activitylog .activity.on_candidate {
        margin-right: 0px; } }
    @media (max-width: 767px) {
      .activitylog .activity {
        padding-bottom: 0; }
        .activitylog .activity .status {
          position: relative;
          display: block;
          text-align: center; }
        .activitylog .activity .by {
          text-align: center; }
        .activitylog .activity:after {
          content: ' ';
          position: relative;
          top: 0px;
          display: block;
          margin: 0 auto;
          width: 4px;
          height: 30px;
          background-color: #F8842A; } }
    .activitylog .activity.squeeze .status {
      top: -55px; }
    .activitylog .activity.squeeze .by {
      display: none; }

.match-jobposting-select-box .match-jobposting-select,
.match-jobposting-select-box .match-candidate-select,
.match-candidate-select-box .match-jobposting-select,
.match-candidate-select-box .match-candidate-select {
  position: relative;
  z-index: 1; }
  .match-jobposting-select-box .match-jobposting-select:hover,
  .match-jobposting-select-box .match-candidate-select:hover,
  .match-candidate-select-box .match-jobposting-select:hover,
  .match-candidate-select-box .match-candidate-select:hover {
    z-index: 3; }

.match-curved-arrow {
  width: 100%;
  height: 125px;
  background-image: url("/images/curved-arrow-up.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain; }
  .match-curved-arrow.left {
    transform: rotate(-110deg); }
  .match-curved-arrow.right {
    margin-top: 100px;
    transform: rotate(70deg); }

.panel-match {
  position: relative;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);
  border-width: 4px;
  border: 2px #EEE solid;
  border-radius: 20px; }
  .panel-match .panel-chart {
    position: absolute;
    background-color: #eff5f8;
    box-shadow: 0px 0px 40px 25px #eff5f8;
    z-index: -1;
    padding-top: 20px;
    width: 170px;
    transition: left 0.7s; }
    .panel-match .panel-chart .bar-container {
      width: 100%;
      display: block;
      margin-bottom: 5px; }
      .panel-match .panel-chart .bar-container .bar {
        display: inline-block;
        border-radius: 5px;
        color: #FFF;
        font-size: 13px;
        padding: 5px;
        font-weight: 400;
        line-height: 12px; }
        .panel-match .panel-chart .bar-container .bar span {
          font-size: 11px;
          font-weight: 300; }
        .panel-match .panel-chart .bar-container .bar.red {
          background-color: #d9534f; }
        .panel-match .panel-chart .bar-container .bar.green {
          background-color: #5cb85c; }
        .panel-match .panel-chart .bar-container .bar.orange {
          background-color: #F8842A; }
      .panel-match .panel-chart .bar-container .caption {
        font-size: 11px;
        padding-left: 5px;
        display: block; }
    .panel-match .panel-chart.right {
      left: calc(100% - 170px);
      padding-left: 20px; }
      .panel-match .panel-chart.right .bar-container {
        text-align: left; }
    .panel-match .panel-chart.left {
      left: 0;
      padding-right: 20px; }
      .panel-match .panel-chart.left .bar-container {
        text-align: right; }
  .panel-match:hover .panel-chart.right,
  .panel-match .panel-chart.right:hover,
  .panel-match .panel-chart.right.open {
    left: calc(100% - 5px); }
  .panel-match:hover .panel-chart.left,
  .panel-match .panel-chart.left:hover,
  .panel-match .panel-chart.left.open {
    left: -165px; }
  .panel-match .panel-heading {
    background: #fff;
    padding: 15px 20px;
    color: #333 !important;
    border-radius: 20px;
    border: none; }
    .panel-match .panel-heading .badges {
      text-align: right; }
      .panel-match .panel-heading .badges .badge {
        margin-right: 0;
        margin-left: 5px; }
    .panel-match .panel-heading .lead {
      line-height: 1.2; }
    .panel-match .panel-heading .middle {
      top: 7px;
      position: relative; }
    .panel-match .panel-heading .badge.big {
      font-size: 20px;
      font-weight: 400; }
      .panel-match .panel-heading .badge.big.toggler {
        display: none; }
        .panel-match .panel-heading .badge.big.toggler i {
          color: #555; }
  .panel-match .panel-stamps-container {
    position: relative; }
    .panel-match .panel-stamps-container .panel-stamps {
      top: -5px;
      right: -20px; }
  .panel-match .panel-body .licensed-icon {
    float: left;
    margin: 2px 5px 5px 0; }
  .panel-match .panel-footer {
    border-radius: 20px;
    padding: 15px; }
    .panel-match .panel-footer .buttons {
      float: right; }
      .panel-match .panel-footer .buttons .btn {
        font-size: 16px;
        border-radius: 20px;
        padding-right: 15px; }
        .panel-match .panel-footer .buttons .btn:hover, .panel-match .panel-footer .buttons .btn:active, .panel-match .panel-footer .buttons .btn:focus {
          border-radius: 20px; }
      .panel-match .panel-footer .buttons .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
      .panel-match .panel-footer .buttons .btn-group > .btn:last-child:not(:first-child),
      .panel-match .panel-footer .buttons .btn-group > .dropdown-toggle:not(:first-child) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
  .panel-match.panel-danger {
    border-color: #d9534f; }
  .panel-match.panel-warning {
    border-color: #F1AD43; }
  .panel-match.panel-info {
    border-color: #6eadd1; }
  .panel-match.panel-success {
    border-color: #59BA57; }
  .panel-match.reserved-match .panel-footer .buttons .btn-link, .panel-match.reserved-match .panel-footer .buttons .btn-success {
    opacity: 0.5; }
  .panel-match.concept-match {
    border-color: #DDD;
    margin-bottom: 30px; }
    .panel-match.concept-match.blur {
      opacity: 0.5; }
    .panel-match.concept-match img.placeholder {
      opacity: 0.3; }
  @media (max-width: 767px) {
    .panel-match .panel-heading .flexrow {
      display: block; }
    .panel-match .panel-heading .badges {
      margin-top: 20px;
      text-align: left; }
      .panel-match .panel-heading .badges .toggler {
        display: inline-block !important; }
    .panel-match .panel-heading .panel-chart {
      position: relative;
      left: 0;
      width: 100%;
      z-index: 1;
      box-shadow: none;
      background: none; }
    .panel-match .row.divider {
      margin-top: 10px;
      border-top: 1px #ddd solid;
      border-bottom: 1px #ddd solid; }
    .panel-match .panel-footer .buttons {
      float: none;
      text-align: center;
      line-height: 45px; }
      .panel-match .panel-footer .buttons .btn {
        font-size: 14px; } }

.document-review,
.document-conversation {
  padding-right: 15px;
  margin-right: -15px;
  overflow: auto; }

.document-review {
  padding-top: 120px;
  padding-bottom: 120px; }
  .document-review ul, .document-review ol {
    padding-left: 20px; }

.document-conversation-fade-top {
  height: 50px;
  margin-top: -10px;
  width: calc(100% - 20px);
  z-index: 1;
  position: absolute;
  background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }

.inline-filter {
  position: relative;
  z-index: 2; }
  .inline-filter .caption {
    margin-left: 20px;
    font-size: 18px;
    font-weight: 500;
    padding-right: 10px; }
    .inline-filter .caption i {
      font-size: 30px; }
  .inline-filter .options {
    margin-top: 10px;
    margin-bottom: 40px; }
    .inline-filter .options .option {
      margin-bottom: 10px;
      position: relative;
      height: 25px;
      transition: height 0.3s; }
      .inline-filter .options .option .status {
        display: table;
        background: none; }
        .inline-filter .options .option .status .icon {
          display: table-cell;
          background: #eff5f8;
          border-radius: 40px;
          zoom: 1; }
        .inline-filter .options .option .status .caption {
          display: table-cell;
          font-size: 14px;
          font-weight: 400;
          position: relative;
          left: -15px;
          opacity: 0;
          background-color: #eff5f8;
          border-radius: 20px;
          transition: all 0.3s; }
          .inline-filter .options .option .status .caption span {
            display: none; }
      .inline-filter .options .option:not(.checked) .status .icon i {
        color: #CCC; }
      .inline-filter .options .option:not(.checked) .caption {
        color: #777; }
      .inline-filter .options .option:hover .caption {
        left: 17px;
        opacity: 1; }
    .inline-filter .options:hover .option {
      min-width: 300px;
      height: 50px; }
      .inline-filter .options:hover .option:not(.checked) .status .icon i {
        color: #BBB !important; }
    .inline-filter .options.has-checked .option:not(.checked) .status .icon i {
      color: #DDD; }
  .inline-filter .inputs {
    width: 150px;
    margin-top: 10px;
    margin-bottom: 30px; }
  .inline-filter .filters {
    margin-top: 10px;
    width: 150px; }
    .inline-filter .filters .filter {
      display: inline-block;
      background-color: #eeeeee;
      border: 1px #ddd solid;
      padding: 5px 10px 5px 10px;
      border-radius: 10px;
      margin-bottom: 5px; }
      .inline-filter .filters .filter .close {
        font-weight: 400;
        margin-top: -2px;
        margin-left: 5px;
        margin-right: -2px; }
  @media (max-width: 767px) {
    .inline-filter {
      display: none; } }
  .inline-filter .ember-power-select-trigger {
    border-radius: 30px !important;
    background-color: #eff5f8; }
    .inline-filter .ember-power-select-trigger .ember-power-select-placeholder,
    .inline-filter .ember-power-select-trigger .ember-power-select-selected-item {
      margin-left: 15px; }
    .inline-filter .ember-power-select-trigger .ember-power-select-clear-btn {
      background-color: #eff5f8; }

/* MATCHES IN PROGRESS */
.match-progress {
  margin-top: 15px; }
  .match-progress .process {
    position: relative;
    margin-bottom: 30px; }
    .match-progress .process .subject.preview:not(.open) {
      display: none; }
      .match-progress .process .subject.preview:not(.open) ~ .date {
        display: none; }
    .match-progress .process .status {
      display: table;
      padding: 3px 0 3px 0;
      cursor: pointer;
      margin-bottom: 5px;
      width: 100%; }
      .match-progress .process .status .icon {
        display: table-cell;
        width: 30px; }
        .match-progress .process .status .icon .btn {
          border-radius: 30px;
          border-width: 0;
          width: 50px;
          height: 50px;
          font-size: 25px;
          pointer-events: none; }
          .match-progress .process .status .icon .btn i {
            position: relative;
            left: -1px; }
          .match-progress .process .status .icon .btn i.icon-checkmark-thick {
            top: 3px; }
          .match-progress .process .status .icon .btn i.icon-paper-document {
            left: 0px; }
          .match-progress .process .status .icon .btn i.icon-thumbs-up {
            top: -2px; }
          .match-progress .process .status .icon .btn i.icon-task-check {
            left: 0px; }
          .match-progress .process .status .icon .btn i.icon-feeling-loved-face {
            top: 1px; }
          .match-progress .process .status .icon .btn i.icon-identification {
            top: 2px; }
          .match-progress .process .status .icon .btn i.icon-dropped-pin {
            left: 1px; }
          .match-progress .process .status .icon .btn i.icon-inbox-2 {
            top: -2px; }
        .match-progress .process .status .icon .icon-wait-thin {
          position: absolute;
          font-size: 55px;
          margin-top: -4px; }
          .match-progress .process .status .icon .icon-wait-thin.primary {
            color: #F8842A; }
          .match-progress .process .status .icon .icon-wait-thin.primary2 {
            color: #859fb0; }
          .match-progress .process .status .icon .icon-wait-thin.info {
            color: #6eadd1; }
          .match-progress .process .status .icon .icon-wait-thin.warning {
            color: #F0A324; }
          .match-progress .process .status .icon .icon-wait-thin.danger {
            color: #d9534f; }
          .match-progress .process .status .icon .icon-wait-thin.success {
            color: #5cb85c; }
      .match-progress .process .status .caption {
        display: table-cell;
        font-size: 18px;
        padding-left: 15px;
        vertical-align: middle; }
        .match-progress .process .status .caption span {
          display: block;
          font-size: 15px;
          color: #999; }
          .match-progress .process .status .caption span span {
            display: inline-block; }
      .match-progress .process .status .encircling {
        position: absolute;
        margin-left: -35px;
        margin-top: -20px;
        width: 280px;
        height: 100px;
        background-image: url("/images/curved-encircle.png");
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain; }
    .match-progress .process .toggle {
      display: none;
      position: absolute;
      float: right;
      top: 15px;
      right: 30px;
      margin-top: 5px;
      color: #859fb0;
      font-size: 30px; }
      .match-progress .process .toggle i {
        position: relative;
        margin-left: 5px; }
    .match-progress .process .subject .list-group-item {
      border: none; }
      .match-progress .process .subject .list-group-item .text {
        padding-bottom: 5px;
        border-bottom: 1px #eee solid;
        font-size: 15px; }
        .match-progress .process .subject .list-group-item .text .small {
          color: #888; }
        .match-progress .process .subject .list-group-item .text.description {
          padding-bottom: 10px; }
      .match-progress .process .subject .list-group-item.clickable {
        border-radius: 15px; }
        .match-progress .process .subject .list-group-item.clickable:hover .text {
          border-color: #f5f5f5; }
      .match-progress .process .subject .list-group-item.list-group-item-warning {
        margin-top: 10px; }
        .match-progress .process .subject .list-group-item.list-group-item-warning .text {
          border: none;
          border-radius: 15px; }
    .match-progress .process .date {
      font-size: 11px;
      color: #BBB;
      text-align: right;
      right: 20px;
      position: relative; }
    .match-progress .process .buttons {
      padding-top: 8px;
      padding-right: 8px;
      min-height: 54px; }
      .match-progress .process .buttons .pull-left .btn,
      .match-progress .process .buttons .btn.pull-left {
        margin-right: 5px; }
      .match-progress .process .buttons .pull-right .btn,
      .match-progress .process .buttons .btn.pull-right {
        margin-left: 5px; }
      .match-progress .process .buttons .label {
        position: relative;
        top: 7px; }
    @media (min-width: 767px) {
      .match-progress .process .subject, .match-progress .process .date {
        margin-left: 30px; }
      .match-progress .process .status:hover .toggle {
        display: block; } }
  .match-progress.dropdown-menu, .match-progress.in-alert {
    margin-top: 0; }
    .match-progress.dropdown-menu .title, .match-progress.in-alert .title {
      color: #BBB;
      padding: 10px 20px;
      min-width: 250px; }
    .match-progress.dropdown-menu .process, .match-progress.in-alert .process {
      position: relative;
      font-weight: 400;
      margin: 0 !important; }
      .match-progress.dropdown-menu .process .status, .match-progress.in-alert .process .status {
        display: inline-block;
        width: 100%;
        padding-right: 10px;
        margin: 0; }
        .match-progress.dropdown-menu .process .status .icon, .match-progress.in-alert .process .status .icon {
          position: relative; }
          .match-progress.dropdown-menu .process .status .icon .icon-wait-thin, .match-progress.in-alert .process .status .icon .icon-wait-thin {
            font-size: 40px;
            margin-top: -2px;
            margin-left: 4px; }
          .match-progress.dropdown-menu .process .status .icon .btn, .match-progress.in-alert .process .status .icon .btn {
            width: 35px;
            height: 35px;
            font-size: 18px; }
        .match-progress.dropdown-menu .process .status .caption, .match-progress.in-alert .process .status .caption {
          font-size: 15px;
          color: #555; }
          .match-progress.dropdown-menu .process .status .caption span, .match-progress.in-alert .process .status .caption span {
            font-size: 12px; }
        .match-progress.dropdown-menu .process .status .toggle, .match-progress.in-alert .process .status .toggle {
          display: none; }
      .match-progress.dropdown-menu .process:hover .status .icon .icon-wait-thin,
      .match-progress.dropdown-menu .process:hover .status .icon .btn,
      .match-progress.dropdown-menu .process:hover .status .caption,
      .match-progress.dropdown-menu .process:hover .status .caption span, .match-progress.in-alert .process:hover .status .icon .icon-wait-thin,
      .match-progress.in-alert .process:hover .status .icon .btn,
      .match-progress.in-alert .process:hover .status .caption,
      .match-progress.in-alert .process:hover .status .caption span {
        color: #fff; }
      .match-progress.dropdown-menu .process .subject, .match-progress.in-alert .process .subject {
        position: absolute;
        z-index: 20;
        width: 450px;
        margin-top: -5px;
        left: -100px;
        color: #333;
        border: 1px #ddd solid;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        display: none; }
        .match-progress.dropdown-menu .process .subject .divider, .match-progress.in-alert .process .subject .divider {
          background: none !important; }
        .match-progress.dropdown-menu .process .subject:before, .match-progress.dropdown-menu .process .subject:after, .match-progress.in-alert .process .subject:before, .match-progress.in-alert .process .subject:after {
          bottom: 100%;
          left: 102px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none; }
        .match-progress.dropdown-menu .process .subject:before, .match-progress.in-alert .process .subject:before {
          border-color: rgba(194, 225, 245, 0);
          border-bottom-color: #ddd;
          border-width: 10px;
          margin-left: -10px; }
        .match-progress.dropdown-menu .process .subject:after, .match-progress.in-alert .process .subject:after {
          border-color: rgba(194, 225, 245, 0);
          border-bottom-color: #fff;
          border-width: 8px;
          margin-left: -8px; }
      .match-progress.dropdown-menu .process:hover .subject.preview, .match-progress.in-alert .process:hover .subject.preview {
        display: block !important; }
      .match-progress.dropdown-menu .process .date, .match-progress.in-alert .process .date {
        display: none; }
  .match-progress.in-alert.pull-right .process > .btn {
    margin-bottom: 10px; }
  .match-progress.in-alert.pull-right .subject {
    left: -350px; }
    .match-progress.in-alert.pull-right .subject:before, .match-progress.in-alert.pull-right .subject:after {
      left: 352px; }
  .match-progress .inline-filter {
    margin-left: 20px;
    margin-top: 50px;
    margin-bottom: 80px; }

.modal .process .list-group.subject {
  border: 2px #ddd solid; }

.modal .match-progress.only-one .process {
  margin-bottom: -10px; }
  .modal .match-progress.only-one .process .status {
    margin-left: 10px;
    margin-bottom: 10px;
    cursor: default; }
  .modal .match-progress.only-one .process .subject {
    margin-left: 0;
    border: 0;
    box-shadow: none; }
    .modal .match-progress.only-one .process .subject .list-group-item {
      padding: 15px 15px; }
    .modal .match-progress.only-one .process .subject .buttons {
      padding-top: 20px; }
  .modal .match-progress.only-one .process .date {
    display: none; }

.lead .icon-certificate-fill,
.list-group-item .content .icon-certificate-fill {
  position: relative;
  bottom: -5px;
  font-size: 135%;
  color: #555; }

.inactive-match {
  transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease; }

.contractEditor .contract-info {
  min-height: 180px; }

.contractEditor .editorcontainer .alertbox {
  position: absolute;
  z-index: 2;
  width: calc(100% - 30px); }

.contractEditor .editorcontainer .alert {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  border-radius: 0;
  margin: 0; }
  .contractEditor .editorcontainer .alert:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }

.contractEditor .editorcontainer .contractcomposer {
  margin-bottom: 15px; }
  .contractEditor .editorcontainer .contractcomposer .messagecomposer {
    margin: 0px -15px -15px -15px; }

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
  font-weight: normal;
  color: #333 !important; }

.editable-click,
a.editable-click,
a.editable-click:hover,
.editable-unsaved {
  font-weight: bold;
  border-color: #31708f !important;
  color: #31708f !important; }

.company-suggestion-invitation-limit {
  text-align: center;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 6px; }
  .company-suggestion-invitation-limit .btn-group {
    margin: 0 10px; }

.company-suggestion-invitations .list-group-item {
  position: relative; }
  .company-suggestion-invitations .list-group-item:hover {
    background-color: #f5f5f5; }
  .company-suggestion-invitations .list-group-item .logo {
    width: 80px;
    display: table-cell;
    vertical-align: top; }
  .company-suggestion-invitations .list-group-item .company {
    display: table-cell;
    vertical-align: top;
    font-size: 18px;
    font-weight: 400;
    padding-top: 5px;
    padding-left: 20px; }
    .company-suggestion-invitations .list-group-item .company .location {
      font-size: 14px; }
      .company-suggestion-invitations .list-group-item .company .location .grey-label {
        font-size: 12px;
        padding: 3px 6px; }
    .company-suggestion-invitations .list-group-item .company .ctas a {
      text-decoration: none; }
  .company-suggestion-invitations .list-group-item.disabled:not(:hover) {
    background-color: #FFF; }
    .company-suggestion-invitations .list-group-item.disabled:not(:hover) .logo {
      opacity: 0.3; }
    .company-suggestion-invitations .list-group-item.disabled:not(:hover) .company {
      opacity: 0.6; }
  .company-suggestion-invitations .list-group-item .toggler {
    position: absolute;
    margin-top: 0px;
    right: 10px; }
    .company-suggestion-invitations .list-group-item .toggler .checkbox .custom-control-indicator {
      width: 25px;
      height: 25px;
      top: 3px;
      left: 0; }
    .company-suggestion-invitations .list-group-item .toggler .spinner {
      margin-top: 3px;
      margin-right: 3px;
      width: 20px; }
      .company-suggestion-invitations .list-group-item .toggler .spinner .bounce1 {
        width: 20px;
        height: 20px; }
  @media (max-width: 767px) {
    .company-suggestion-invitations .list-group-item {
      padding-left: 5px; }
      .company-suggestion-invitations .list-group-item label {
        font-size: 15px; }
      .company-suggestion-invitations .list-group-item .logo {
        width: 60px; }
      .company-suggestion-invitations .list-group-item .company {
        padding-left: 10px; }
      .company-suggestion-invitations .list-group-item .toggler {
        right: 0px; } }

.match-interests .profile-thumb,
.match-interests .company-logo {
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%; }
  .match-interests .profile-thumb .img,
  .match-interests .company-logo .img {
    position: relative;
    border: 2px #fff solid;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
    background-color: #f5f5f5;
    margin-bottom: 5px;
    display: block; }
  .match-interests .profile-thumb .stamps,
  .match-interests .company-logo .stamps {
    position: absolute;
    z-index: 101;
    top: -8px;
    right: 8px;
    color: #FFF; }
    .match-interests .profile-thumb .stamps .stamp,
    .match-interests .company-logo .stamps .stamp {
      display: inline-block;
      vertical-align: text-top;
      width: 33px;
      height: 33px;
      margin-left: -10px;
      border-radius: 50px;
      background-color: #999;
      border: 1px #FFF solid;
      font-size: 18px;
      line-height: 32px;
      text-align: center; }
      .match-interests .profile-thumb .stamps .stamp i,
      .match-interests .company-logo .stamps .stamp i {
        position: relative; }
      .match-interests .profile-thumb .stamps .stamp.interest,
      .match-interests .company-logo .stamps .stamp.interest {
        background-color: #59BA57; }
      .match-interests .profile-thumb .stamps .stamp.match,
      .match-interests .company-logo .stamps .stamp.match {
        background-color: #6eadd1; }
        .match-interests .profile-thumb .stamps .stamp.match i,
        .match-interests .company-logo .stamps .stamp.match i {
          top: 1px; }
  .match-interests .profile-thumb .caption .medium,
  .match-interests .company-logo .caption .medium {
    color: #333; }
  .match-interests .profile-thumb:hover,
  .match-interests .company-logo:hover {
    text-decoration: none; }
    .match-interests .profile-thumb:hover .img,
    .match-interests .company-logo:hover .img {
      border-color: #859fb0; }

.match-interests .profile-thumb .stamps {
  top: 0px; }

.match-interests .company-logo .img-rounded {
  background-color: #ffffff; }
  .match-interests .company-logo .img-rounded .square {
    background-size: contain;
    border: 4px #fff solid;
    border-radius: 5px; }

.match-interests .all-btn {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  padding-top: 20px; }
  .match-interests .all-btn a {
    font-size: 35px;
    color: #000;
    opacity: 0.2; }
    .match-interests .all-btn a:hover {
      opacity: 0.5; }

.candidate-progression .scan,
.contract-progression .scan {
  padding-top: 13px; }

.candidate-progression .profile,
.contract-progression .profile {
  padding-top: 18px; }
  .candidate-progression .profile .progress,
  .contract-progression .profile .progress {
    margin-bottom: 0; }

.candidate-progression .matching .activity,
.contract-progression .matching .activity {
  margin-top: 5px; }
  .candidate-progression .matching .activity .stamp,
  .contract-progression .matching .activity .stamp {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    height: 30px;
    margin-left: -2px;
    border-radius: 50px;
    background-color: #dedede;
    border: 1px #FFF solid;
    font-size: 16px;
    line-height: 29px;
    text-align: center; }
    .candidate-progression .matching .activity .stamp i,
    .contract-progression .matching .activity .stamp i {
      position: relative;
      color: #FFF; }
    .candidate-progression .matching .activity .stamp.confirmed i,
    .contract-progression .matching .activity .stamp.confirmed i {
      left: 1px;
      top: 2px; }
    .candidate-progression .matching .activity .stamp.matched i,
    .contract-progression .matching .activity .stamp.matched i {
      top: 1px; }
    .candidate-progression .matching .activity .stamp .badge,
    .contract-progression .matching .activity .stamp .badge {
      visibility: hidden;
      position: absolute;
      z-index: 1;
      right: -6px;
      top: -10px;
      padding: 2px 6px;
      font-size: 13px;
      font-weight: 600;
      background-color: #FFF;
      border-radius: 30px;
      color: #999; }
      .candidate-progression .matching .activity .stamp .badge .divider,
      .contract-progression .matching .activity .stamp .badge .divider {
        border-left: 1px #DDD solid;
        margin-left: 2px;
        padding-right: 1px; }
    .candidate-progression .matching .activity .stamp .badge.my, .candidate-progression .matching .activity .stamp .badge .my,
    .contract-progression .matching .activity .stamp .badge.my,
    .contract-progression .matching .activity .stamp .badge .my {
      display: none;
      color: #F8842A; }
    .candidate-progression .matching .activity .stamp.confirmed.settled_internship_given,
    .contract-progression .matching .activity .stamp.confirmed.settled_internship_given {
      background-color: #F1AD43; }
      .candidate-progression .matching .activity .stamp.confirmed.settled_internship_given.declined,
      .contract-progression .matching .activity .stamp.confirmed.settled_internship_given.declined {
        background-color: #d9534f; }
    .candidate-progression .matching .activity .stamp.received,
    .contract-progression .matching .activity .stamp.received {
      background-color: #999; }
    .candidate-progression .matching .activity .stamp.given.neighborhood_invited,
    .contract-progression .matching .activity .stamp.given.neighborhood_invited {
      background-color: #F1AD43; }
    .candidate-progression .matching .activity .stamp.given.favorites,
    .contract-progression .matching .activity .stamp.given.favorites {
      background-color: #999; }
    .candidate-progression .matching .activity .stamp.given.chats,
    .contract-progression .matching .activity .stamp.given.chats {
      background-color: #A893EE; }
    .candidate-progression .matching .activity .stamp.given.interests,
    .contract-progression .matching .activity .stamp.given.interests {
      background-color: #F1AD43; }
    .candidate-progression .matching .activity .stamp.given.matched,
    .contract-progression .matching .activity .stamp.given.matched {
      background-color: #6eadd1; }
    .candidate-progression .matching .activity .stamp.given.confirmed,
    .contract-progression .matching .activity .stamp.given.confirmed {
      background-color: #59BA57; }
    .candidate-progression .matching .activity .stamp.given .badge.my, .candidate-progression .matching .activity .stamp.given .badge .my,
    .contract-progression .matching .activity .stamp.given .badge.my,
    .contract-progression .matching .activity .stamp.given .badge .my {
      display: inline-block; }

.candidate-progression .matching .highlight-match,
.contract-progression .matching .highlight-match {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 5px; }
  .candidate-progression .matching .highlight-match .badge,
  .contract-progression .matching .highlight-match .badge {
    display: inline-block;
    border-radius: 10px;
    vertical-align: middle; }
  .candidate-progression .matching .highlight-match .name,
  .contract-progression .matching .highlight-match .name {
    display: inline-block;
    width: calc(100% - 65px);
    padding-top: 2px;
    line-height: 14px;
    vertical-align: middle; }

.candidate-progression .contract,
.candidate-progression .timesheets,
.candidate-progression .assignments,
.contract-progression .contract,
.contract-progression .timesheets,
.contract-progression .assignments {
  padding-top: 15px; }
  .candidate-progression .contract .mark,
  .candidate-progression .timesheets .mark,
  .candidate-progression .assignments .mark,
  .contract-progression .contract .mark,
  .contract-progression .timesheets .mark,
  .contract-progression .assignments .mark {
    min-width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 50px;
    background-color: #eee;
    border: 1px #eee solid;
    color: #eee;
    font-size: 14px;
    line-height: 14px;
    text-align: center; }
    .candidate-progression .contract .mark.warn,
    .candidate-progression .timesheets .mark.warn,
    .candidate-progression .assignments .mark.warn,
    .contract-progression .contract .mark.warn,
    .contract-progression .timesheets .mark.warn,
    .contract-progression .assignments .mark.warn {
      color: #fff; }
      .candidate-progression .contract .mark.warn.grey,
      .candidate-progression .timesheets .mark.warn.grey,
      .candidate-progression .assignments .mark.warn.grey,
      .contract-progression .contract .mark.warn.grey,
      .contract-progression .timesheets .mark.warn.grey,
      .contract-progression .assignments .mark.warn.grey {
        background-color: #BBB;
        border-color: #999; }
      .candidate-progression .contract .mark.warn.orange,
      .candidate-progression .timesheets .mark.warn.orange,
      .candidate-progression .assignments .mark.warn.orange,
      .contract-progression .contract .mark.warn.orange,
      .contract-progression .timesheets .mark.warn.orange,
      .contract-progression .assignments .mark.warn.orange {
        background-color: #F88429;
        border-color: #d86e1d; }
      .candidate-progression .contract .mark.warn.yellow,
      .candidate-progression .timesheets .mark.warn.yellow,
      .candidate-progression .assignments .mark.warn.yellow,
      .contract-progression .contract .mark.warn.yellow,
      .contract-progression .timesheets .mark.warn.yellow,
      .contract-progression .assignments .mark.warn.yellow {
        background-color: #F5BD00;
        border-color: #D1A100; }
      .candidate-progression .contract .mark.warn.blue,
      .candidate-progression .timesheets .mark.warn.blue,
      .candidate-progression .assignments .mark.warn.blue,
      .contract-progression .contract .mark.warn.blue,
      .contract-progression .timesheets .mark.warn.blue,
      .contract-progression .assignments .mark.warn.blue {
        background-color: #6eadd1;
        border-color: #4c99c5; }
      .candidate-progression .contract .mark.warn.green,
      .candidate-progression .timesheets .mark.warn.green,
      .candidate-progression .assignments .mark.warn.green,
      .contract-progression .contract .mark.warn.green,
      .contract-progression .timesheets .mark.warn.green,
      .contract-progression .assignments .mark.warn.green {
        background-color: #58B957;
        border-color: #4CAE4C; }
    .candidate-progression .contract .mark.total,
    .candidate-progression .timesheets .mark.total,
    .candidate-progression .assignments .mark.total,
    .contract-progression .contract .mark.total,
    .contract-progression .timesheets .mark.total,
    .contract-progression .assignments .mark.total {
      color: #fff;
      background-color: #ddd;
      border-color: #ddd;
      padding-left: 5px;
      padding-right: 5px;
      margin-left: 6px; }
      .candidate-progression .contract .mark.total.worked,
      .candidate-progression .timesheets .mark.total.worked,
      .candidate-progression .assignments .mark.total.worked,
      .contract-progression .contract .mark.total.worked,
      .contract-progression .timesheets .mark.total.worked,
      .contract-progression .assignments .mark.total.worked {
        background-color: #58B957;
        border-color: #4CAE4C; }
      .candidate-progression .contract .mark.total.not_accomplished,
      .candidate-progression .timesheets .mark.total.not_accomplished,
      .candidate-progression .assignments .mark.total.not_accomplished,
      .contract-progression .contract .mark.total.not_accomplished,
      .contract-progression .timesheets .mark.total.not_accomplished,
      .contract-progression .assignments .mark.total.not_accomplished {
        background-color: #d9534f;
        border-color: #d43f3a; }
  .candidate-progression .contract .mark-group,
  .candidate-progression .timesheets .mark-group,
  .candidate-progression .assignments .mark-group,
  .contract-progression .contract .mark-group,
  .contract-progression .timesheets .mark-group,
  .contract-progression .assignments .mark-group {
    display: inline-block;
    position: relative; }
    .candidate-progression .contract .mark-group .mark:last-child,
    .candidate-progression .timesheets .mark-group .mark:last-child,
    .candidate-progression .assignments .mark-group .mark:last-child,
    .contract-progression .contract .mark-group .mark:last-child,
    .contract-progression .timesheets .mark-group .mark:last-child,
    .contract-progression .assignments .mark-group .mark:last-child {
      margin-left: -10px; }
  .candidate-progression .contract .check,
  .candidate-progression .timesheets .check,
  .candidate-progression .assignments .check,
  .contract-progression .contract .check,
  .contract-progression .timesheets .check,
  .contract-progression .assignments .check {
    top: 2px;
    left: 4px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-color: #f9f9f9;
    border: 1px #ddd solid;
    border-radius: 6px;
    position: relative;
    font-size: 15px;
    line-height: 16px;
    vertical-align: top;
    text-align: center;
    color: #FFF; }
    .candidate-progression .contract .check i,
    .candidate-progression .timesheets .check i,
    .candidate-progression .assignments .check i,
    .contract-progression .contract .check i,
    .contract-progression .timesheets .check i,
    .contract-progression .assignments .check i {
      position: absolute;
      visibility: hidden;
      font-size: 14px;
      top: 3px;
      left: 3px; }
    .candidate-progression .contract .check.fail,
    .candidate-progression .timesheets .check.fail,
    .candidate-progression .assignments .check.fail,
    .contract-progression .contract .check.fail,
    .contract-progression .timesheets .check.fail,
    .contract-progression .assignments .check.fail {
      background-color: #d9534f;
      border-color: #b94643; }
    .candidate-progression .contract .check.pass,
    .candidate-progression .timesheets .check.pass,
    .candidate-progression .assignments .check.pass,
    .contract-progression .contract .check.pass,
    .contract-progression .timesheets .check.pass,
    .contract-progression .assignments .check.pass {
      background-color: #F0A324;
      border-color: #e19c2d; }
    .candidate-progression .contract .check.not_started, .candidate-progression .contract .check.in_progress,
    .candidate-progression .timesheets .check.not_started,
    .candidate-progression .timesheets .check.in_progress,
    .candidate-progression .assignments .check.not_started,
    .candidate-progression .assignments .check.in_progress,
    .contract-progression .contract .check.not_started,
    .contract-progression .contract .check.in_progress,
    .contract-progression .timesheets .check.not_started,
    .contract-progression .timesheets .check.in_progress,
    .contract-progression .assignments .check.not_started,
    .contract-progression .assignments .check.in_progress {
      background-color: #F5BD00;
      border-color: #D1A100; }
    .candidate-progression .contract .check.checked, .candidate-progression .contract .check.finished, .candidate-progression .contract .check.good,
    .candidate-progression .timesheets .check.checked,
    .candidate-progression .timesheets .check.finished,
    .candidate-progression .timesheets .check.good,
    .candidate-progression .assignments .check.checked,
    .candidate-progression .assignments .check.finished,
    .candidate-progression .assignments .check.good,
    .contract-progression .contract .check.checked,
    .contract-progression .contract .check.finished,
    .contract-progression .contract .check.good,
    .contract-progression .timesheets .check.checked,
    .contract-progression .timesheets .check.finished,
    .contract-progression .timesheets .check.good,
    .contract-progression .assignments .check.checked,
    .contract-progression .assignments .check.finished,
    .contract-progression .assignments .check.good {
      background-color: #59BA57;
      border-color: #4CAE4C; }
      .candidate-progression .contract .check.checked i, .candidate-progression .contract .check.finished i, .candidate-progression .contract .check.good i,
      .candidate-progression .timesheets .check.checked i,
      .candidate-progression .timesheets .check.finished i,
      .candidate-progression .timesheets .check.good i,
      .candidate-progression .assignments .check.checked i,
      .candidate-progression .assignments .check.finished i,
      .candidate-progression .assignments .check.good i,
      .contract-progression .contract .check.checked i,
      .contract-progression .contract .check.finished i,
      .contract-progression .contract .check.good i,
      .contract-progression .timesheets .check.checked i,
      .contract-progression .timesheets .check.finished i,
      .contract-progression .timesheets .check.good i,
      .contract-progression .assignments .check.checked i,
      .contract-progression .assignments .check.finished i,
      .contract-progression .assignments .check.good i {
        visibility: visible; }

.candidate-progression .contract .certificate,
.contract-progression .contract .certificate {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px; }
  .candidate-progression .contract .certificate i,
  .contract-progression .contract .certificate i {
    color: #999;
    font-size: 25px;
    top: 2px; }
  .candidate-progression .contract .certificate .not_licensed i,
  .contract-progression .contract .certificate .not_licensed i {
    color: #ddd; }
  .candidate-progression .contract .certificate .fully_licensed i,
  .candidate-progression .contract .certificate .partly_licensed i,
  .contract-progression .contract .certificate .fully_licensed i,
  .contract-progression .contract .certificate .partly_licensed i {
    color: #59BA57; }
  .candidate-progression .contract .certificate .license_requested i,
  .candidate-progression .contract .certificate .license_deprecated i,
  .contract-progression .contract .certificate .license_requested i,
  .contract-progression .contract .certificate .license_deprecated i {
    color: #F1AD43; }

.candidate-progression .contract .signed,
.contract-progression .contract .signed {
  display: inline-block; }
  .candidate-progression .contract .signed .check,
  .contract-progression .contract .signed .check {
    top: 0;
    left: 0; }
  .candidate-progression .contract .signed.final, .candidate-progression .contract .signed.skipped,
  .contract-progression .contract .signed.final,
  .contract-progression .contract .signed.skipped {
    margin-top: -5px; }
    .candidate-progression .contract .signed.final .check, .candidate-progression .contract .signed.skipped .check,
    .contract-progression .contract .signed.final .check,
    .contract-progression .contract .signed.skipped .check {
      vertical-align: middle; }
  .candidate-progression .contract .signed.skipped .checked,
  .contract-progression .contract .signed.skipped .checked {
    background-color: #BBB;
    border-color: #999; }

.candidate-progression .contract .contract_status,
.candidate-progression .contract .sis_status,
.contract-progression .contract .contract_status,
.contract-progression .contract .sis_status {
  position: relative;
  display: inline-block;
  margin-left: 2px; }
  .candidate-progression .contract .contract_status.contract_status,
  .candidate-progression .contract .sis_status.contract_status,
  .contract-progression .contract .contract_status.contract_status,
  .contract-progression .contract .sis_status.contract_status {
    top: -5px; }
  .candidate-progression .contract .contract_status .mark,
  .candidate-progression .contract .sis_status .mark,
  .contract-progression .contract .contract_status .mark,
  .contract-progression .contract .sis_status .mark {
    background-color: #BBB;
    border-color: #999;
    font-size: 85%;
    padding-left: 5px;
    padding-right: 5px;
    color: #FFF; }
    .candidate-progression .contract .contract_status .mark.danger,
    .candidate-progression .contract .sis_status .mark.danger,
    .contract-progression .contract .contract_status .mark.danger,
    .contract-progression .contract .sis_status .mark.danger {
      background-color: #d9534f;
      border-color: #d43f3a; }
    .candidate-progression .contract .contract_status .mark.warning,
    .candidate-progression .contract .sis_status .mark.warning,
    .contract-progression .contract .contract_status .mark.warning,
    .contract-progression .contract .sis_status .mark.warning {
      background-color: #F88429;
      border-color: #d86e1d; }
    .candidate-progression .contract .contract_status .mark.info,
    .candidate-progression .contract .sis_status .mark.info,
    .contract-progression .contract .contract_status .mark.info,
    .contract-progression .contract .sis_status .mark.info {
      background-color: #6eadd1;
      border-color: #4c99c5; }
    .candidate-progression .contract .contract_status .mark.success,
    .candidate-progression .contract .sis_status .mark.success,
    .contract-progression .contract .contract_status .mark.success,
    .contract-progression .contract .sis_status .mark.success {
      background-color: #58B957;
      border-color: #4CAE4C; }

.candidate-progression .pending-processes,
.contract-progression .pending-processes {
  padding: 10px 0 0 0; }
  .candidate-progression .pending-processes .badge,
  .contract-progression .pending-processes .badge {
    cursor: pointer; }
  .candidate-progression .pending-processes .spinner,
  .contract-progression .pending-processes .spinner {
    margin: 10px 0 0 0; }

.candidate-progression tbody tr:hover td,
.contract-progression tbody tr:hover td {
  background-color: #f5f5f5; }
  .candidate-progression tbody tr:hover td.matching .badge,
  .contract-progression tbody tr:hover td.matching .badge {
    visibility: visible !important; }

@media (min-width: 768px) {
  table.candidate-progression td {
    border-top: 0 !important; } }

.match-settled-internship .certificate {
  position: relative;
  top: 5px;
  padding-right: 10px; }
  .match-settled-internship .certificate i {
    color: #999;
    font-size: 25px; }
  .match-settled-internship .certificate .fully_licensed i,
  .match-settled-internship .certificate .partly_licensed i {
    color: #59BA57; }
  .match-settled-internship .certificate .license_requested i {
    color: #F1AD43; }
  .match-settled-internship .certificate .not_licensed i {
    color: #d9534f; }

.match-settled-internship .suggested-job-list .certificate .not_licensed i {
  color: #F1AD43; }

.contract-header {
  margin-bottom: 60px; }
  .contract-header .collapse-arrow {
    cursor: pointer;
    font-size: 30px;
    color: #999;
    background: #eff5f8; }
    .contract-header .collapse-arrow.pull-right {
      padding-left: 20px; }
    .contract-header .collapse-arrow.pull-left {
      padding-right: 20px; }
  .contract-header .hr {
    border-width: 3px;
    font-weight: 500; }
  .contract-header.lended .hr {
    color: #85C1E9;
    border-color: #85C1E9; }
  .contract-header.lended .collapse-arrow {
    color: #85C1E9; }
  .contract-header.hired .hr {
    color: #FFD300;
    border-color: #FFD300; }
  .contract-header.hired .collapse-arrow {
    color: #FFD300; }

.contract-representative .profile-picture {
  width: 40px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0; }

.time-controls {
  margin: -2px 4px 4px 4px;
  border: 1px #CCCCCC solid;
  background: #FFF;
  border-radius: 20px; }
  .time-controls .up {
    padding: 9px 6px 0px 7px;
    cursor: pointer;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-bottom: -6px; }
    .time-controls .up:hover {
      color: #000;
      background: #f5f5f5; }
  .time-controls .down {
    padding: 9px 6px 0px 7px;
    cursor: pointer;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-top: -6px; }
    .time-controls .down:hover {
      color: #000;
      background: #f5f5f5; }

.contract-progression .icon {
  font-size: 20px;
  color: #BBB;
  padding: 5px;
  position: absolute;
  visibility: hidden;
  margin-top: -5px;
  left: -15px; }

.contract-progression .contract .icon {
  left: -13px; }

.contract-progression .timesheets .icon {
  margin-top: -7px; }

.contract-progression .assignments .icon {
  left: -16px; }

.contract-progression .progression-box {
  padding: 5px 0;
  white-space: nowrap; }
  .contract-progression .progression-box:hover .icon {
    visibility: visible; }

.contract-progression.tile-view {
  margin-top: 10px;
  margin-bottom: -65px; }
  .contract-progression.tile-view .icon {
    background: #FFF;
    border-radius: 20px 0 0 20px;
    left: -20px;
    padding-left: 8px; }

.contract-progression.list-view {
  margin-top: -50px;
  height: 120px;
  border-left: 2px #DDD dotted; }
  .contract-progression.list-view .icon {
    background: #FFF; }
  .contract-progression.list-view .progression-box {
    padding-left: 20px; }

.assignments-timeline {
  position: relative;
  margin-bottom: 100px; }
  .assignments-timeline:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    display: block;
    width: 3px;
    background-color: #ddd; }
  .assignments-timeline .assignments-timeline-header {
    padding-top: 15px;
    margin-bottom: 15px; }
    .assignments-timeline .assignments-timeline-header .alert {
      margin-bottom: 0; }
    .assignments-timeline .assignments-timeline-header .hr {
      border-width: 3px;
      font-weight: 500;
      margin: 10px 60px; }
    .assignments-timeline .assignments-timeline-header .for-company .hr {
      color: #85C1E9;
      border-color: #85C1E9; }
    .assignments-timeline .assignments-timeline-header .for-candidate .hr {
      color: #FFD300;
      border-color: #FFD300; }
  .assignments-timeline .week {
    position: relative;
    font-weight: 400;
    margin: 5px 6px;
    padding-bottom: 15px;
    color: #999; }
    .assignments-timeline .week .prefix {
      text-transform: uppercase;
      position: absolute;
      transform: rotate(-90deg);
      font-size: 10px;
      top: 8px;
      left: -22px;
      opacity: 0; }
    .assignments-timeline .week .number {
      display: inline-block;
      font-size: 18px;
      background-color: #ddd;
      color: #fff;
      padding-top: 2px;
      border-radius: 20px;
      height: 30px;
      width: 30px;
      text-align: center; }
    .assignments-timeline .week .period {
      position: relative;
      opacity: 0.7;
      margin-left: 5px;
      margin-right: 5px;
      font-size: 13px;
      top: -1px; }
    .assignments-timeline .week-today {
      position: relative; }
      .assignments-timeline .week-today:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #d9534f;
        top: 14px; }
      .assignments-timeline .week-today .today {
        color: #d9534f;
        font-size: 90%;
        text-transform: uppercase;
        position: absolute;
        top: 6px;
        left: 0px;
        background: #eff5f8;
        padding: 0 10px; }
      .assignments-timeline .week-today .number {
        background-color: #d9534f; }
      .assignments-timeline .week-today .prefix, .assignments-timeline .week-today .period {
        opacity: 1;
        background: #eff5f8; }
    .assignments-timeline .week-placeholder {
      position: relative;
      height: 9px;
      margin-bottom: 3px; }
      .assignments-timeline .week-placeholder:before {
        content: ' ';
        position: absolute;
        height: 9px;
        width: 5px;
        left: 19px;
        border-top: 3px #eff5f8 solid;
        border-bottom: 3px #eff5f8 solid;
        background-color: #ddd; }
      .assignments-timeline .week-placeholder .week {
        opacity: 0;
        padding: 0;
        top: -20px; }
      .assignments-timeline .week-placeholder:hover {
        cursor: cursor; }
        .assignments-timeline .week-placeholder:hover .week, .assignments-timeline .week-placeholder:hover .week .prefix, .assignments-timeline .week-placeholder:hover .week .period {
          opacity: 1; }
      .assignments-timeline .week-placeholder ~ .week-container {
        margin-bottom: 10px;
        margin-top: 10px; }
    .assignments-timeline .week-container:not(.week-today) {
      padding-bottom: 30px; }
      .assignments-timeline .week-container:not(.week-today):hover .week .number {
        background-color: #859fb0; }
      .assignments-timeline .week-container:not(.week-today):hover .week .prefix, .assignments-timeline .week-container:not(.week-today):hover .week .period {
        opacity: 1; }
  .assignments-timeline .assignments {
    margin-top: 20px; }
  .assignments-timeline .for-candidate, .assignments-timeline .for-company {
    padding-bottom: 20px; }

.assignments .assignment {
  position: relative;
  width: calc(100% - 100px);
  left: 45px;
  border-radius: 20px;
  margin-bottom: 15px; }
  .assignments .assignment .badge {
    position: absolute;
    border: 2px #eff5f8 solid;
    top: 15px; }
  .assignments .assignment .dot {
    cursor: pointer;
    position: absolute;
    top: 23px; }
    .assignments .assignment .dot:after {
      content: '';
      position: absolute;
      top: -8px;
      width: 25px;
      height: 25px;
      border-radius: 50px;
      background-color: #DDD;
      transition: background-color 0.1s ease-in-out;
      border: 3px #eff5f8 solid; }
    .assignments .assignment .dot:before {
      content: '';
      position: absolute;
      width: 40px;
      height: 9px;
      border-radius: 10px;
      background-color: #ddd;
      transition: background-color 0.1s ease-in-out;
      border: 3px #eff5f8 solid; }
    .assignments .assignment .dot.success:after {
      background-color: #5cb85c; }
    .assignments .assignment .dot.warning:after {
      background-color: #F0A324; }
    .assignments .assignment .dot.danger:after {
      background-color: #d9534f; }
    .assignments .assignment .dot.info:after {
      background-color: #6eadd1; }
    .assignments .assignment .dot.orange:after {
      background-color: #F8842A; }
    .assignments .assignment .dot.default:after {
      background-color: #999; }
    .assignments .assignment .dot.blue:after {
      background-color: #859fb0; }
  .assignments .assignment .toggle-collapse {
    float: right;
    cursor: pointer;
    margin-top: 16px;
    margin-right: 12px;
    font-size: 18px;
    opacity: 0; }
  .assignments .assignment .close {
    margin-top: 8px;
    margin-right: 12px;
    font-size: 30px;
    font-weight: 200; }
  .assignments .assignment .title {
    cursor: pointer;
    padding: 15px 60px 15px 20px;
    font-size: 18px;
    font-weight: 500; }
    .assignments .assignment .title .small {
      color: #bbb; }
    .assignments .assignment .title .checkmark-group {
      display: inline-block;
      position: relative; }
      .assignments .assignment .title .checkmark-group span:nth-child(2) {
        margin-left: -10px; }
      .assignments .assignment .title .checkmark-group i {
        position: relative;
        top: 2px; }
  .assignments .assignment.open .title {
    padding-bottom: 0; }
  .assignments .assignment .content {
    padding: 0px 20px 15px 20px;
    margin-top: 20px; }
    .assignments .assignment .content .files {
      margin-left: -10px; }
      .assignments .assignment .content .files .btn {
        white-space: normal;
        text-align: left; }
  .assignments .assignment .action-buttons {
    position: absolute;
    bottom: -20px;
    right: 20px; }
    .assignments .assignment .action-buttons .btn {
      background-color: #eff5f8;
      border-radius: 20px;
      width: 35px;
      height: 35px; }
      .assignments .assignment .action-buttons .btn i {
        position: relative;
        font-size: 18px;
        left: -7px; }
        .assignments .assignment .action-buttons .btn i .icon-checkmark-thick {
          font-size: 20px;
          top: 3px; }
      .assignments .assignment .action-buttons .btn:hover {
        background-color: #859fb0; }
        .assignments .assignment .action-buttons .btn:hover i {
          color: #fff; }
      .assignments .assignment .action-buttons .btn.confirm i {
        top: 4px; }
  .assignments .assignment .status .btn {
    width: auto;
    color: #fff; }
    .assignments .assignment .status .btn .caret {
      margin-right: -3px; }
  .assignments .assignment .status .lidot {
    position: relative;
    display: inline-block;
    top: 2px;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #fff; }
  .assignments .assignment .status .btn.default, .assignments .assignment .status .no > .lidot, .assignments .assignment .status .no:hover {
    background-color: #999; }
  .assignments .assignment .status .btn.info, .assignments .assignment .status .seen > .lidot, .assignments .assignment .status .seen:hover {
    background-color: #6eadd1; }
  .assignments .assignment .status .btn.info, .assignments .assignment .status .seen > .lidot, .assignments .assignment .status .seen:hover {
    background-color: #6eadd1; }
  .assignments .assignment .status .btn.warning, .assignments .assignment .status .started > .lidot, .assignments .assignment .status .started:hover, .assignments .assignment .status .pass > .lidot, .assignments .assignment .status .pass:hover {
    background-color: #F0A324; }
  .assignments .assignment .status .btn.danger, .assignments .assignment .status .cancelled > .lidot, .assignments .assignment .status .cancelled:hover, .assignments .assignment .status .fail > .lidot, .assignments .assignment .status .fail:hover {
    background-color: #d9534f; }
  .assignments .assignment .status .btn.success, .assignments .assignment .status .finished > .lidot, .assignments .assignment .status .finished:hover, .assignments .assignment .status .good > .lidot, .assignments .assignment .status .good:hover {
    background-color: #5cb85c; }
  .assignments .assignment .status li > a:hover .lidot {
    background-color: #fff; }
  .assignments .assignment:hover {
    background-color: #fff; }
    .assignments .assignment:hover .toggle-collapse {
      opacity: 0.4; }
      .assignments .assignment:hover .toggle-collapse:hover {
        opacity: 1; }
  .assignments .assignment.open {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px; }
  .assignments .assignment.float {
    position: absolute;
    z-index: 10;
    margin-top: -40px;
    border: 2px #ddd solid;
    width: 100%;
    left: 30px; }

.assignments .deadline {
  color: #999;
  font-size: 12px;
  position: relative;
  left: 65px;
  width: calc(100% - 65px);
  margin-bottom: 15px; }

.assignments .messages {
  position: relative;
  width: calc(100% - 80px);
  margin-bottom: 40px; }
  .assignments .messages .fade-top {
    width: calc(100% + 10px); }

@media (min-width: 767px) {
  .assignments-timeline:before {
    left: 50%; }
  .assignments-timeline .week {
    width: 50%;
    left: calc(50% - 20px); }
    .assignments-timeline .week-placeholder:before {
      left: calc(50% - 1px); }
  .assignments-timeline .assignment {
    width: calc(100% - 50px);
    left: 10px; }
  .assignments-timeline .deadline {
    left: 30px;
    width: calc(100% - 130px); }
  .assignments-timeline .messages {
    width: calc(100% - 35px); }
  .assignments-timeline .for-candidate .assignment {
    left: 45px; }
    .assignments-timeline .for-candidate .assignment:not(.open) .title {
      text-align: right;
      padding-right: 15px; }
    .assignments-timeline .for-candidate .assignment .badge {
      left: -10px; }
    .assignments-timeline .for-candidate .assignment .dot {
      right: 10px; }
      .assignments-timeline .for-candidate .assignment .dot:after {
        right: -45px; }
  .assignments-timeline .for-candidate .deadline {
    left: 65px; }
  .assignments-timeline .for-candidate .messages {
    left: 35px; }
  .assignments-timeline .for-company .assignment .badge {
    right: -10px; }
  .assignments-timeline .for-company .assignment .dot {
    left: -31px; }
    .assignments-timeline .for-company .assignment .dot:after {
      left: -5px; } }

@media (min-width: 767px) and (max-width: 992px) {
  .assignments-timeline .assignment {
    width: calc(100% - 15px); }
  .assignments-timeline .messages {
    width: calc(100%); }
  .assignments-timeline .for-candidate .assignment {
    left: 10px; }
  .assignments-timeline .for-candidate .deadline {
    left: 30px; }
  .assignments-timeline .for-candidate .messages {
    left: 0px; } }

@media (max-width: 767px) {
  .assignments-timeline .week-today .today {
    left: auto;
    right: 0; }
  .assignments-timeline .assignment {
    width: calc(100% - 50px); }
    .assignments-timeline .assignment .dot {
      left: -31px; }
      .assignments-timeline .assignment .dot:after {
        left: -5px; }
    .assignments-timeline .assignment .badge {
      right: -10px; }
    .assignments-timeline .assignment .toggle-collapse {
      opacity: 0.4; }
    .assignments-timeline .assignment.float {
      left: -50px;
      width: calc(100% + 60px); }
  .assignments-timeline .messages {
    width: calc(100% - 30px);
    left: 35px; } }

.assignments-timeline .for-company .dot.large:after {
  width: 40px;
  height: 40px;
  top: -15px;
  margin-left: -7px; }

.assignment-preview {
  position: relative;
  padding: 15px 20px;
  border: 2px #ddd solid;
  border-radius: 20px;
  background-color: #fff; }
  .assignment-preview .title {
    margin-bottom: 5px;
    font-size: 18px; }
    .assignment-preview .title .small {
      color: #bbb; }
  .assignment-preview .content {
    margin-top: 20px; }
    .assignment-preview .content .files {
      margin-left: -10px; }
      .assignment-preview .content .files .btn {
        white-space: normal;
        text-align: left; }

.dropdown.timesheet-label .dropdown-menu li a {
  color: #333; }
  .dropdown.timesheet-label .dropdown-menu li a:hover {
    background: #f2f2f2;
    color: #333; }

.dropdown.timesheet-label .label-color {
  float: left;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  margin-right: 5px; }

.dropdown.timesheet-label .dropdown-toggle {
  padding: 6px; }

.dropdown.timesheet-label .caret {
  margin-top: 8px; }

.dropdown.timesheet-label .dropdown-menu .label-color {
  width: 18px;
  height: 18px;
  margin: 1px 5px 0 0; }

.survey-questions .list-group-item:last-child {
  border-bottom: none; }

.survey-questions .question-title {
  margin: 10px; }

.survey-questions .well {
  margin-bottom: 0; }
  .survey-questions .well.narrow {
    padding: 10px 15px; }

.survey-questions .textarea {
  padding: 5px;
  margin-bottom: 10px;
  font-size: 15px;
  cursor: text; }
  .survey-questions .textarea .wysiwyg-editor .note-editor {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 10px; }
    .survey-questions .textarea .wysiwyg-editor .note-editor .note-editable {
      padding: 15px;
      font-size: 15px; }
      .survey-questions .textarea .wysiwyg-editor .note-editor .note-editable:active {
        background: #FFF; }
    .survey-questions .textarea .wysiwyg-editor .note-editor .note-editing-area .note-placeholder {
      margin: 5px; }
    .survey-questions .textarea .wysiwyg-editor .note-editor .note-editable, .survey-questions .textarea .wysiwyg-editor .note-editor .note-statusbar {
      background: none !important; }

.survey-questions .formarea {
  padding: 5px; }
  .survey-questions .formarea .form-control {
    border-radius: 10px;
    border: none; }

.survey-questions .scalearea {
  border-radius: 15px;
  background-color: #f0f0f0;
  min-height: 40px;
  padding: 0 5px 0 10px;
  position: relative;
  float: right; }
  .survey-questions .scalearea .caption {
    position: absolute;
    top: 12px;
    left: -55px;
    width: 50px;
    text-align: right;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    color: #999; }
  .survey-questions .scalearea .text {
    font-weight: 500;
    font-size: 120%;
    line-height: 40px;
    padding: 0 5px;
    text-transform: uppercase; }
  .survey-questions .scalearea .grey {
    padding: 0 5px;
    line-height: 40px; }

@media (max-width: 767px) {
  .survey-questions .scalearea {
    float: none; }
    .survey-questions .scalearea .caption {
      display: none; } }

.survey-questions .answer_options {
  border-radius: 15px;
  background-color: #f0f0f0;
  margin-bottom: 10px;
  font-size: 15px;
  max-width: 50%; }
  .survey-questions .answer_options .list-group-item {
    background: none; }
    .survey-questions .answer_options .list-group-item .custom-control, .survey-questions .answer_options .list-group-item label {
      margin-bottom: 0; }
    .survey-questions .answer_options .list-group-item .custom-control-indicator {
      top: 1px;
      left: -1px; }
    .survey-questions .answer_options .list-group-item.disabled .checked {
      color: #000;
      font-weight: 500; }
      .survey-questions .answer_options .list-group-item.disabled .checked label {
        cursor: text; }
    .survey-questions .answer_options .list-group-item:not(.disabled):hover {
      cursor: pointer;
      background-color: #e9e9e9; }
    .survey-questions .answer_options .list-group-item:first-child {
      border-radius: 15px 15px 0 0; }
    .survey-questions .answer_options .list-group-item:last-child {
      border-bottom: none;
      border-radius: 0 0 15px 15px; }

.survey-questions-progress .progress {
  margin-bottom: 0; }

.workflow-objectives .objective {
  min-height: 40px;
  margin-bottom: 15px; }
  .workflow-objectives .objective .box {
    border-radius: 10px;
    border: 2px #DDD solid;
    width: 30px;
    height: 30px;
    margin-top: 4px;
    margin-right: 8px;
    float: left; }
    .workflow-objectives .objective .box.check:after {
      content: "";
      position: absolute;
      width: 25px;
      height: 12px;
      border-left: 3px var(--label-color-var) solid;
      border-bottom: 3px var(--label-color-var) solid;
      border-radius: 2px;
      left: 5px;
      top: 0px;
      transform: rotate(-45deg);
      box-shadow: -2px 2px 0px #eff5f8; }
  .workflow-objectives .objective .caption {
    font-weight: bold;
    min-height: 35px;
    display: flex;
    align-items: center;
    color: var(--label-color-var); }

.btn-uncompleted-marker {
  position: fixed;
  z-index: 1002;
  left: calc(50% - 110px);
  top: 100px;
  transition: top 0.4s ease-in-out;
  padding-right: 40px; }
  .btn-uncompleted-marker span {
    position: absolute;
    display: inline-block;
    top: 2px;
    right: 2px;
    width: 32px;
    height: 32px;
    border-radius: 30px;
    padding-top: 4px; }
    .btn-uncompleted-marker span i {
      display: inline-block !important;
      transform: rotate(-45deg); }
  .btn-uncompleted-marker.scrolling-down {
    top: 15px; }

.workflow {
  position: relative;
  margin-bottom: 100px; }
  .workflow:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100px;
    display: block;
    width: 3px;
    background-color: #ddd; }
  .workflow .week {
    position: relative;
    font-weight: 400;
    margin: 5px 6px;
    padding-bottom: 15px;
    color: #999;
    left: 80px; }
    .workflow .week .prefix {
      text-transform: uppercase;
      position: absolute;
      transform: rotate(-90deg);
      font-size: 10px;
      top: 8px;
      left: -22px;
      opacity: 0; }
    .workflow .week .number {
      display: inline-block;
      font-size: 18px;
      background-color: #ddd;
      color: #fff;
      padding-top: 2px;
      border-radius: 20px;
      height: 30px;
      width: 30px;
      text-align: center; }
    .workflow .week .period {
      opacity: 0;
      padding-left: 5px;
      padding-right: 5px;
      font-size: 13px;
      background-color: #eff5f8; }
    .workflow .week .add-btn {
      opacity: 0;
      position: relative; }
      .workflow .week .add-btn button {
        margin-left: 5px;
        padding-left: 30px;
        background-color: #eff5f8; }
        .workflow .week .add-btn button .green-dot {
          background-color: #5cb85c;
          color: #FFF;
          border-radius: 20px;
          width: 20px;
          height: 20px;
          display: inline-block;
          position: absolute;
          top: 0px;
          left: 10px;
          font-size: 20px;
          line-height: 17px; }
    .workflow .week.milestone .number {
      margin-left: 15px;
      transform: translateX(-50%);
      background-color: #5cb85c;
      width: auto;
      padding-left: 10px;
      padding-right: 10px; }
    .workflow .week-placeholder {
      position: relative;
      height: 9px;
      margin-bottom: 3px; }
      .workflow .week-placeholder:after {
        content: ' ';
        position: absolute;
        z-index: 1;
        height: 9px;
        width: 5px;
        left: 99px;
        top: 0;
        border-top: 3px #eff5f8 solid;
        border-bottom: 3px #eff5f8 solid;
        background-color: #ddd; }
      .workflow .week-placeholder .week {
        position: relative;
        opacity: 0;
        padding: 0;
        top: -20px;
        z-index: 1; }
      .workflow .week-placeholder:hover {
        cursor: cursor;
        z-index: 2; }
        .workflow .week-placeholder:hover .week {
          z-index: 3;
          opacity: 1; }
          .workflow .week-placeholder:hover .week .prefix, .workflow .week-placeholder:hover .week .period, .workflow .week-placeholder:hover .week .add-btn {
            opacity: 1; }
      .workflow .week-placeholder ~ .week-container {
        padding-bottom: 10px;
        padding-top: 10px; }
    .workflow .week-container {
      padding-bottom: 30px; }
      .workflow .week-container:hover .week:not(.milestone) .number {
        background-color: #859fb0; }
      .workflow .week-container:hover .week .prefix, .workflow .week-container:hover .week .period, .workflow .week-container:hover .week .add-btn {
        opacity: 1; }
    .workflow .week-today {
      position: relative; }
      .workflow .week-today:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #d9534f;
        top: -5px; }
      .workflow .week-today .today {
        color: #d9534f;
        font-size: 90%;
        text-transform: uppercase;
        position: absolute;
        top: -13px;
        left: 0px;
        background: #eff5f8;
        padding: 0 10px; }
        .workflow .week-today .today:before {
          content: '';
          position: absolute;
          width: 12px;
          height: 12px;
          top: 3px;
          left: 95px;
          border-radius: 10px;
          background: #d9534f; }
      .workflow .week-today.week-container .today {
        top: 20px; }
      .workflow .week-today.week-container:before {
        top: 29px; }
      .workflow .week-today.week-container .number {
        background-color: #d9534f; }
      .workflow .week-today.week-placeholder .today {
        z-index: 2; }
  .workflow .steps {
    margin-top: 20px; }
    .workflow .steps .step-container {
      background: #eff5f8; }
      .workflow .steps .step-container.concept .timer, .workflow .steps .step-container.concept .step, .workflow .steps .step-container.concept .detail, .workflow .steps .step-container.concept .title i, .workflow .steps .step-container.concept a {
        color: #BBB; }
      .workflow .steps .step-container.green .timer, .workflow .steps .step-container.green .step, .workflow .steps .step-container.green .detail, .workflow .steps .step-container.green .title i {
        color: #999; }

.reminders {
  position: relative;
  top: -38px;
  text-align: right;
  padding-right: 20px; }
  .reminders .caption {
    position: relative;
    top: -10px;
    color: #999;
    background-color: #eff5f8;
    padding: 0 10px;
    display: inline-block; }
    .reminders .caption i.icon-chevron-down-thick,
    .reminders .caption i.icon-chevron-up-thick {
      position: relative;
      margin-left: 2px;
      bottom: -5px; }
    .reminders .caption:hover, .reminders .caption.active {
      color: #333; }
  .reminders .list-container {
    position: relative; }
    .reminders .list-container::before {
      content: '';
      position: absolute;
      top: 10px;
      left: 95px;
      width: 13px;
      height: 13px;
      border-radius: 10px;
      background: #DDD; }
    .reminders .list-container::after {
      content: '';
      position: absolute;
      top: 15px;
      left: 100px;
      width: calc(100% - 150px);
      height: 2px;
      background: #DDD;
      z-index: 1; }
    .reminders .list-container .list {
      position: relative;
      z-index: 2;
      padding: 10px 15px;
      background-color: #FFF;
      border: 1px #DDD solid;
      box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
      border-radius: 10px;
      display: inline-block;
      text-align: left;
      line-height: 22px;
      min-width: 130px; }
      .reminders .list-container .list .reminder {
        color: #999; }
        .reminders .list-container .list .reminder:hover {
          color: #333; }
        .reminders .list-container .list .reminder i.icon-envelope-1 {
          position: relative;
          top: 3px; }

.steps .step {
  position: relative;
  left: 55px;
  border-radius: 20px;
  background-color: #fff;
  border: 2px #DDD solid;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px; }
  .steps .step .arrow1 {
    position: absolute;
    top: 0px;
    left: 34px; }
    .steps .step .arrow1:after {
      content: '';
      position: absolute;
      top: -15px;
      width: 0;
      height: 0;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      border-top: 11px solid #DDD; }
  .steps .step .toggle-collapse {
    float: right;
    cursor: pointer;
    margin-top: 20px;
    margin-right: 12px;
    font-size: 18px;
    opacity: 0; }
  .steps .step .close {
    margin-top: 8px;
    margin-right: 12px;
    font-size: 30px;
    font-weight: 200; }
  .steps .step .warning-indicator {
    position: absolute;
    border-radius: 10px 10px 0 0;
    background: #eff5f8;
    width: 25px;
    height: 14px;
    right: 20px;
    top: -14px;
    text-align: center;
    font-size: 20px;
    color: #d9534f; }
  .steps .step .title {
    cursor: pointer;
    padding: 15px 60px 15px 20px;
    font-size: 18px;
    font-weight: 500; }
    .steps .step .title i {
      color: #555; }
    .steps .step .title .small {
      color: #bbb; }
  .steps .step .progress {
    margin: -5px 15px 10px 15px;
    height: 17px;
    position: relative;
    background-color: #DDD; }
    .steps .step .progress .progress-info {
      position: relative;
      top: -1px;
      left: 5px;
      min-width: 60px;
      font-size: 15px;
      font-weight: bold;
      text-align: left; }
      .steps .step .progress .progress-info.not_started {
        color: #333; }
  .steps .step .content {
    padding: 0px 20px 15px 20px; }
    .steps .step .content .desc {
      margin-bottom: 10px; }
    .steps .step .content .detail {
      font-size: 80%;
      color: #555;
      margin-top: 5px; }
      .steps .step .content .detail a i {
        font-size: 120%;
        float: left;
        margin: 2px 5px 3px 0px; }
        .steps .step .content .detail a i.icon-thermometer-1 {
          margin-left: 3px;
          margin-right: 6px; }
      .steps .step .content .detail:last-child {
        max-width: calc(100% - 100px); }
    .steps .step .content .files {
      margin-left: -10px; }
      .steps .step .content .files .btn {
        white-space: normal;
        text-align: left; }
  .steps .step .action-buttons {
    position: absolute;
    z-index: 20;
    bottom: -20px;
    right: 20px; }
    .steps .step .action-buttons .btn {
      background-color: #eff5f8;
      border-radius: 20px;
      width: 35px;
      height: 35px;
      color: #333; }
      .steps .step .action-buttons .btn i {
        position: relative;
        font-size: 18px;
        left: -7px; }
      .steps .step .action-buttons .btn:hover {
        background-color: #859fb0; }
        .steps .step .action-buttons .btn:hover i {
          color: #fff; }
      .steps .step .action-buttons .btn.shortcut-icon i {
        font-size: 15px; }
      .steps .step .action-buttons .btn.check i {
        top: 4px; }
      .steps .step .action-buttons .btn.checked {
        background-color: #5cb85c;
        color: #FFF; }
  .steps .step:hover {
    background-color: #fff; }
    .steps .step:hover .toggle-collapse {
      opacity: 0.4; }
      .steps .step:hover .toggle-collapse:hover {
        opacity: 1; }
  .steps .step.float {
    position: absolute;
    z-index: 10;
    margin-top: -40px;
    border: 2px #ddd solid;
    width: 100%;
    left: 30px; }

.steps .child-step {
  padding-left: 150px; }
  .steps .child-step .step-container {
    margin-top: -30px;
    padding-top: 30px;
    border-left: 3px #ddd solid; }
  .steps .child-step.last-child .step-container {
    border-left: 3px solid transparent; }
  .steps .child-step .timer {
    left: -18px;
    height: 40px;
    top: -10px;
    position: relative;
    z-index: 2;
    color: #555;
    font-size: 12px; }
    .steps .child-step .timer i {
      font-size: 28px;
      padding: 5px;
      color: #999;
      vertical-align: middle;
      background: #eff5f8; }
  .steps .child-step .arrow1:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: #ddd;
    top: 22px;
    left: -60px; }
  .steps .child-step .arrow1:after {
    top: 13px;
    left: -48px;
    border-bottom: 11px solid transparent;
    border-top: 11px solid transparent;
    border-right: 11px solid transparent;
    border-left: 11px solid #DDD; }
  .steps .child-step .arrow2:before {
    content: '';
    position: absolute;
    top: -25px;
    left: -50px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    border-left: 3px solid #DDD;
    transform: rotate(-45deg); }
  .steps .child-step .step {
    left: 45px; }

.steps .deadline {
  color: #999;
  font-size: 12px;
  position: relative;
  left: 65px;
  width: calc(100% - 65px);
  margin-bottom: 15px; }

.modal .workflow .step-container,
.modal .workflow .week .period,
.modal .workflow .add-btn button,
.modal .workflow .type-indicator,
.modal .workflow .timer i,
.modal .workflow .action-buttons .btn,
.panel .workflow .step-container,
.panel .workflow .week .period,
.panel .workflow .add-btn button,
.panel .workflow .type-indicator,
.panel .workflow .timer i,
.panel .workflow .action-buttons .btn {
  background-color: #FFF; }

.modal .workflow .week-placeholder:after,
.panel .workflow .week-placeholder:after {
  border-top-color: #FFF;
  border-bottom-color: #FFF; }

.modal .workflow .action-buttons .btn,
.panel .workflow .action-buttons .btn {
  border: 1px #CCC solid; }

.membership-plan .panel-heading {
  border-bottom: 1px #DDD solid; }
  .membership-plan .panel-heading .icon {
    font-size: 40px;
    position: absolute;
    top: -30px;
    left: calc(50% - 20px); }
  .membership-plan .panel-heading p {
    margin-top: 15px;
    margin-bottom: 10px; }

.membership-plan.active {
  border-color: #F8842A; }
  .membership-plan.active .panel-heading .icon {
    color: #F8842A; }
    .membership-plan.active .panel-heading .icon:before {
      content: '';
      position: absolute;
      height: 3px;
      background: #fff;
      left: 0;
      right: 0;
      bottom: 27px;
      z-index: 1; }
    .membership-plan.active .panel-heading .icon i {
      position: relative;
      z-index: 2; }
  .membership-plan.active .panel-footer .label {
    margin-top: 4px;
    font-size: 12px; }

th.mark, td.mark {
  width: 1%;
  padding: 0 !important;
  background-color: #fff; }
  th.mark.outside, td.mark.outside {
    background-color: #85C1E9; }
  th.mark.inside, td.mark.inside {
    background-color: #FFD300; }

td.uli {
  padding-left: 30px !important; }
  td.uli:before {
    position: absolute;
    margin-top: 5px;
    margin-left: -20px;
    content: '';
    background-color: #777;
    width: 12px;
    height: 12px;
    border-radius: 10px; }
  td.uli.outside:before {
    background-color: #85C1E9;
    color: #85C1E9; }
  td.uli.inside:before {
    background-color: #FFD300;
    color: #FFD300; }
  td.uli.asterisk:before {
    content: '*';
    font-size: 35px;
    font-weight: bold;
    margin-top: -9px;
    margin-left: -21px;
    background: none; }

.email-controls .list-group-item.active, .email-controls .list-group-item.active:hover, .email-controls .list-group-item.active:focus {
  background-color: #F5F5F5;
  border-color: #DDD;
  color: #333; }

.email-controls .list-group-item p {
  margin-bottom: 2px; }

.email-controls .list-group-item .custom-checkbox {
  margin: 5px 0; }
  .email-controls .list-group-item .custom-checkbox label {
    margin: 0; }

.email-controls .list-group-item .control-info {
  display: block;
  padding: 0;
  padding-right: 80px;
  color: #333;
  text-decoration: none; }
  .email-controls .list-group-item .control-info.custom-control {
    padding-right: 0; }
  .email-controls .list-group-item .control-info .detail-toggler {
    position: absolute;
    right: 25px;
    margin-top: 15px;
    text-decoration: none; }
    .email-controls .list-group-item .control-info .detail-toggler label {
      font-size: 16px;
      font-weight: 300; }
    .email-controls .list-group-item .control-info .detail-toggler i {
      position: relative;
      top: 8px;
      font-size: 20px;
      margin-left: 5px;
      display: inline-block; }

.email-controls .list-group-item .control-list {
  background-color: #F5F5F5;
  display: none;
  margin: 10px -15px -10px -15px;
  padding: 10px;
  list-style-type: none; }
  .email-controls .list-group-item .control-list-item {
    padding: 10px 15px;
    border-bottom: 1px #ddd solid; }
    .email-controls .list-group-item .control-list-item:last-child {
      border: none; }
    .email-controls .list-group-item .control-list-item > label {
      width: 100%;
      padding-bottom: 10px;
      padding-right: 100px; }
    .email-controls .list-group-item .control-list-item.toggled.hasFrequencyOptions > label {
      border-bottom: 1px #ddd solid; }
    .email-controls .list-group-item .control-list-item .toggler {
      position: absolute;
      margin-top: -45px;
      right: 25px; }
      .email-controls .list-group-item .control-list-item .toggler label {
        float: left;
        margin-top: 5px;
        margin-right: 5px;
        font-size: 16px;
        font-weight: 300; }
    .email-controls .list-group-item .control-list-item .frequency-options {
      margin-top: 5px; }
      .email-controls .list-group-item .control-list-item .frequency-options > label {
        margin-right: 15px;
        font-weight: normal;
        color: #999;
        text-transform: uppercase;
        font-size: 85%;
        margin-bottom: 0; }
      .email-controls .list-group-item .control-list-item .frequency-options .radio {
        margin-top: 0;
        display: inline-block; }
        .email-controls .list-group-item .control-list-item .frequency-options .radio label {
          margin-right: 15px;
          margin-bottom: 10px; }

.email-controls .list-group-item.active .control-info .detail-toggler {
  display: none; }

.email-controls .list-group-item.active .control-list {
  display: block; }

.email-controls.newsletter .list-group-item {
  background-color: #F5F5F5;
  border-color: #F5F5F5; }
  .email-controls.newsletter .list-group-item .control-list {
    display: block; }

.attribute-options {
  margin-bottom: 10px; }

.attribute {
  margin-top: 5px;
  max-width: 600px; }
  .attribute .toggler label {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    position: relative;
    top: -4px; }

.table.process-assignees .actiontd {
  text-align: right; }

.table.process-assignees tr th:first-child,
.table.process-assignees tr td:first-child {
  padding-left: 0; }

@media only print {
  .app, .homepage, .signup, .index {
    background: none; }
  .menubar {
    position: relative;
    border: none; }
    .menubar .logo {
      position: relative;
      float: right;
      margin-right: 10px; }
  .title-header {
    margin: -60px 0 10px 0; }
    .title-header hr {
      display: none; }
    .title-header .col-left, .title-header .col-right {
      display: none; }
    .title-header .col-center {
      text-align: left; }
  aside,
  .menubar .rightmenu,
  .menubar .leftmenu,
  .sticky-element-container,
  .footermenu,
  .disclaimer .menu,
  .actiontd .btn-group {
    display: none; }
  .row-with-equal-col-heights .slave {
    display: none; }
  .nav :not(.active) a {
    display: none; }
  .nav-center {
    display: block !important;
    position: relative !important;
    padding: 0 10px; }
    .nav-center .nav-pills {
      border: none; }
      .nav-center .nav-pills .active:before {
        display: none; }
      .nav-center .nav-pills .active .lead {
        background: none !important;
        color: #F8842A !important;
        font-size: 25px !important;
        text-align: left !important; }
        .nav-center .nav-pills .active .lead i {
          display: none !important; }
  .index {
    padding-top: 0;
    background: none; }
  .footer {
    margin-top: 0;
    border-top: 1px #DDD solid;
    background: none;
    text-align: left; }
    .footer .logo {
      margin: 0;
      display: inline-block;
      width: 50px; }
    .footer .slogan {
      display: inline-block;
      font-size: 15px;
      color: #333;
      margin: 33px 0 0 10px; }
  a[href]:after {
    content: none !important; } }