@charset "UTF-8";
/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 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/css2?family=Caveat:wght@400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&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: 1px 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 {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-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("../bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../bootstrap/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../bootstrap/assets/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: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "";
}

.glyphicon-music:before {
  content: "";
}

.glyphicon-search:before {
  content: "";
}

.glyphicon-heart:before {
  content: "";
}

.glyphicon-star:before {
  content: "";
}

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

.glyphicon-user:before {
  content: "";
}

.glyphicon-film:before {
  content: "";
}

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

.glyphicon-th:before {
  content: "";
}

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

.glyphicon-ok:before {
  content: "";
}

.glyphicon-remove:before {
  content: "";
}

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

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

.glyphicon-off:before {
  content: "";
}

.glyphicon-signal:before {
  content: "";
}

.glyphicon-cog:before {
  content: "";
}

.glyphicon-trash:before {
  content: "";
}

.glyphicon-home:before {
  content: "";
}

.glyphicon-file:before {
  content: "";
}

.glyphicon-time:before {
  content: "";
}

.glyphicon-road:before {
  content: "";
}

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

.glyphicon-download:before {
  content: "";
}

.glyphicon-upload:before {
  content: "";
}

.glyphicon-inbox:before {
  content: "";
}

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

.glyphicon-repeat:before {
  content: "";
}

.glyphicon-refresh:before {
  content: "";
}

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

.glyphicon-lock:before {
  content: "";
}

.glyphicon-flag:before {
  content: "";
}

.glyphicon-headphones:before {
  content: "";
}

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

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

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

.glyphicon-qrcode:before {
  content: "";
}

.glyphicon-barcode:before {
  content: "";
}

.glyphicon-tag:before {
  content: "";
}

.glyphicon-tags:before {
  content: "";
}

.glyphicon-book:before {
  content: "";
}

.glyphicon-bookmark:before {
  content: "";
}

.glyphicon-print:before {
  content: "";
}

.glyphicon-camera:before {
  content: "";
}

.glyphicon-font:before {
  content: "";
}

.glyphicon-bold:before {
  content: "";
}

.glyphicon-italic:before {
  content: "";
}

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

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

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

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

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

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

.glyphicon-list:before {
  content: "";
}

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

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

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

.glyphicon-picture:before {
  content: "";
}

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

.glyphicon-adjust:before {
  content: "";
}

.glyphicon-tint:before {
  content: "";
}

.glyphicon-edit:before {
  content: "";
}

.glyphicon-share:before {
  content: "";
}

.glyphicon-check:before {
  content: "";
}

.glyphicon-move:before {
  content: "";
}

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

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

.glyphicon-backward:before {
  content: "";
}

.glyphicon-play:before {
  content: "";
}

.glyphicon-pause:before {
  content: "";
}

.glyphicon-stop:before {
  content: "";
}

.glyphicon-forward:before {
  content: "";
}

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

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

.glyphicon-eject:before {
  content: "";
}

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

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

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

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

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

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

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

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

.glyphicon-screenshot:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

.glyphicon-gift:before {
  content: "";
}

.glyphicon-leaf:before {
  content: "";
}

.glyphicon-fire:before {
  content: "";
}

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

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

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

.glyphicon-plane:before {
  content: "";
}

.glyphicon-calendar:before {
  content: "";
}

.glyphicon-random:before {
  content: "";
}

.glyphicon-comment:before {
  content: "";
}

.glyphicon-magnet:before {
  content: "";
}

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

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

.glyphicon-retweet:before {
  content: "";
}

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

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

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

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

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

.glyphicon-hdd:before {
  content: "";
}

.glyphicon-bullhorn:before {
  content: "";
}

.glyphicon-bell:before {
  content: "";
}

.glyphicon-certificate:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

.glyphicon-globe:before {
  content: "";
}

.glyphicon-wrench:before {
  content: "";
}

.glyphicon-tasks:before {
  content: "";
}

.glyphicon-filter:before {
  content: "";
}

.glyphicon-briefcase:before {
  content: "";
}

.glyphicon-fullscreen:before {
  content: "";
}

.glyphicon-dashboard:before {
  content: "";
}

.glyphicon-paperclip:before {
  content: "";
}

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

.glyphicon-link:before {
  content: "";
}

.glyphicon-phone:before {
  content: "";
}

.glyphicon-pushpin:before {
  content: "";
}

.glyphicon-usd:before {
  content: "";
}

.glyphicon-gbp:before {
  content: "";
}

.glyphicon-sort:before {
  content: "";
}

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

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

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

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

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

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

.glyphicon-unchecked:before {
  content: "";
}

.glyphicon-expand:before {
  content: "";
}

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

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

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

.glyphicon-flash:before {
  content: "";
}

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

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

.glyphicon-record:before {
  content: "";
}

.glyphicon-save:before {
  content: "";
}

.glyphicon-open:before {
  content: "";
}

.glyphicon-saved:before {
  content: "";
}

.glyphicon-import:before {
  content: "";
}

.glyphicon-export:before {
  content: "";
}

.glyphicon-send:before {
  content: "";
}

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

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

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

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

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

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

.glyphicon-transfer:before {
  content: "";
}

.glyphicon-cutlery:before {
  content: "";
}

.glyphicon-header:before {
  content: "";
}

.glyphicon-compressed:before {
  content: "";
}

.glyphicon-earphone:before {
  content: "";
}

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

.glyphicon-tower:before {
  content: "";
}

.glyphicon-stats:before {
  content: "";
}

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

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

.glyphicon-subtitles:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

.glyphicon-cd:before {
  content: "";
}

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

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

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

.glyphicon-copy:before {
  content: "";
}

.glyphicon-paste:before {
  content: "";
}

.glyphicon-alert:before {
  content: "";
}

.glyphicon-equalizer:before {
  content: "";
}

.glyphicon-king:before {
  content: "";
}

.glyphicon-queen:before {
  content: "";
}

.glyphicon-pawn:before {
  content: "";
}

.glyphicon-bishop:before {
  content: "";
}

.glyphicon-knight:before {
  content: "";
}

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

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "";
}

.glyphicon-bed:before {
  content: "";
}

.glyphicon-apple:before {
  content: "";
}

.glyphicon-erase:before {
  content: "";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "";
}

.glyphicon-duplicate:before {
  content: "";
}

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

.glyphicon-scissors:before {
  content: "";
}

.glyphicon-bitcoin:before {
  content: "";
}

.glyphicon-btc:before {
  content: "";
}

.glyphicon-xbt:before {
  content: "";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "";
}

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

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

.glyphicon-education:before {
  content: "";
}

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

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

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

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

.glyphicon-oil:before {
  content: "";
}

.glyphicon-grain:before {
  content: "";
}

.glyphicon-sunglasses:before {
  content: "";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.glyphicon-console:before {
  content: "";
}

.glyphicon-superscript:before {
  content: "";
}

.glyphicon-subscript:before {
  content: "";
}

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

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

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

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

* {
  -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.428571429;
  color: #555555;
  background-color: #fff;
}

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

a {
  color: #0f2856;
  text-decoration: none;
}
a:hover, a:focus {
  color: #040a15;
  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.428571429;
  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;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

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

[role=button] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #0f2856;
}
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: normal;
  line-height: 1;
  color: #999999;
}

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 {
  background-color: #fcf8e3;
  padding: 0.2em;
}

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

.text-primary {
  color: #0f2856;
}

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

.text-success {
  color: #468847;
}

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

.text-info {
  color: #3a87ad;
}

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

.text-warning {
  color: #c09853;
}

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

.text-danger {
  color: #b94a48;
}

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

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #0f2856;
}

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

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

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

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}
.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;
  border-bottom: 1px dotted #999999;
}

.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.428571429;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.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: " —";
}

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

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: bold;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  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 {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

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

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

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .col-md-2 {
    width: 16.6666666667%;
  }

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

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

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

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

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

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

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

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

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

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

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

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

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

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

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

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

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

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

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

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

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

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

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

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

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

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

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

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

  .col-lg-2 {
    width: 16.6666666667%;
  }

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

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

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

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

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

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

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

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

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

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

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

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

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

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

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

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

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

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

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

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

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

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

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

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

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

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

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #999999;
  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.428571429;
  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 col[class*=col-] {
  position: static;
  float: none;
  display: table-column;
}

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

.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 {
  overflow-x: auto;
  min-height: 0.01%;
}
@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 {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

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

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

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

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

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

.form-control {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  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: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.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;
}

input[type=search] {
  -webkit-appearance: none;
}

@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: 38px;
  }
  input[type=date].input-sm,
.input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
input[type=time].input-sm,
.input-group-sm > .input-group-btn > input[type=time].btn,
.input-group-sm input[type=time],
input[type=datetime-local].input-sm,
.input-group-sm > .input-group-btn > input[type=datetime-local].btn,
.input-group-sm input[type=datetime-local],
input[type=month].input-sm,
.input-group-sm > .input-group-btn > input[type=month].btn,
.input-group-sm input[type=month] {
    line-height: 30px;
  }
  input[type=date].input-lg,
.input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
input[type=time].input-lg,
.input-group-lg > .input-group-btn > input[type=time].btn,
.input-group-lg input[type=time],
input[type=datetime-local].input-lg,
.input-group-lg > .input-group-btn > input[type=datetime-local].btn,
.input-group-lg input[type=datetime-local],
input[type=month].input-lg,
.input-group-lg > .input-group-btn > input[type=month].btn,
.input-group-lg input[type=month] {
    line-height: 54px;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

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

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

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}

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

input[type=radio][disabled], 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;
}

.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 9px;
  padding-bottom: 9px;
  margin-bottom: 0;
  min-height: 34px;
}
.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-left: 0;
  padding-right: 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[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  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: 54px;
  padding: 14px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  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: 54px;
  line-height: 54px;
}

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[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 54px;
  padding: 14px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 54px;
  line-height: 54px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 54px;
  min-height: 38px;
  padding: 15px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

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

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  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: 54px;
  height: 54px;
  line-height: 54px;
}

.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: #468847;
}
.has-success .form-control {
  border-color: #468847;
  -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: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.has-success .input-group-addon {
  color: #468847;
  border-color: #468847;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #468847;
}

.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: #c09853;
}
.has-warning .form-control {
  border-color: #c09853;
  -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: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.has-warning .input-group-addon {
  color: #c09853;
  border-color: #c09853;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #c09853;
}

.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: #b94a48;
}
.has-error .form-control {
  border-color: #b94a48;
  -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: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.has-error .input-group-addon {
  color: #b94a48;
  border-color: #b94a48;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #b94a48;
}

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

@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 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 9px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 29px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 9px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 15px;
    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;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  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: #555555;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

.btn-default {
  color: #555555;
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
}
.btn-default:focus, .btn-default.focus {
  color: #555555;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.btn-default:hover {
  color: #555555;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #555555;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.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: #555555;
  background-color: #d4d4d4;
  border-color: rgba(0, 0, 0, 0.1);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none;
}
.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: rgba(0, 0, 0, 0.1);
}
.btn-default .badge {
  color: #fff;
  background-color: #555555;
}

.btn-primary {
  color: #fff;
  background-color: #0f2856;
  border-color: #0f2856;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #07142b;
  border-color: black;
}
.btn-primary:hover {
  color: #fff;
  background-color: #07142b;
  border-color: #061022;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #07142b;
  border-color: #061022;
}
.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: #02060c;
  border-color: black;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none;
}
.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: #0f2856;
  border-color: #0f2856;
}
.btn-primary .badge {
  color: #0f2856;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #73A839;
  border-color: #73A839;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #59822c;
  border-color: #324919;
}
.btn-success:hover {
  color: #fff;
  background-color: #59822c;
  border-color: #547a29;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #59822c;
  border-color: #547a29;
}
.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: #476723;
  border-color: #324919;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none;
}
.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: #73A839;
  border-color: #73A839;
}
.btn-success .badge {
  color: #73A839;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #033C73;
  border-color: #033C73;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #022241;
  border-color: black;
}
.btn-info:hover {
  color: #fff;
  background-color: #022241;
  border-color: #011d37;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #022241;
  border-color: #011d37;
}
.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: #01101f;
  border-color: black;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none;
}
.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: #033C73;
  border-color: #033C73;
}
.btn-info .badge {
  color: #033C73;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #DD5600;
  border-color: #DD5600;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #aa4200;
  border-color: #5e2400;
}
.btn-warning:hover {
  color: #fff;
  background-color: #aa4200;
  border-color: #a03e00;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #aa4200;
  border-color: #a03e00;
}
.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: #863400;
  border-color: #5e2400;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none;
}
.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: #DD5600;
  border-color: #DD5600;
}
.btn-warning .badge {
  color: #DD5600;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #C71C22;
  border-color: #C71C22;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #9a161a;
  border-color: #570c0f;
}
.btn-danger:hover {
  color: #fff;
  background-color: #9a161a;
  border-color: #911419;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #9a161a;
  border-color: #911419;
}
.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: #7b1115;
  border-color: #570c0f;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none;
}
.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: #C71C22;
  border-color: #C71C22;
}
.btn-danger .badge {
  color: #C71C22;
  background-color: #fff;
}

.btn-link {
  color: #0f2856;
  font-weight: normal;
  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: #040a15;
  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: #999999;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 14px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  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;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #0f2856;
}

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

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

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

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

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

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

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

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

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9 ;
  content: "";
}
.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 {
  content: " ";
  display: table;
}
.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-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

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

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

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

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

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

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

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

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

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

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

.btn-lg .caret, .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 {
  content: " ";
  display: table;
}
.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-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-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-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-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-left: 0;
  padding-right: 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: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  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: 14px 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-bottom-right-radius: 0;
  border-top-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-bottom-left-radius: 0;
  border-top-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 {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #0f2856;
}
.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.428571429;
  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;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.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: #0f2856;
}

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

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-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-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-right-radius: 0;
  border-top-left-radius: 0;
}

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

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  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 {
  content: " ";
  display: table;
}
.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-left: 0;
    padding-right: 0;
  }
}

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

.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-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@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;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.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;
  margin-right: 15px;
  padding: 9px 10px;
  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 {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 6px;
  margin-bottom: 6px;
}
@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;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

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

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

.navbar-btn {
  margin-top: 6px;
  margin-bottom: 6px;
}
.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-left: 15px;
    margin-right: 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: #0f2856;
  border-color: #0a1b3a;
}
.navbar-default .navbar-brand {
  color: #fff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #fff;
  background-color: none;
}
.navbar-default .navbar-text {
  color: #ddd;
}
.navbar-default .navbar-nav > li > a {
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #07142b;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #07142b;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ddd;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #07142b;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #07142b;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #0a1b3a;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #07142b;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #07142b;
  }
  .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: #fff;
    background-color: #07142b;
  }
  .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: #ddd;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #fff;
}
.navbar-default .navbar-link:hover {
  color: #fff;
}
.navbar-default .btn-link {
  color: #fff;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #fff;
}
.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: #ddd;
}

.navbar-inverse {
  background-color: #033C73;
  border-color: #022f5a;
}
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: none;
}
.navbar-inverse .navbar-text {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #022f5a;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #022f5a;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #022f5a;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #022f5a;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #022a50;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #022f5a;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #022f5a;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #022f5a;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #022f5a;
  }
  .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: #022f5a;
  }
  .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: #ccc;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #fff;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #fff;
}
.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: #ccc;
}

.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 {
  content: "/ ";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #999999;
}

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

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

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

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager:before, .pager:after {
  content: " ";
  display: table;
}
.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: #999999;
  background-color: #fff;
  cursor: not-allowed;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.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: #999999;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: gray;
}

.label-primary {
  background-color: #0f2856;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #07142b;
}

.label-success {
  background-color: #73A839;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #59822c;
}

.label-info {
  background-color: #033C73;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #022241;
}

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

.label-danger {
  background-color: #C71C22;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #9a161a;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #0f2856;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #0f2856;
  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 {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
.jumbotron .h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  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-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #555555;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0f2856;
}

.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 {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #356635;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #2d6987;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #fbeed5;
  color: #c09853;
}
.alert-warning hr {
  border-top-color: #f8e5be;
}
.alert-warning .alert-link {
  color: #a47e3c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger hr {
  border-top-color: #e6c1c7;
}
.alert-danger .alert-link {
  color: #953b39;
}

@-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 {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  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: #0f2856;
  -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: #73A839;
}
.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: #033C73;
}
.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: #DD5600;
}
.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: #C71C22;
}
.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 {
  zoom: 1;
  overflow: hidden;
}

.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 {
  margin-bottom: 20px;
  padding-left: 0;
}

.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-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

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 {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}

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

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #999999;
  cursor: not-allowed;
}
.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: #999999;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #0f2856;
  border-color: #0f2856;
}
.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: #5083e1;
}

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

a.list-group-item-success,
button.list-group-item-success {
  color: #468847;
}
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: #468847;
  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: #468847;
  border-color: #468847;
}

.list-group-item-info {
  color: #3a87ad;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #3a87ad;
}
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: #3a87ad;
  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: #3a87ad;
  border-color: #3a87ad;
}

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

a.list-group-item-warning,
button.list-group-item-warning {
  color: #c09853;
}
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: #c09853;
  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: #c09853;
  border-color: #c09853;
}

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

a.list-group-item-danger,
button.list-group-item-danger {
  color: #b94a48;
}
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: #b94a48;
  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: #b94a48;
  border-color: #b94a48;
}

.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 {
  content: " ";
  display: table;
}
.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-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-right-radius: 3px;
  border-top-left-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-right-radius: 0;
  border-top-left-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-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-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-left-radius: 3px;
  border-bottom-right-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 {
  border: 0;
  margin-bottom: 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: #555555;
  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: #555555;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

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

.panel-success {
  border-color: #ddd;
}
.panel-success > .panel-heading {
  color: #468847;
  background-color: #73A839;
  border-color: #ddd;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-success > .panel-heading .badge {
  color: #73A839;
  background-color: #468847;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-info {
  border-color: #ddd;
}
.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #033C73;
  border-color: #ddd;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-info > .panel-heading .badge {
  color: #033C73;
  background-color: #3a87ad;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-warning {
  border-color: #ddd;
}
.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #DD5600;
  border-color: #ddd;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-warning > .panel-heading .badge {
  color: #DD5600;
  background-color: #c09853;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-danger {
  border-color: #ddd;
}
.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #C71C22;
  border-color: #ddd;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-danger > .panel-heading .badge {
  color: #C71C22;
  background-color: #b94a48;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.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;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 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;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

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

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

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

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

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

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

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  padding: 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  #o-invoice-sc-payment-transaction-add-payment-record-form .modal-dialog {
    width: 900px;
  }

  .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: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 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;
}

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

.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: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: 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-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

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

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: fadein(rgba(0, 0, 0, 0.2), 5%);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: fadein(rgba(0, 0, 0, 0.2), 5%);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: fadein(rgba(0, 0, 0, 0.2), 5%);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: fadein(rgba(0, 0, 0, 0.2), 5%);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -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;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  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);
}
.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%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  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%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
}
.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.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;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: "‹";
}
.carousel-control .icon-next:before {
  content: "›";
}

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

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  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 {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }

  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before, .filter-wrapper:before, .clearfix:after, .filter-wrapper:after {
  content: " ";
  display: table;
}
.clearfix:after, .filter-wrapper:after {
  clear: both;
}

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

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

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

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

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

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-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;
  }
}
.navbar-default {
  background-image: -webkit-linear-gradient(#153879, #0f2856 60%, #0c2045);
  background-image: -o-linear-gradient(#153879, #0f2856 60%, #0c2045);
  background-image: linear-gradient(#153879, #0f2856 60%, #0c2045);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF153879", endColorstr="#FF0C2045", GradientType=0);
  filter: none;
  border-bottom: 1px solid #07142b;
  filter: none;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.navbar-default .badge {
  background-color: #fff;
  color: #0f2856;
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769);
  background-image: -o-linear-gradient(#04519b, #044687 60%, #033769);
  background-image: linear-gradient(#04519b, #044687 60%, #033769);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF04519B", endColorstr="#FF033769", GradientType=0);
  filter: none;
  border-bottom: 1px solid #022241;
}
.navbar-inverse .badge {
  background-color: #fff;
  color: #033C73;
}
.navbar .navbar-nav > li > a, .navbar-brand {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .navbar .dropdown-header {
    color: #fff;
  }
  .navbar .dropdown-menu a {
    color: #fff;
  }
}
.btn {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.btn .caret {
  border-top-color: #fff;
}

.btn-default {
  background-image: -webkit-linear-gradient(white, #fff 60%, whitesmoke);
  background-image: -o-linear-gradient(white, #fff 60%, whitesmoke);
  background-image: linear-gradient(white, #fff 60%, whitesmoke);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFF5F5F5", GradientType=0);
  filter: none;
  border-bottom: 1px solid #e6e6e6;
}
.btn-default:hover {
  color: #555555;
}
.btn-default .caret {
  border-top-color: #555555;
}

.btn-default {
  background-image: -webkit-linear-gradient(white, #fff 60%, whitesmoke);
  background-image: -o-linear-gradient(white, #fff 60%, whitesmoke);
  background-image: linear-gradient(white, #fff 60%, whitesmoke);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFF5F5F5", GradientType=0);
  filter: none;
  border-bottom: 1px solid #e6e6e6;
}

.btn-primary {
  background-image: -webkit-linear-gradient(#153879, #0f2856 60%, #0c2045);
  background-image: -o-linear-gradient(#153879, #0f2856 60%, #0c2045);
  background-image: linear-gradient(#153879, #0f2856 60%, #0c2045);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF153879", endColorstr="#FF0C2045", GradientType=0);
  filter: none;
  border-bottom: 1px solid #07142b;
}

.btn-success {
  background-image: -webkit-linear-gradient(#88c149, #73A839 60%, #699934);
  background-image: -o-linear-gradient(#88c149, #73A839 60%, #699934);
  background-image: linear-gradient(#88c149, #73A839 60%, #699934);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF88C149", endColorstr="#FF699934", GradientType=0);
  filter: none;
  border-bottom: 1px solid #59822c;
}

.btn-info {
  background-image: -webkit-linear-gradient(#04519b, #033C73 60%, #02325f);
  background-image: -o-linear-gradient(#04519b, #033C73 60%, #02325f);
  background-image: linear-gradient(#04519b, #033C73 60%, #02325f);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF04519B", endColorstr="#FF02325F", GradientType=0);
  filter: none;
  border-bottom: 1px solid #022241;
}

.btn-warning {
  background-image: -webkit-linear-gradient(#ff6707, #DD5600 60%, #c94e00);
  background-image: -o-linear-gradient(#ff6707, #DD5600 60%, #c94e00);
  background-image: linear-gradient(#ff6707, #DD5600 60%, #c94e00);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFF6707", endColorstr="#FFC94E00", GradientType=0);
  filter: none;
  border-bottom: 1px solid #aa4200;
}

.btn-danger {
  background-image: -webkit-linear-gradient(#e12b31, #C71C22 60%, #b5191f);
  background-image: -o-linear-gradient(#e12b31, #C71C22 60%, #b5191f);
  background-image: linear-gradient(#e12b31, #C71C22 60%, #b5191f);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFE12B31", endColorstr="#FFB5191F", GradientType=0);
  filter: none;
  border-bottom: 1px solid #9a161a;
}

.panel-primary .panel-heading,
.panel-primary .panel-title,
.panel-success .panel-heading,
.panel-success .panel-title,
.panel-warning .panel-heading,
.panel-warning .panel-title,
.panel-danger .panel-heading,
.panel-danger .panel-title,
.panel-info .panel-heading,
.panel-info .panel-title {
  color: #fff;
}

/**
 * Alert styling.
 */
.alert-sm {
  padding: 5px 10px;
}

.alert a {
  font-weight: bold;
}

.alert-success a, .alert-success a:hover, .alert-success a:focus {
  color: #356635;
}

.alert-info a, .alert-info a:hover, .alert-info a:focus {
  color: #2d6987;
}

.alert-warning a, .alert-warning a:hover, .alert-warning a:focus {
  color: #a47e3c;
}

.alert-danger a, .alert-danger a:hover, .alert-danger a:focus {
  color: #953b39;
}

/**
 * AJAX (throbber) styling.
 */
@keyframes glyphicon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.glyphicon-spin {
  display: inline-block;
  animation: glyphicon-spin 1s infinite linear;
}

a .glyphicon-spin {
  display: inline-block;
  text-decoration: none;
}

html.js .btn .ajax-throbber {
  margin-left: 0.5em;
  margin-right: -0.25em;
}
html.js .form-item .input-group-addon .glyphicon {
  color: #999999;
  opacity: 0.5;
  transition: 150ms color, 150ms opacity;
}
html.js .form-item .input-group-addon .glyphicon.glyphicon-spin {
  color: #0f2856;
  opacity: 1;
}
html.js .form-item .input-group-addon .input-group-addon {
  background-color: white;
}
html.js .ajax-new-content:empty {
  display: none !important;
}

/**
 * $file
 * Visual styles for fields.
 */
.field--label {
  font-weight: bold;
}

.field--label-inline .field--label,
.field--label-inline .field--items {
  float: left;
  /*LTR*/
}

.field--label-inline .field--label,
.field--label-inline > .field--item,
.field--label-inline .field--items {
  padding-right: 0.5em;
}

[dir=rtl] .field--label-inline .field--label,
[dir=rtl] .field--label-inline .field--items {
  padding-left: 0.5em;
  padding-right: 0;
}

.field--label-inline .field--label::after {
  content: ":";
}

/**
 * File (and Image Widget) styles.
 */
.file {
  display: table;
  font-size: 75%;
  font-weight: 700;
  margin: 5px 0;
  width: 100%;
}
.file > span {
  background: #fff;
  color: #0f2856;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.file > span:first-child {
  border-left: 1px solid #ccc;
}
.file > span:last-child {
  border-right: 1px solid #ccc;
}
.file > .tabledrag-changed {
  background: #fcf8e3;
  border-radius: 0;
  color: #c09853;
  display: table-cell;
  padding: 0 1em;
  top: 0;
  vertical-align: middle;
  border-left: 1px solid inherit;
}
.file > .tabledrag-changed, .file > .tabledrag-changed:last-child {
  border: 1px solid #f8e5be;
}

.file-icon {
  display: table-cell;
  font-size: 150%;
  padding: 0.25em 0.5em;
  text-align: center;
  vertical-align: middle;
}

.file-link {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.file-link a, .file-link a:hover, .file-link a:focus, .file-link a:active {
  color: inherit;
}

.file-size {
  display: table-cell;
  padding: 0 1em;
  text-align: right;
  white-space: pre;
  vertical-align: middle;
}

.image-widget.row {
  overflow: hidden;
}

/**
 * Filter styles.
 */
.filter-wrapper {
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 0;
  padding: 10px;
  height: 51px;
}

.filter-help {
  float: right;
  line-height: 1;
  margin: 0.5em 0 0;
}

.nav.nav-tabs.filter-formats {
  margin-bottom: 15px;
}

/**
 * Form styles.
 */
table .checkbox.form-no-label, table .radio.form-no-label {
  margin-bottom: 0;
  margin-top: 0;
}

.select-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}
.form-inline .select-wrapper {
  width: auto;
}
.input-group .select-wrapper {
  display: table-cell;
}
.input-group .select-wrapper:first-child .form-control:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.input-group .select-wrapper:last-child .form-control:first-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1;
  padding-right: 2em;
}
.select-wrapper select::-ms-expand {
  opacity: 0;
}
.select-wrapper:after {
  color: #0f2856;
  content: "▼";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: -0.5em;
  padding-right: 0.5em;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
}
.has-glyphicons .select-wrapper:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  font-family: "Glyphicons Halflings";
}
.has-error .select-wrapper:after {
  color: #b94a48;
}
.has-success .select-wrapper:after {
  color: #468847;
}
.has-warning .select-wrapper:after {
  color: #c09853;
}

.form-required:after {
  background-image: url(../images/required.svg);
  background-size: 10px 7px;
  content: "";
  display: inline-block;
  line-height: 1;
  height: 7px;
  width: 10px;
}

.form-actions .btn, .form-actions .btn-group {
  margin-right: 10px;
}
.form-actions .btn-group .btn {
  margin-right: 0;
}

/**
 * Icon styles.
 */
a.icon-before .glyphicon {
  margin-right: 0.25em;
}
a.icon-after .glyphicon {
  margin-left: 0.25em;
}

.btn.icon-before .glyphicon {
  margin-left: -0.25em;
  margin-right: 0.25em;
}
.btn.icon-after .glyphicon {
  margin-left: 0.25em;
  margin-right: -0.25em;
}

/**
 * Navbar styling.
 */
body {
  position: relative;
}
body.navbar-is-static-top {
  margin-top: 0;
}
body.navbar-is-fixed-top {
  margin-top: 65px;
}
body.navbar-is-fixed-bottom {
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  body {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  body.toolbar-vertical.navbar-is-fixed-top .toolbar-bar, body.toolbar-vertical.navbar-is-fixed-bottom .toolbar-bar {
    position: fixed;
  }
  body.toolbar-vertical.navbar-is-fixed-top header, body.toolbar-vertical.navbar-is-fixed-bottom header {
    z-index: 500;
  }
  body.toolbar-vertical.navbar-is-fixed-top header {
    top: 39px;
  }
}

@media screen and (min-width: 768px) {
  .navbar.container {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .navbar.container {
    max-width: 940px;
  }
}
@media screen and (min-width: 1200px) {
  .navbar.container {
    max-width: 1140px;
  }
}

/**
 * Node styling.
 */
.node-preview-container {
  margin-top: -15px;
}

.node-preview-form-select {
  padding: 15px;
}

/**
 * Panel styling.
 */
.panel-title {
  display: block;
  margin: -10px -15px;
  padding: 10px 15px;
}
.panel-title, .panel-title:hover, .panel-title:focus, .panel-title:hover:focus {
  color: inherit;
}
.panel-title:focus, .panel-title:hover {
  text-decoration: none;
}

/**
 * Progress bar styles.
 */
.progress-wrapper {
  margin-bottom: 15px;
}
.progress-wrapper:last-child .progress {
  margin-bottom: 5px;
}
.progress-wrapper .message {
  font-weight: 700;
  margin-bottom: 5px;
}
.progress-wrapper .percentage,
.progress-wrapper .progress-label {
  font-size: 12px;
}
.progress-wrapper .progress-bar {
  min-width: 2em;
}

/**
 * Table drag styles.
 */
.tabledrag-toggle-weight {
  float: right;
  margin: 1px 2px 1px 10px;
}

.tabledrag-changed-warning {
  margin: 0;
  overflow: hidden;
}

.tabledrag-handle {
  color: #999999;
  cursor: move;
  float: left;
  font-size: 125%;
  line-height: 1;
  margin: -10px 0 0 -10px;
  padding: 10px;
}
.tabledrag-handle:hover, .tabledrag-handle:focus {
  color: #0f2856;
}

.indentation {
  float: left;
  /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em;
  /* LTR */
  padding: 0.42em 0 0.42em 0.6em;
  /* LTR */
  width: 20px;
}
[dir=rtl] .indentation {
  float: right;
  margin: -0.4em -0.4em -0.4em 0.2em;
  padding: 0.42em 0.6em 0.42em 0;
}

/**
 * Tabs and local action styles.
 */
.local-actions {
  margin: 10px 0 10px -5px;
}

.tabs--secondary {
  margin: 10px 0 5px;
}

/**
 * Missing Bootstrap 2 tab styling.
 * $see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3
 * $see http://bootply.com/74926
 */
.tabbable {
  margin-bottom: 20px;
}

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
  border-bottom: 0;
}
.tabs-below > .nav-tabs .summary, .tabs-left > .nav-tabs .summary, .tabs-right > .nav-tabs .summary {
  color: #999999;
  font-size: 12px;
}

.tab-pane > .panel-heading {
  display: none;
}

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

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
  padding-bottom: 20px;
  width: 220px;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li:focus,
.tabs-right > .nav-tabs > li:focus {
  outline: 0;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs > li > a:focus,
.tabs-right > .nav-tabs > li > a:focus {
  outline: 0;
}
.tabs-left > .tab-content,
.tabs-right > .tab-content {
  border-radius: 0 4px 4px 4px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: 10px 15px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: -1px;
}
.tabs-left > .nav-tabs > li > a {
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #ddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs > .active > a,
.tabs-left > .nav-tabs > .active > a:hover,
.tabs-left > .nav-tabs > .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: -1px;
}
.tabs-right > .nav-tabs > li > a {
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #ddd;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.tabs-right > .nav-tabs > .active > a,
.tabs-right > .nav-tabs > .active > a:hover,
.tabs-right > .nav-tabs > .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
}

/**
 * Toolbar module styling.
 */
body.toolbar-fixed .toolbar-oriented .toolbar-bar {
  z-index: 1031;
}
body.toolbar-fixed .navbar-fixed-top {
  top: 39px;
}
body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .navbar-fixed-top {
  top: 79px;
}
body.toolbar-fixed.toolbar-vertical.toolbar-tray-open .navbar-fixed-top {
  left: 240px;
}
body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed {
  margin-left: 240px;
}
body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray {
  padding-bottom: 40px;
}
body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray, body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray > .toolbar-lining:before {
  width: 240px;
}

/**
 * jQuery UI autocomplete widget style overrides.
 *
 * $todo Remove once jQuery UI is no longer used?
 */
.ui-autocomplete {
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  color: inherit;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  list-style: none;
  min-width: 160px;
  padding: 5px 0;
  text-align: left;
  z-index: 1000;
}
.ui-autocomplete .ui-menu-item {
  border: 0;
  border-radius: 0;
  clear: both;
  color: #333333;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.428571429;
  margin: 0;
  outline: 0;
  padding: 3px 20px;
  text-decoration: none;
  white-space: nowrap;
}
.ui-autocomplete .ui-menu-item.ui-state-hover {
  background: #0f2856;
  color: #fff;
}
.ui-autocomplete .ui-menu-item.ui-state-active, .ui-autocomplete .ui-menu-item.ui-state-focus {
  background: #0f2856;
  color: #fff;
}

ol, ul {
  padding-left: 1.5em;
}
.popover ol:last-child, .popover ul:last-child {
  margin-bottom: 0;
}

.page-header {
  margin-top: 0;
}

.footer {
  margin-top: 45px;
  padding-top: 35px;
  padding-bottom: 36px;
  border-top: 1px solid #E5E5E5;
}

p:last-child,
.form-group:last-child,
.panel:last-child {
  margin-bottom: 0;
}

.region-help > .glyphicon {
  font-size: 18px;
  float: left;
  margin: -0.05em 0.5em 0 0;
}
.region-help .block {
  overflow: hidden;
}

.help-block, .control-group .help-inline {
  color: #999999;
  font-size: 12px;
  margin: 5px 0 10px;
  padding: 0;
}
.help-block:first-child, .control-group .help-inline:first-child {
  margin-top: 0;
}

.oktopro-entities-list .file .img-responsive .img-responsive {
  min-width: 150px;
}

.oktopro-entities-list .file {
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  width: calc(100% - 35px);
  align-items: end;
}
.oktopro-entities-list .file .file-link,
.oktopro-entities-list .file .file-info {
  border: unset;
  background-color: unset;
}

.oktopro-entities-list .file-link {
  border: unset;
  flex: 1;
  display: flex;
  align-items: center;
}
.oktopro-entities-list .file-link a {
  display: block;
}
.oktopro-entities-list .file-link img {
  margin: 5px;
}
.oktopro-entities-list .file-link img.file-placeholder-icon {
  max-height: 70px;
}

.oktopro-entities-list .file-info {
  flex: 2;
  display: grid;
  height: 100%;
  align-items: center;
}
.oktopro-entities-list .file-info .file-detail {
  text-align: left;
  padding: 0;
}
.oktopro-entities-list .file-info .prefix {
  font-weight: bold;
  margin-right: 5px;
  text-decoration: underline;
}

.history-step {
  margin-bottom: 30px !important;
  background: #f2f2f2;
}
.history-step .panel__title {
  margin: 0;
}
.history-step .panel-title {
  background: #f2f2f2;
}
.history-step .panel-body {
  background: #f2f2f2;
}
.history-step .hr-top {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 3px solid #ddd;
}

/**
 * Oktopro custom styles from .
 */
/** Utilities start**/
.padding-bt-25 {
  padding-bottom: 25px;
}

.text-1 {
  font-size: 14px;
  font-weight: bold;
}

/** Utilities end**/
/*Code types start*/
.type-label {
  border: 1px solid #797979;
  border-radius: 5px;
  padding: 0 10px;
  text-align: center;
  font-size: 12px;
}

.type-label.operation {
  background-color: #0099cc;
  color: #FFFFFF;
}

.type-label.material {
  color: #333333;
}

.type-label.material_supplier {
  background-color: #00cc33;
  color: #FFFFFF;
}

/*Code types end*/
/*Catalogue menu start*/
.catalogue-menu li[data-active-trail=inactive] ul {
  display: none;
}

.catalogue-menu ul {
  list-style-type: none;
  padding-left: 0;
}

.catalogue-menu ul li {
  padding: 0;
  position: relative;
}

.catalogue-menu a:hover,
.catalogue-menu a.is-active {
  color: #49afea;
  text-decoration: none;
  background-color: #eee;
}

.catalogue-menu a {
  width: 100%;
  display: block;
  border-bottom: 1px solid #e7e7e7;
}

.catalogue-ul-0 a {
  font-size: 20px;
  padding: 12px 0 12px 25px;
}

.catalogue-ul-1 a {
  font-size: 16px;
  padding: 8px 0 8px 50px;
}

.catalogue-ul-2 a {
  font-size: 14px;
  padding: 3px 0 3px 80px;
  border-bottom: none;
}

.catalogue-ul-3 a {
  font-size: 14px;
  padding: 3px 0 3px 105px;
  border-bottom: none;
}

.catalogue-ul-2 {
  border-bottom: 1px solid #e7e7e7;
}

.catalogue-ul-0 li {
  padding: 4px 0;
}

.catalogue-ul-1 li {
  padding: 2px 0;
}

.catalogue-menu span.fa {
  position: absolute;
  cursor: pointer;
  height: 53px;
  padding: 22px 0;
  width: 40px;
  text-align: center;
  font-size: 10px;
  right: 0;
}

.catalogue-menu .catalogue-ul-1 span.fa {
  height: 39px;
  padding: 15px 0;
}

.catalogue-menu .catalogue-ul-2 span.fa {
  height: 39px;
  padding: 8px 0;
}

.catalogue-menu [data-active-trail=active] span.fa.fa-chevron-down:before {
  content: "";
}

.catalogue-menu [data-active-trail=inactive] span.fa.fa-chevron-down:before {
  content: "";
}

.catalogue-menu span.fa:hover {
  background: #e0e0e0;
}

/*Catalogue menu end*/
/*Footer menu start*/
.region-footer .nav {
  float: right;
}

.region-footer .nav > li {
  display: inline-block;
}

/*Footer menu end*/
/*User menu start*/
.block-views-blockuser-hello-user {
  float: right;
  text-align: right;
}

.block-views-blockuser-hello-user {
  padding: 3px 5px;
  margin: 10px 0;
}

.block-views-blockuser-hello-user:hover {
  background-color: #f8f8f8;
}

.block-views-blockuser-hello-user img {
  display: inline-block;
}

a.user-menu-link {
  color: #777;
  height: 100%;
  display: block;
  width: 100%;
  min-height: 25px;
}

a.user-menu-link:before {
  padding-right: 5px;
}

a.user-menu-link:hover,
a.user-menu-link:focus {
  text-decoration: none;
}

a.user-menu-link:before {
  font-size: 15px;
}

a.user-menu-link.fa.fa-chevron-up[aria-expanded=false]:before {
  content: "";
}

.top_right {
  position: relative;
  float: right;
}

.region-header-user-menu {
  position: relative;
}

[id=block-useraccountmenu] ul {
  list-style: none;
  padding: 0 0 0 5px;
  margin-bottom: 0;
}

[id=block-useraccountmenu] li {
  width: 100%;
}

/*User menu end*/
/** Main menu start**/
[id*=block-oktopro-main-menu] a.fa:before {
  font-size: 20px;
  padding-right: 5px;
}

/** Main menu end**/
/** Grid view start**/
.links {
  text-align: right;
}
.links a {
  font-size: 20px;
}

nav.tabs {
  margin-bottom: 25px;
}

.block-views-blockcodes-grid,
.block-views-blockcodes-list {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #eeeeee;
}

.block-views-blockcodes-grid .views-row {
  margin-bottom: 40px;
}

.block-views-blockcodes-grid .views-field-field-main-picture,
.block-views-blockcodes-grid .views-field-title {
  margin-top: 10px;
}

.block-views-blockcodes-grid .views-field-title {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}

.block-views-blockcodes-grid .views-field-field-code-type {
  float: right;
  margin-bottom: 10px;
}

.grid-in-row {
  padding: 5px 25px;
  max-width: 252px;
  margin: 0 auto;
}

.view-header {
  padding-top: 25px;
  padding-bottom: 25px;
}

.pager-nav.text-center {
  float: right;
}
.pager-nav.text-center::before, .pager-nav.text-center::after {
  content: "";
  clear: both;
  display: table;
}

.view::before, .view::after {
  content: "";
  clear: both;
  display: table;
}

.block-views-blockcodes-code-files .views-field-field-additional-pictures li {
  display: inline-block;
  padding-right: 5px;
}

.o-pictures li,
.view-display-id-my_organisation_pictures li {
  display: inline-block;
  padding: 5px;
}

.view-display-id-my_organisation_pictures .views-field-field-o-logo .field-content {
  padding: 5px;
}

.view-display-id-org_profile .views-field-field-o-head-seat {
  padding-top: 35px;
}

.view-display-id-org_profile .views-field-field-o-invoicing-address,
.view-display-id-org_profile .views-field-field-o-warehouses,
.view-display-id-org_profile .views-field-field-o-vat {
  padding-top: 15px;
}

.block-views-blockuser-info-coleags,
.o-pictures h4 {
  padding-top: 50px;
}

.block-views-blockuser-info-coleags h2 {
  font-size: 18px;
  font-weight: bold;
}

.grey-grid {
  padding-bottom: 15px;
  border-bottom: 2px solid #d2d2d2;
  background-color: whitesmoke;
  padding-top: 15px;
}

.block-views-blockuser-info-profile .views-row,
.block-views-blockuser-info-coleags .views-row {
  padding-bottom: 15px;
  border-bottom: 2px solid #d2d2d2;
  background-color: whitesmoke;
  padding-top: 15px;
}

.block-views-blockuser-info-coleags .views-row {
  margin-bottom: 15px;
}

.block-views-blockcodes-main-picture-video ul {
  list-style: none;
  padding-left: 0;
}

.block-views-blockcodes-main-picture-video .views-field-field-main-picture img {
  margin: 0 auto;
}

.block-views-blockcodes-main-picture-video .views-field-field-videos li {
  margin: 0 auto;
  max-width: 600px;
  padding-top: 25px;
}

/** Grid view end**/
/** main-menu-after start**/
[id*=block-mainnavigation],
.main-menu-after {
  border-top: 1px solid #e7e7e7;
}

[id*=block-mainnavigation] .navbar-nav li {
  display: inline-block;
}

[id*=block-mainnavigation] .navbar-nav li a,
.main-menu-after a {
  color: #777;
  font-size: 15px;
  padding: 0 15px 15px;
  display: inline-block;
}

.adminimal-admin-toolbar footer {
  padding-top: 30px;
}

[id*=block-mainnavigation] .navbar-nav li a:hover,
.main-menu-after a:hover {
  text-decoration: none;
}

[id*=block-mainnavigation] .navbar-nav li a:before,
.main-menu-after a:before {
  padding-right: 5px;
}

.navbar-default [id*=block-mainnavigation] .navbar-nav > .active > a {
  color: #777;
  background: transparent;
}

/** main-menu-after end**/
.table-responsive .img-responsive {
  max-width: none;
}

.shs-select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-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;
}

.shs-select: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);
}

.block-views-blockcodes-block-1 .views-label {
  font-weight: bold;
}

.block-views-blockcodes-block-1 .views-field {
  display: block;
}

[id*=block-oktopro-main-menu]:before {
  display: table;
  content: " ";
}

[id*=block-oktopro-main-menu]:after {
  display: table;
  content: " ";
  clear: both;
}

.navbar-collapse .trigger {
  display: none;
}

.grid-in-row {
  min-height: 231px;
}

.block-views-blockcodes-list tr img {
  min-height: 50px;
}

.info-page .block-region-left a {
  display: block;
  border-bottom: 1px solid #e7e7e7;
  padding: 12px 25px;
  font-size: 20px;
  max-width: 300px;
}

.info-page .block-region-left a.is-active {
  background-color: #f5f5f5;
}

.info-page .block-region-left a:hover {
  text-decoration: none;
  background-color: #eee;
}

.my-info-views .views-field {
  border-top: 1px solid #ddd;
  padding: 10px 5px;
}

.block-views-blockcodes-code-files ul,
.view-display-id-my_organisation_pictures ul,
.my-info-views ul {
  list-style: none;
  padding-left: 0;
}

.my-info-views .field-content,
.my-info-views .views-label {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.block-request-user-update-btn {
  margin: 20px 0;
}

.block-request-user-update-btn a {
  white-space: normal;
}

.bold-h h4 {
  font-weight: bold;
}

.block-views-blockuser-info-profile .field-content,
.block-views-blockuser-info-coleags .field-content {
  display: block;
}

.view-user-info ul {
  list-style: none;
  padding-left: 0;
}

.view-display-id-my_organisation_pictures .views-label {
  margin-top: 25px;
}

.workers td {
  width: 50%;
}

.workers ul {
  margin-bottom: 0;
}

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

.workers .table-striped tbody {
  background-color: #f5f5f5;
}

.view-display-id-org_profile .geolocation-google-map {
  margin-top: 55px;
}

.info-page.no-org .bs-region--middle p {
  min-height: 142px;
  font-size: 20px;
  padding-top: 20px;
}

.field--name-field-categories .field--item {
  height: 10px;
}

.field--name-field-categories .field--item ul {
  list-style: none;
}

.error-dates {
  color: red;
}

.block-oktopro-calendar-planning h4 {
  font-weight: bold;
}

.block-oktopro-calendar-planning .views-element-container {
  margin-bottom: 50px;
}

#block-oktopro-main-menu .fa-comments div {
  display: inline;
}

@media screen and (min-width: 768px) {
  .region-navigation a.logo {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .block-views-blockcodes-grid .pager-nav {
    width: 100%;
  }

  .grid-in-row .img-responsive {
    width: 100%;
  }

  div.grid-in-row {
    padding: 5px 0;
  }

  .my-info-views .field-content,
.my-info-views .views-label {
    width: 100%;
  }

  .my-info-views .views-label {
    font-weight: bold;
  }

  .block-views-blockuser-info-org-profile {
    margin-top: 40px;
  }
}
@media screen and (max-width: 991px) {
  .exposed-codes .form-item {
    margin-bottom: 15px;
  }

  .exposed-codes .form-submit {
    width: 100%;
  }

  .exposed-codes .links {
    text-align: center;
  }

  .grid-in-row {
    padding: 5px 5px;
  }

  .info-page .block-region-left a {
    max-width: initial;
  }

  .block-views-blockuser-info-coleags,
.o-pictures h4 {
    padding-top: 40px;
  }
}
@media screen and (min-width: 992px) {
  .info-page .bs-region--left {
    padding-right: 0;
  }

  .info-page .bs-region--middle {
    background-color: #f5f5f5;
    padding-bottom: 15px;
    border: 1px solid #e7e7e7;
  }

  .info-page .block-region-left a.is-active:after {
    display: block;
    content: "";
    height: 100%;
    width: 1px;
    background-color: #f5f5f5;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 10;
  }

  .info-page .block-region-left a.is-active {
    border-left: 1px solid #e7e7e7;
  }

  .info-page .block-region-left a[href*=info].is-active {
    border-top: 1px solid #e7e7e7;
  }
}
.oktopro-form-request-new-contract-form .panel:last-child {
  margin-bottom: 20px;
}

.page-oktopro_form .region-content .oktopro-form-form.oktopro-form-request-new-contract-form .field--name-field-amount,
.page-oktopro_form .region-content .oktopro-form-form.oktopro-form-request-new-contract-form .field--name-field-your-price {
  display: inline-block;
}
.page-oktopro_form .region-content .oktopro-form-form.oktopro-form-request-new-contract-form .field--name-field-amount label,
.page-oktopro_form .region-content .oktopro-form-form.oktopro-form-request-new-contract-form .field--name-field-your-price label {
  display: block;
}
.page-oktopro_form .region-content .oktopro-form-form.oktopro-form-request-new-contract-form [id^=edit-field-work-group-][id*=-field-work-code-][id*=-actions] {
  display: inline-block;
}
.page-oktopro_form .region-content .oktopro-form-form.oktopro-form-request-new-contract-form .total-price-result {
  font-size: 20px;
  padding-top: 20px;
}

.path-oktopro-form #edit-group-work .field--item {
  padding-left: 30px;
}
.path-oktopro-form #edit-group-work .field--item .field-collection-item {
  padding-bottom: 20px;
}

#views-exposed-form-codes-autocomplete-list-page .form-actions {
  float: none;
  display: inline;
}
#views-exposed-form-codes-autocomplete-list-page .form-item-catalog .shs-field-container {
  display: flex;
}
#views-exposed-form-codes-autocomplete-list-page .form-item-catalog .shs-field-container .shs-widget-container select {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  height: 38px;
}
#views-exposed-form-codes-autocomplete-list-page .form-item-catalog .shs-field-container .shs-widget-container:last-child select {
  padding-right: 25px;
}

.oktopro-form-discussion-form .field--name-field-amount-not-accepted,
.oktopro-form-discussion-form .phase-detail-tables {
  margin-bottom: 15px;
}

.view-id-contract_signing_new_flow_.view-display-id-signatures_other_attachment .view-content,
.signs-wrapper {
  display: flex;
  justify-content: space-around;
  margin: auto;
  max-width: 600px;
}
.view-id-contract_signing_new_flow_.view-display-id-signatures_other_attachment .view-content .contract-sign,
.signs-wrapper .contract-sign {
  text-align: center;
  padding: 10px;
}
.view-id-contract_signing_new_flow_.view-display-id-signatures_other_attachment .view-content.view-content,
.signs-wrapper.view-content {
  margin-top: 35px;
  flex-wrap: wrap;
}
.view-id-contract_signing_new_flow_.view-display-id-signatures_other_attachment .view-content.view-content .contract-sign,
.signs-wrapper.view-content .contract-sign {
  padding: 15px 5px;
}

.sign-popup {
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: none;
  overflow: hidden;
  background: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 10px;
  z-index: 101;
}

/**********popup with form**********/
.sign-sc-form,
.sign-mc-form {
  width: 400px;
}
@media (max-width: 414px) {
  .sign-sc-form,
.sign-mc-form {
    width: 350px;
  }
}
.sign-sc-form form .confirm-message,
.sign-mc-form form .confirm-message {
  margin: 25px auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
  color: #000;
  padding: 0 20px;
}
.sign-sc-form form .confirm-message .title,
.sign-mc-form form .confirm-message .title {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.sign-sc-form form .actions-wrapper,
.sign-mc-form form .actions-wrapper {
  margin: 0;
  display: flex;
  width: 100%;
  border-top: 2px solid #eeeeee;
}
.sign-sc-form form .actions-wrapper button, .sign-sc-form form .actions-wrapper .no-button,
.sign-mc-form form .actions-wrapper button,
.sign-mc-form form .actions-wrapper .no-button {
  display: table-cell;
  width: 50%;
  cursor: pointer;
  border: none;
  color: #0645ad;
  padding: 10px;
  font-size: 15px;
  background: #fff;
}
.sign-sc-form form .actions-wrapper button:hover, .sign-sc-form form .actions-wrapper .no-button:hover,
.sign-mc-form form .actions-wrapper button:hover,
.sign-mc-form form .actions-wrapper .no-button:hover {
  background: #eeeeee;
}
.sign-sc-form form .actions-wrapper .no-button:not(:first-child),
.sign-mc-form form .actions-wrapper .no-button:not(:first-child) {
  border-left: 2px solid #eeeeee;
}
.sign-sc-form form .actions-wrapper button,
.sign-mc-form form .actions-wrapper button {
  border-radius: unset;
  vertical-align: unset;
}
.sign-sc-form .ssc-selection-section,
.sign-mc-form .ssc-selection-section {
  max-height: 250px;
  overflow-y: auto;
}
@media (max-width: 414px) {
  .sign-sc-form .ssc-selection-section,
.sign-mc-form .ssc-selection-section {
    max-height: 160px;
  }
}
.sign-sc-form .ssc-selection-form-element,
.sign-mc-form .ssc-selection-form-element {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
  color: #000;
  padding: 0 20px;
  margin-top: 15px;
  margin-bottom: 35px;
}
.sign-sc-form .ssc-selection-form-element .ssc-form-title,
.sign-mc-form .ssc-selection-form-element .ssc-form-title {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.sign-sc-form .ssc-selection-form-element .ssc-form-description,
.sign-mc-form .ssc-selection-form-element .ssc-form-description {
  font-size: 14px;
  margin-bottom: 5px;
}
.sign-sc-form .ssc-selection-form-element .ssc-form-sub-description,
.sign-mc-form .ssc-selection-form-element .ssc-form-sub-description {
  text-align: left;
}
.sign-sc-form .ssc-selection-form-element fieldset,
.sign-mc-form .ssc-selection-form-element fieldset {
  text-align: left;
  margin-bottom: 10px;
}
.sign-sc-form .ssc-selection-form-element fieldset legend,
.sign-mc-form .ssc-selection-form-element fieldset legend {
  font-size: 16px;
}
.sign-sc-form .form-item-sc-admin-user,
.sign-sc-form .form-item-sc-pm-user,
.sign-mc-form .form-item-sc-admin-user,
.sign-mc-form .form-item-sc-pm-user {
  text-align: left;
  padding: 0 20px;
}

/**********overlay styles**********/
#sign-popup-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  background: #000;
  opacity: 0.4;
  z-index: 100;
}

.contract-sign.dots {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
.contract-sign.dots .dots-stamp-wrapper {
  padding-top: 40px;
}
@media (max-width: 480px) {
  .contract-sign.dots {
    margin-top: 30px;
  }
  .contract-sign.dots .dots-stamp-wrapper {
    padding-top: 0;
  }
  .contract-sign.dots .dots-stamp-wrapper .status-line {
    top: 27px;
  }
}
.contract-sign.dots .stamp {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
@media (max-width: 480px) {
  .contract-sign.dots .stamp {
    width: 35px;
    height: 35px;
  }
}
.contract-sign.dots.both .stamp {
  background: #00d8e3;
  color: #fff;
}
.contract-sign.dots.not-both .stamp {
  background: #000;
  color: #fff;
}
.contract-sign.dots .signer-information {
  min-width: unset;
}
.contract-sign.dots .status-line {
  width: 150px;
  height: 2px;
  background: #999999;
  position: absolute;
  top: 70px;
  z-index: 0;
}
.contract-sign.dots .status-line.already-signed {
  background: #00d8e3;
}
.contract-sign.dots .status-line.left {
  right: 20%;
}
.contract-sign.dots .status-line.right {
  left: 20%;
}
.contract-sign.waiting {
  color: #999999;
}
.contract-sign .stamp {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.contract-sign .stamp .sign-tooltip {
  position: absolute;
  top: 5px;
  left: 0;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  z-index: 100;
  background: #fff;
  display: table;
}
.contract-sign .stamp .sign-tooltip .icon {
  background-image: url("../images/contract-signing-info-button.png");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  background-size: 26px;
  width: 26px;
  height: 26px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.contract-sign .stamp .sign-tooltip .mobile-tooltip {
  display: none;
}
@media (max-width: 480px) {
  .contract-sign .stamp .sign-tooltip {
    top: 0;
    left: -5px;
  }
  .contract-sign .stamp .sign-tooltip:hover .mobile-tooltip {
    display: block;
    background: #333;
    background: #000;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
    position: absolute;
    width: 150px;
    text-align: left;
    font-size: 14px;
    top: 40px;
    left: -25px;
  }
  .contract-sign .stamp .sign-tooltip:hover .mobile-tooltip p {
    margin: 0;
    padding: 0;
  }
  .contract-sign .stamp .sign-tooltip:hover .mobile-tooltip:before {
    border: solid;
    border-color: #000 transparent;
    border-width: 0 8px 8px 8px;
    top: -8px;
    left: 32px;
    content: "";
    position: absolute;
  }
}
@media (max-width: 480px) {
  .contract-sign .stamp {
    width: 90px;
    height: 90px;
  }
}
.contract-sign .stamp .status-text {
  font-size: 21px;
  font-family: ng;
  letter-spacing: 0.5px;
  font-weight: bold;
}
@media (max-width: 480px) {
  .contract-sign .stamp .status-text {
    font-size: 16px;
  }
}
.contract-sign .stamp .status-text.matr {
  width: inherit;
  height: inherit;
  display: table;
}
.contract-sign .stamp .status-text.matr:not(.signed) {
  width: 116px;
}
@media (max-width: 480px) {
  .contract-sign .stamp .status-text.matr:not(.signed) {
    width: 86px;
    height: 86px;
  }
}
.contract-sign .stamp .status-text.matr span {
  display: table-cell;
  vertical-align: middle;
}
.contract-sign .stamp.sign {
  border: 2px dashed #00d8e3;
  background: #fff;
}
.contract-sign .stamp.sign .status-text {
  cursor: pointer;
}
.contract-sign .stamp.waiting {
  border: 2px dashed #999999;
  background: #eeeeee;
}
.contract-sign .stamp.signed .status-text {
  color: #fff;
  background: #00d8e3;
  border-radius: 100%;
}
.contract-sign .signer-information {
  width: 165px;
  margin-top: 10px;
  color: #000;
}
@media (max-width: 480px) {
  .contract-sign .signer-information {
    width: 125px;
  }
}
.contract-sign .signer-information a {
  color: #000 !important;
  text-decoration: none !important;
}
.contract-sign .signer-information a:hover {
  text-decoration: underline !important;
}
.contract-sign .signer-information .organisation {
  word-break: break-word;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 480px) {
  .contract-sign .signer-information .organisation {
    font-size: 15px;
  }
}
.contract-sign.smaller .stamp {
  width: 80px;
  height: 80px;
}
.contract-sign.smaller .stamp .sign-tooltip {
  width: 21px;
  height: 21px;
}
.contract-sign.smaller .stamp .sign-tooltip .icon {
  background-size: 17px;
  width: 18px;
  height: 18px;
}
@media (max-width: 480px) {
  .contract-sign.smaller .stamp .sign-tooltip {
    left: 0;
  }
  .contract-sign.smaller .stamp .sign-tooltip:hover .mobile-tooltip {
    top: 28px;
    left: -30px;
  }
}
.contract-sign.smaller .stamp .status-text {
  font-size: 15px;
}
.contract-sign.smaller .signer-information {
  width: 115px;
}
.contract-sign.smaller .signer-information .organisation {
  font-size: 14px;
}
.contract-sign.smaller .signer-information .user {
  font-size: 13px;
}
@media (max-width: 480px) {
  .contract-sign.smaller .signer-information {
    width: 85px;
  }
  .contract-sign.smaller .signer-information .organisation {
    font-size: 12px;
  }
  .contract-sign.smaller .signer-information .user {
    font-size: 12px;
  }
}
.contract-sign.need-css-action .stamp.signed .status-text {
  background: #00d8e3;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  opacity: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  -moz-transition: all 0.7s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  -o-transition: all 0.7s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  -ms-transition: all 0.7s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  transition: all 0.7s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-backface-visibility: hidden;
}
@media (max-width: 480px) {
  .contract-sign.need-css-action .stamp.signed .status-text {
    width: 90px;
    height: 90px;
  }
}
.contract-sign.need-css-action .stamp.signed .status-text.active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.contract-sign.need-css-action .stamp.signed .sign-tooltip {
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  -moz-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  -o-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  -ms-transition: all 0.2s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.3, 2.13);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-backface-visibility: hidden;
}
.contract-sign.need-css-action .stamp.signed .sign-tooltip.active {
  transition-delay: 1s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.block-quicktabs .quicktabs-ui-wrapper {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
}
.block-quicktabs .quicktabs-ui-wrapper ul.ui-tabs-nav {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  border-bottom: 1px solid #999999;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
}
.block-quicktabs .quicktabs-ui-wrapper ul.ui-tabs-nav li {
  border: none;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  flex-grow: 1;
  background: none;
}
.block-quicktabs .quicktabs-ui-wrapper ul.ui-tabs-nav li:focus {
  outline: none;
}
.block-quicktabs .quicktabs-ui-wrapper ul.ui-tabs-nav li.ui-tabs-active a {
  color: #000;
  border-bottom: 3px solid #37b0fe;
}
.block-quicktabs .quicktabs-ui-wrapper ul.ui-tabs-nav li.ui-tabs-active a .dot {
  display: none;
}
.block-quicktabs .quicktabs-ui-wrapper ul.ui-tabs-nav li a {
  color: #999999;
  width: 75%;
  padding-left: 0;
  cursor: pointer;
  font-size: 18px;
  position: relative;
}
.block-quicktabs .quicktabs-ui-wrapper ul.ui-tabs-nav li a:focus {
  outline: none;
}
.block-quicktabs .quicktabs-ui-wrapper ul.ui-tabs-nav li a .dot {
  width: 6px;
  height: 6px;
  background: #00d8e3;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: -15px;
}
.block-quicktabs .quicktabs-ui-wrapper .ui-tabs-panel {
  padding: 0;
  margin-top: 15px;
}

/**
 * Custom variables
 */
@font-face {
  font-family: "ng";
  src: url(../fonts/open_sans/OpenSans-Regular.ttf);
}
/* Import the Open Sans webfont from Google CDN */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/uYKcPVoh6c5R0NpdEY5A-Q.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNShsxEYwM7FgeyaSgU71cLG0.woff) format("woff");
}
@keyframes hide {
  100% {
    position: absolute;
    right: -15000px;
  }
}
html {
  overflow-x: hidden;
  position: relative;
  height: 100%;
}

body {
  position: relative;
  height: 100%;
  padding-right: 0 !important;
}

.modal-backdrop {
  opacity: 0.5 !important;
}

.modal-backdrop + .modal-backdrop {
  opacity: 0 !important;
}

body {
  margin-top: 0;
}
body .region-top .top_right nav ul li a.top-line {
  border-color: #0f2856;
}
body .region-top .top_right nav ul li a:before {
  color: #0f2856;
}
body .block-region-top-right .block-block-with-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body .block-region-top-right .block-block-with-links ul li {
  padding: 0 3px 6px;
  display: inline-block;
  width: 50%;
}
@media only screen and (max-width: 1199px) {
  body .block-region-top-right .block-block-with-links ul li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body header.navbar {
    margin-bottom: 5px;
  }
}
body header.navbar div.navbar-collapse .region-navigation-collapsible nav, body header.navbar div.navbar-collapse .region-navigation-collapsible section {
  padding-top: 0;
}
body header.navbar div.navbar-collapse .region-navigation-collapsible nav .fa, body header.navbar div.navbar-collapse .region-navigation-collapsible section .fa {
  padding: 15px;
  color: #fff;
}
body header.navbar div.navbar-collapse .region-navigation-collapsible nav .fa:hover, body header.navbar div.navbar-collapse .region-navigation-collapsible section .fa:hover {
  background-color: #178acc;
}
body footer.footer.container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px;
}
@media only screen and (max-width: 991px) {
  body footer.footer.container {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  body footer.footer.container {
    justify-content: space-around;
  }
}
body footer.footer.container .copyright {
  flex: 50%;
}
@media only screen and (max-width: 991px) {
  body footer.footer.container .copyright {
    order: 2;
    flex: 100%;
  }
}
body footer.footer.container .region-footer {
  flex: 50%;
}
@media only screen and (max-width: 1199px) {
  body footer.footer.container .region-footer .nav li a {
    padding: 10px 5px;
  }
}
@media only screen and (max-width: 991px) {
  body footer.footer.container .region-footer {
    order: 1;
    flex: 100%;
  }
  body footer.footer.container .region-footer .nav {
    float: none;
  }
}

.views-exposed-form .form--inline .control-label {
  display: block;
}
.views-exposed-form .form--inline .form-item {
  padding-right: 7px;
  margin-bottom: 15px;
  max-width: 400px;
}
.views-exposed-form .form--inline .form-item .input-group {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .views-exposed-form .form--inline .form-item {
    width: 100%;
    padding-right: 0;
    max-width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .views-exposed-form .form--inline .form-item .form-control {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .views-exposed-form .form--inline .form-item .select-wrapper {
    width: 100%;
  }
}
.views-exposed-form .form--inline .form-item legend {
  font-weight: bold;
  font-size: 1em;
  border: none;
  margin: 0;
}
.views-exposed-form .form--inline .form-item .fieldgroup {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
}
.views-exposed-form .form--inline .form-item .fieldgroup .form-item.checkbox {
  margin-bottom: 0;
}
@media only screen and (max-width: 991px) {
  .views-exposed-form .form--inline .form-item .fieldgroup .form-item.checkbox {
    margin-top: 10px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .views-exposed-form .form--inline .form-actions {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .views-exposed-form .form--inline .form-actions button {
    width: 100%;
  }
  .views-exposed-form .form--inline .form-actions button:not(:first-child) {
    margin-top: 10px;
  }
}
.views-exposed-form .form--inline.catalogue-form .form-actions {
  padding-top: 0;
  float: none;
}

.table tbody tr.danger a {
  color: #953b39;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .table tbody tr td, .table tbody tr th {
    padding: 12px 8px;
  }
}

.table-striped > tbody .footable-detail-row tr:not(.alert-danger) {
  background-color: #ffffff;
}
.table-striped > tbody .footable-detail-row tr td, .table-striped > tbody .footable-detail-row tr th {
  border-top: none;
}
.table-striped > tbody .footable-detail-row tr td a .tablesort, .table-striped > tbody .footable-detail-row tr th a .tablesort {
  display: none;
}
.table-striped > tbody .footable-detail-row tr td a.view-link:before, .table-striped > tbody .footable-detail-row tr th a.view-link:before {
  padding-right: 5px;
}
.table-striped > tbody .footable-detail-row tr th a {
  color: #555555 !important;
  text-decoration: none !important;
  pointer-events: none;
  cursor: default;
}
.table-striped > tbody .footable-detail-row > td {
  padding: 0;
}
.table-striped > tbody .footable-detail-row table {
  margin-bottom: 0;
}

.table-hover > tbody .footable-detail-row tr:not(.alert-danger):hover {
  background-color: #ffffff;
}
.table-hover > tbody tr.alert-danger {
  background-color: #f2dede;
}
.table-hover > tbody tr.alert-danger td:not(.alert-danger) {
  border-color: #e1b4b3;
}

.label.waiting,
.label.Done {
  background-color: #999999;
}

.label.in_progress {
  background-color: #1995dc;
}

.label.Active,
.label.status-Active,
.label.status-20 {
  background-color: #21D9E5;
}

.label.Pending,
.label.status-Pending,
.label.status-30 {
  background-color: #0B75D9;
}

.label.Done,
.label.status-Done {
  background-color: #1AEFB9;
}

.label.Cancelled,
.label.status-Cancelled {
  background-color: #000;
}

.label.Ready,
.label.status-Ready,
.label.status-10 {
  background-color: #8985F0;
}

.label.Archived,
.label.status-Archived,
.label.status-50 {
  background-color: #ADAEB3;
}

.label.Completed,
.label.status-Completed,
.label.completed,
.label.status-completed,
.label.status-40 {
  background-color: #1AEFB9;
}

.view-id-projects .label,
.view-id-contracts .label {
  width: 75px;
}

.collapsible-form {
  border: none;
}
.collapsible-form .panel {
  border: none;
  box-shadow: none;
}
@media only screen and (max-width: 991px) {
  .collapsible-form .panel {
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  }
}
@media only screen and (max-width: 991px) {
  .collapsible-form .panel .panel-collapse {
    padding: 15px;
  }
}
.collapsible-form .panel .panel-title {
  cursor: pointer;
}
.collapsible-form .panel .panel-title .fa {
  float: right;
}

#block-views-block-user-block-1 {
  margin: 0 -15px;
  display: none;
}
@media only screen and (max-width: 767px) {
  #block-views-block-user-block-1 {
    display: block;
  }
}
#block-views-block-user-block-1 a.user-menu-link {
  padding: 8px 15px;
}
#block-views-block-user-block-1 a img {
  display: inline-block;
}

#block-useraccountmenu-2 {
  border-bottom: 1px solid #fff;
  display: none;
}
@media only screen and (max-width: 767px) {
  #block-useraccountmenu-2 {
    display: block;
  }
}
#block-useraccountmenu-2 ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#block-useraccountmenu-2 ul a {
  width: 100%;
  padding: 10px;
}
#block-useraccountmenu-2 ul a:before {
  display: inline-block;
  width: 15px;
}
#block-useraccountmenu-2 ul a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  footer #block-footer {
    font-size: 0.7em;
    font-weight: bold;
  }
}
@media only screen and (max-width: 767px) {
  footer .copyright {
    font-size: 0.7em;
  }
}

.results-summary-label {
  position: absolute;
  top: 15px;
  right: 15px;
}

.block-block-dashboard-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.block-block-dashboard-links ul li {
  padding: 0 3px 6px;
  font-size: 1px;
  display: inline-block;
}
.block-block-dashboard-links ul li .message-icon-prices {
  padding-left: 30px;
  position: relative;
}
.block-block-dashboard-links ul li .message-icon-prices:before {
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  background: url(/themes/custom/oktopro/images/prices.png);
  content: "";
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 3px;
  left: 3px;
}

.block-views-blockcontract-ratings-contract-rating .select-wrapper:after {
  display: none;
}
.block-views-blockcontract-ratings-contract-rating .views-row {
  padding-bottom: 20px;
}
.block-views-blockcontract-ratings-contract-rating .views-row:last-child {
  padding-bottom: 0;
}

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

.rating-view .field-content, .rating-view .views-label {
  display: inline-block;
}
.rating-view .views-label {
  width: 65%;
  color: #8d8d8d;
  font-weight: initial;
  font-size: 18px;
  display: inline-block;
  line-height: 25px;
  padding-left: 50px;
}
@media only screen and (max-width: 767px) {
  .rating-view .views-label {
    display: block;
    padding-left: 0;
  }
}
.rating-view .fa {
  color: #0075d3;
  font-size: 24px;
}
.rating-view .fa.fa-star-o:before {
  content: "";
  color: #e5e5e5;
}

@media only screen and (max-width: 767px) {
  div.block-views-blockcontract-ratings-contract-rating .field--label {
    display: block;
    padding: 0;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  div.block-views-blockcontract-ratings-contract-rating .panel-body .view-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  div.block-views-blockcontract-ratings-contract-rating .panel-body .phase-pager-item {
    font-size: 15px;
    line-height: 8px;
    padding: 9px;
    margin: 5px 8px;
  }
}

@media only screen and (max-width: 767px) {
  div.block-views-blockcontract-ratings-contract-rating .panel-body h3 {
    padding: 0;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
  }
}

div.block-oktopro-request-forms .panel-body .masqueraded-user-dummy-action-element {
  width: 100%;
  text-align: left;
}

.footable > tbody > tr {
  cursor: pointer;
}
.footable > tbody > tr.alert-danger:hover {
  background-color: #ebcccc;
}
.footable .label {
  display: inline-block;
  white-space: inherit;
}

@media only screen and (max-width: 767px) {
  .block-oktopro-turnover {
    display: none;
  }
}
.block-oktopro-turnover .panel-body {
  position: relative;
  padding-bottom: 25px;
}
.block-oktopro-turnover .panel-body .turnower-wrapper {
  height: 365px;
}
.block-oktopro-turnover .panel-body .turnower-wrapper .demo-container {
  position: absolute;
  bottom: 10px;
  left: 0;
}

h1 .label {
  font-size: 10px;
  vertical-align: top;
  margin-left: 10px;
  margin-top: 15px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  h1 .label {
    display: none;
  }
}

.bs-2col-bricked .bs-region:not(.bs-region--top) {
  margin-bottom: 20px;
}

.region-content table.footable-details > tbody > tr > th:nth-child(1) {
  vertical-align: middle;
  width: 180px;
  text-align: right;
}
@media only screen and (max-width: 991px) {
  .region-content table.footable-details > tbody > tr > th:nth-child(1) {
    width: 135px;
    text-align: left;
  }
}

/* Styling for the status indicator of the passwords match test.  */
.password-confirm .ok {
  color: #325e1c;
  font-weight: bold;
}
.password-confirm .error {
  color: #a51b00;
  font-weight: bold;
}

.password-strength__meter {
  margin-top: 0.5em;
  background-color: #ebeae4;
}

.password-strength__indicator {
  background-color: #77b259;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
.password-strength__indicator.is-weak {
  background-color: #e62600;
}
.password-strength__indicator.is-fair {
  background-color: #e09600;
}
.password-strength__indicator.is-good {
  background-color: #0074bd;
}
.password-strength__indicator.is-strong {
  background-color: #77b259;
}

.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  max-width: 34.7em;
  border: 1px solid #b4b4b4;
}
.password-suggestions ul {
  margin-bottom: 0;
}

@media only screen and (max-width: 991px) {
  .tooltip:not(.instance-label-tooltip) {
    display: none !important;
  }
}

.page-documents .region-content .documents-document-form,
.page-documents .region-content .oktopro-form-form,
.page-oktopro_form .region-content .documents-document-form,
.page-oktopro_form .region-content .oktopro-form-form {
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid #ddd;
  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);
  padding: 15px;
}
@media only screen and (max-width: 991px) {
  .page-documents .region-content .documents-document-form .form-submit,
.page-documents .region-content .oktopro-form-form .form-submit,
.page-oktopro_form .region-content .documents-document-form .form-submit,
.page-oktopro_form .region-content .oktopro-form-form .form-submit {
    width: 100%;
  }
}
.page-documents .region-content .documents-document-form .active-phase,
.page-documents .region-content .oktopro-form-form .active-phase,
.page-oktopro_form .region-content .documents-document-form .active-phase,
.page-oktopro_form .region-content .oktopro-form-form .active-phase {
  margin: 0 5px;
}
.page-documents .region-content .documents-document-form label[for*=field-partition],
.page-documents .region-content .oktopro-form-form label[for*=field-partition],
.page-oktopro_form .region-content .documents-document-form label[for*=field-partition],
.page-oktopro_form .region-content .oktopro-form-form label[for*=field-partition] {
  width: 100%;
}
.page-documents .region-content .documents-document-form .table-field-description,
.page-documents .region-content .oktopro-form-form .table-field-description,
.page-oktopro_form .region-content .documents-document-form .table-field-description,
.page-oktopro_form .region-content .oktopro-form-form .table-field-description {
  font-weight: 100;
  font-style: italic;
  float: right;
  width: 100%;
}
.page-documents .region-content .documents-document-form ul.dropbutton,
.page-documents .region-content .oktopro-form-form ul.dropbutton,
.page-oktopro_form .region-content .documents-document-form ul.dropbutton,
.page-oktopro_form .region-content .oktopro-form-form ul.dropbutton {
  list-style: none;
  padding-left: 0;
}
.page-documents .region-content .documents-document-form ul.dropbutton li,
.page-documents .region-content .oktopro-form-form ul.dropbutton li,
.page-oktopro_form .region-content .documents-document-form ul.dropbutton li,
.page-oktopro_form .region-content .oktopro-form-form ul.dropbutton li {
  padding-bottom: 5px;
}

option.delay {
  background-color: #eee;
}

.catalogue-page.bs-2col .bs-region--left {
  float: right !important;
}
.catalogue-page.bs-2col .bs-region--right {
  float: left !important;
}
@media only screen and (max-width: 991px) {
  .catalogue-page .catalogue-search .block-title {
    display: none;
  }
}

.sheet-switcher {
  margin-bottom: 10px;
}
.sheet-switcher .select-wrapper {
  width: 125px;
}
@media only screen and (max-width: 767px) {
  .sheet-switcher a {
    width: 100%;
    margin-top: 10px;
  }
}

.contract-single .bs-region--top {
  margin-bottom: 20px;
}

.panel-body {
  position: relative;
}

.panel-body #okto-spreadsheet .ajax-bg {
  position: initial;
}
.panel-body .ajax-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 11;
  padding: 0 15px;
  background: #fff;
}
.panel-body .ajax-bg .progress {
  top: calc(50% - 10px);
  width: 100%;
  margin: 0;
}
.panel-body .ajax-bg .progress .progress-bar {
  width: 100%;
}

#okto-spreadsheet thead .footable-filtering {
  position: absolute;
  top: -54px;
  right: 0;
}
@media only screen and (max-width: 767px) {
  #okto-spreadsheet thead .footable-filtering {
    position: initial;
  }
}

.collapsible-panel .panel-title {
  cursor: pointer;
  position: relative;
  padding-left: 54px;
}
.collapsible-panel .panel-title .pull-left {
  position: absolute;
  left: 12px;
  top: calc(50% - 14px);
}

.collapsible-form .panel-title {
  cursor: pointer;
  position: relative;
  padding-left: 54px;
}
.collapsible-form .panel-title .pull-left {
  position: absolute;
  left: 12px;
  top: calc(50% - 14px);
}

.view-id-planning.view-display-id-planning_base_block .view-id-events_calendar.view-display-id-block_month_small .view-header {
  padding: 5px 0;
}
.view-id-planning.view-display-id-planning_base_block .view-content {
  overflow-x: auto;
}

.amount-widget {
  position: relative;
}
.amount-widget .label {
  position: absolute;
  top: 2px;
  left: 70px;
}

.link-projects:before {
  background-image: url(/themes/custom/oktopro/images/Projects.png);
}

.link-marketplace:before {
  background-image: url(/themes/custom/oktopro/images/marketplace_icon_mc_perspective.svg);
}

body.org-type-subcontractor .link-marketplace:before,
body.org-type-subsubcontractors .link-marketplace:before {
  background-image: url(/themes/custom/oktopro/images/marketplace_icon_sc_perspective.svg);
}

.link-contracts:before {
  background-image: url(/themes/custom/oktopro/images/Contracts.png);
}

.link-post-job:before {
  background-image: url(/themes/custom/oktopro/images/PostaJob.png);
}

.link-communication:before {
  background-image: url(/themes/custom/oktopro/images/Messages.png);
}

.link-communication-all:before {
  background-image: url(/themes/custom/oktopro/images/all_message.svg);
}

.link-group-messages:before {
  background-image: url(/themes/custom/oktopro/images/group_messages_dark.svg);
}

.link-my-requests:before {
  background-image: url(/themes/custom/oktopro/images/my_requests.svg);
}

.link-my-chats:before {
  background-image: url(/themes/custom/oktopro/images/chat.svg);
}

.link-planning:before {
  background-image: url(/themes/custom/oktopro/images/ProjectPlanning.png);
}

.link-holiday:before {
  background-image: url(/themes/custom/oktopro/images/HolidayLeaveCalendar.png);
}

.link-location:before {
  background-image: url(/themes/custom/oktopro/images/map.png);
}

.codes-overview-menu-link:before,
.link-catalogue:before {
  background-image: url(/themes/custom/oktopro/images/Catalogue.png);
}

.link-orders,
.link-products {
  text-decoration: none !important;
}
.link-orders:before,
.link-products:before {
  content: "" !important;
  background-image: url(/themes/custom/oktopro/images/products.png);
  font-size: 44px;
  line-height: 1;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.link-orders::before {
  content: "" !important;
  background-image: url(/themes/custom/oktopro/images/cart.png);
}

.link-request-code:before {
  background-image: url(/themes/custom/oktopro/images/RequestaNewCode.png);
}

.link-documents-add:before {
  background-image: url(/themes/custom/oktopro/images/nd.png);
}

.link-documents-list:before {
  background-image: url(/themes/custom/oktopro/images/all_docs.png);
}

.post-invoice-menu-link:before {
  background-image: url(/themes/custom/oktopro/images/post_an_invoice.svg);
}

.invoice-overview-menu-link:before {
  background-image: url(/themes/custom/oktopro/images/invoice_overview.svg);
}

.link-productivity-settings:before {
  background-image: url(/themes/custom/oktopro/images/productivity_meter_icon.svg);
}

.post-expense-menu-link:before {
  background-image: url(/themes/custom/oktopro/images/post_an_expense.svg);
}

.expense-overview-menu-link:before {
  background-image: url(/themes/custom/oktopro/images/expense_overview.svg);
}

.expense-providers-menu-link:before {
  background-image: url(/themes/custom/oktopro/images/expense_provider.svg);
}

.link-customer-analysis:before,
.analyse-menu-link:before {
  background-image: url(/themes/custom/oktopro/images/financial_analysis_icon.svg);
}

.leave-requests-overview-menu-link:before {
  background-image: url(/themes/custom/oktopro/images/leave_requests.svg);
}

.suspensions-overview-menu-link:before {
  background-image: url(/themes/custom/oktopro/images/suspension_icon.svg);
}

.link-task-center:before {
  background-image: url(/themes/custom/oktopro/images/task_center.svg);
}

.link-automation-center:before {
  background-image: url(/themes/custom/oktopro/images/automation.svg);
}

.link-probuilder-academy-center:before {
  background-image: url(/themes/custom/oktopro/images/probuilder_academy_center.svg);
}

.link-create-new-task:before {
  background-image: url(/themes/custom/oktopro/images/new_checklist.svg);
}

@media only screen and (min-width: 992px) {
  section.region-top {
    background-color: #0f2856;
  }
  section.region-top.mb {
    margin-bottom: 120px;
  }

  body.page-manager-page-view-legal-pages-legal-pages-panels-variant-0 section.region-top.mb {
    margin-bottom: 100px;
  }

  .oktopro-main-menu .link-dashboard {
    display: inline-block;
    width: 60px;
    height: 17px;
    position: relative;
  }
}
@media only screen and (min-width: 992px) and (max-width: 991px) {
  .oktopro-main-menu .link-dashboard {
    width: 20px;
  }
}
@media only screen and (min-width: 992px) {
  .oktopro-main-menu .link-dashboard:after {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(/themes/custom/oktopro/logo-white.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -7px;
  }
}
@media only screen and (min-width: 992px) {
  .oktopro-main-menu .level-group {
    display: inline-block;
    padding: 20px;
    font-size: 17px;
    cursor: pointer;
  }
}
@media only screen and (min-width: 992px) and (max-width: 991px) {
  .oktopro-main-menu .level-group {
    padding: 20px 18px;
  }
}
@media only screen and (min-width: 992px) {
  .oktopro-main-menu .level-group.level-group-0:first-child:hover {
    background: #0f2856;
  }
}
@media only screen and (min-width: 992px) {
  .oktopro-main-menu .level-group a, .oktopro-main-menu .level-group span {
    color: #fff;
  }
  .oktopro-main-menu .level-group a:hover, .oktopro-main-menu .level-group span:hover {
    text-decoration: none;
  }
  .oktopro-main-menu .level-group a:focus, .oktopro-main-menu .level-group span:focus {
    text-decoration: none;
  }
}
@media only screen and (min-width: 992px) {
  .oktopro-main-menu .level-group .level-1 {
    position: absolute;
    background: #e2e8f2;
    z-index: 0;
    width: 100%;
    left: 0;
    top: 64px;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .oktopro-main-menu .level-group .level-1 a {
    display: block;
    color: #0f2856;
    font-size: 15px;
    position: relative;
  }
  .oktopro-main-menu .level-group .level-1 a:hover {
    text-decoration: underline;
  }
  .oktopro-main-menu .level-group .level-1 a:before {
    content: "";
    display: block;
    width: 44px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: auto;
  }
  .oktopro-main-menu .level-group .level-1 a.link-projects:before {
    left: 6px;
  }
  .oktopro-main-menu .level-group .level-1 a.link-marketplace:before {
    left: 18px;
  }
  .oktopro-main-menu .level-group .level-1 a.link-contracts:before {
    height: 36px;
  }
  .oktopro-main-menu .level-group .level-1 a.link-post-job:before {
    width: 32px;
  }
  .oktopro-main-menu .level-group .level-1 a.link-communication:before {
    width: 60px;
    left: calc(50% - 30px);
  }
  .oktopro-main-menu .level-group .level-1 a.link-communication-all:before {
    width: 43px;
    left: calc(50% - 20px);
  }
  .oktopro-main-menu .level-group .level-1 a.link-planning:before {
    width: 47px;
    left: 24px;
  }
  .oktopro-main-menu .level-group .level-1 a.link-holiday:before {
    width: 46px;
    left: 38px;
  }
  .oktopro-main-menu .level-group .level-1 a.link-location:before {
    width: 41px;
    left: 9px;
    top: -43px;
    height: 37px;
  }
  .oktopro-main-menu .level-group .level-1 a.codes-overview-menu-link:before, .oktopro-main-menu .level-group .level-1 a.link-catalogue:before {
    width: 65px;
    left: 6px;
  }
  .oktopro-main-menu .level-group .level-1 a.link-request-code:before {
    width: 37px;
    left: 43px;
  }
  .oktopro-main-menu .level-group .level-1 a.link-documents-add:before {
    top: -45px;
    left: 47px;
    background-size: 35px;
    height: 42px;
  }
  .oktopro-main-menu .level-group .level-1 a.link-documents-list:before {
    top: -44px;
    left: 32px;
    background-size: 34px;
    height: 43px;
  }
  .oktopro-main-menu .level-group .level-1 a.analyse-menu-link:before, .oktopro-main-menu .level-group .level-1 a.post-expense-menu-link:before, .oktopro-main-menu .level-group .level-1 a.expense-overview-menu-link:before, .oktopro-main-menu .level-group .level-1 a.expense-providers-menu-link:before {
    width: 55px;
  }
  .oktopro-main-menu .level-group .level-1.link-create-new-task:before {
    top: -45px;
    left: 47px;
    background-size: 35px;
    height: 42px;
  }
  .oktopro-main-menu .level-group .level-1.link-automation-center .oktopro-main-menu .level-group .level-1.link-task-center:before {
    top: -44px;
    left: 32px;
    background-size: 34px;
    height: 43px;
  }
  .oktopro-main-menu .level-group .level-1 .container {
    padding-left: 115px;
    padding-right: 115px;
    height: 100%;
  }
  .oktopro-main-menu .level-group .level-1 .container .messages_all_container {
    float: right;
  }
  .oktopro-main-menu .level-group .level-1 .container .messages_all_container a.link-communication:before {
    visibility: hidden;
  }
}
@media only screen and (min-width: 992px) and (max-width: 991px) {
  .oktopro-main-menu .level-group .level-1 .container {
    padding-left: 75px;
  }
}
@media only screen and (min-width: 992px) {
  .oktopro-main-menu .level-group .level-1 .level-group {
    padding: 15px;
    height: 100%;
  }
  .oktopro-main-menu .level-group .level-1 .level-group.customer-analysis, .oktopro-main-menu .level-group .level-1 .level-group.finance-analyse {
    float: right;
  }
}
@media only screen and (min-width: 992px) {
  .oktopro-main-menu .level-group.oktopro-active:hover {
    background: #0f2856;
  }
  .oktopro-main-menu .level-group.oktopro-active:hover .level-header-0 a {
    color: #21d7e3;
  }
  .oktopro-main-menu .level-group.oktopro-active .level-1 {
    height: 100px;
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .oktopro-main-menu .level-group.oktopro-ignored:hover {
    background: none;
  }
}
@media only screen and (min-width: 992px) {
  .oktopro-main-menu .level-group:hover {
    background: #e2e8f2;
  }
  .oktopro-main-menu .level-group:hover a, .oktopro-main-menu .level-group:hover span {
    color: #0f2856;
  }
}
@media only screen and (min-width: 992px) {
  .link-marketplace,
.link-project-top,
.link-main-communication {
    position: relative;
    display: inline-block;
  }
  .link-marketplace .counter,
.link-project-top .counter,
.link-main-communication .counter {
    font-size: 11px;
    position: absolute;
    top: -6px;
    right: -20px;
  }
}
@media only screen and (min-width: 992px) {
  body.adminimal-admin-toolbar #block-oktopro-main-menu.contextual-region {
    position: inherit;
  }
  body.adminimal-admin-toolbar #block-oktopro-main-menu .level-1 {
    top: 103px;
  }
  body.adminimal-admin-toolbar.toolbar-tray-open.toolbar-horizontal #block-oktopro-main-menu.contextual-region {
    position: inherit;
  }
  body.adminimal-admin-toolbar.toolbar-tray-open.toolbar-horizontal #block-oktopro-main-menu .level-1 {
    top: 143px;
  }
  body.adminimal-admin-toolbar.toolbar-tray-open.toolbar-vertical #block-oktopro-main-menu.contextual-region {
    position: inherit;
  }
  body.adminimal-admin-toolbar.toolbar-tray-open.toolbar-vertical #block-oktopro-main-menu .level-1 {
    top: 96px;
  }
}
@media only screen and (min-width: 992px) {
  .round-user {
    width: 250px;
    position: absolute;
    right: 0;
    top: -35px;
    cursor: pointer;
  }
  .round-user.view-display-id-user_round {
    z-index: 10;
    width: inherit;
    right: 90px;
  }
  .round-user img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
  }
  .round-user .views-field-user-picture {
    width: 70px;
    display: block;
    margin: 0 auto;
  }
  .round-user .views-field-field-first-name {
    color: #0f2856;
    display: block;
    text-align: center;
    font-weight: bold;
    padding-top: 8px;
  }
  .round-user .views-field-field-first-name .field-content {
    position: relative;
  }
  .round-user .views-field-field-first-name .field-content:after {
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    top: 1px;
    position: absolute;
    right: -18px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) {
  .block-views-blockuser-user-round {
    z-index: 13;
  }
}
@media only screen and (min-width: 992px) {
  .block-views-blockuser-name-hello-user .round-user {
    top: 35px;
  }
  .block-views-blockuser-name-hello-user.menu-active {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  #block-useraccountmenu {
    padding-top: 55px;
    width: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
}
@media only screen and (min-width: 992px) {
  #block-useraccountmenu {
    background-color: white;
  }
  #block-useraccountmenu ul {
    padding: 0;
  }
  #block-useraccountmenu li {
    padding: 0;
  }
  #block-useraccountmenu a {
    color: #7c7a7a;
    font-size: 16px;
  }
  #block-useraccountmenu:before {
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    font-size: 18px;
    top: 35px;
    left: -10px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    padding: 10px;
    color: #0f2856;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
  }
  #block-useraccountmenu a {
    display: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  #block-useraccountmenu.menu-active {
    -webkit-box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
    -moz-box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
    box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
    right: 0;
    z-index: 4;
    width: 250px;
  }
  #block-useraccountmenu.menu-active ul {
    padding: 0 0 0 5px;
  }
  #block-useraccountmenu.menu-active li {
    padding-left: 25px;
    padding-bottom: 7px;
  }
  #block-useraccountmenu.menu-active:before {
    content: "";
    -webkit-transform: rotate(-180deg);
    /* Chrome and other webkit browsers */
    -moz-transform: rotate(-180deg);
    /* FF */
    -o-transform: rotate(-180deg);
    /* Opera */
    -ms-transform: rotate(-180deg);
    /* IE9 */
    transform: rotate(-180deg);
    /* W3C compliant browsers */
    left: -40px;
  }
}
@media only screen and (min-width: 992px) {
  #block-logout {
    margin-top: 5px;
    z-index: 12;
    background: #fff;
    padding: 0;
    text-align: right;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 0;
  }
  #block-logout h2 {
    display: none;
  }
  #block-logout a {
    color: #7c7a7a;
    font-size: 16px;
    padding: 0;
    display: none;
  }
  #block-logout a:after {
    content: "";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    font-size: 18px;
    top: 3px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    padding: 10px;
    right: 5px;
  }
  #block-logout.menu-active {
    -webkit-box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
    -moz-box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
    box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
    right: 0;
    z-index: 4;
    width: 250px;
  }
  #block-logout.menu-active a {
    display: block;
    padding: 10px 45px;
  }
}
@media only screen and (max-width: 991px) {
  .level-group a:not(.kn-base) {
    pointer-events: none;
  }
  .level-group .level-1 a {
    pointer-events: initial;
  }
}
.mb .slide-wrap {
  margin-bottom: 45px;
}

.slide-wrap {
  position: relative;
  background-color: #0f2856;
  z-index: 11;
}
.slide-wrap .slide-toggle {
  color: #fff;
  font-size: 35px;
  padding: 15px 15px;
  cursor: pointer;
}
.slide-wrap .slide-header {
  position: relative;
  right: 0;
  height: 65px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-wrap .slide-header a:not(.ecb-source) {
  width: 65px;
  height: 65px;
  position: absolute;
  left: calc(50% - 33px);
  top: 0;
}
.slide-wrap .slide-header a:not(.ecb-source):before {
  content: "";
  display: block;
  background-image: url(/themes/custom/oktopro/logo-white.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 38px;
  width: 38px;
  position: absolute;
  left: calc(50% - 20px);
  top: 16px;
}
.slide-wrap .slide-header .slide-toggle {
  position: absolute;
  right: calc(100% - 60px);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-wrap .slide-menu {
  position: absolute;
  top: 64px;
  left: -100%;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-wrap .slide-menu .container {
  margin: 0;
  padding: 0;
  width: 100%;
}
.slide-wrap .slide-menu .region-top-right {
  background-color: #fff;
  position: relative;
}
.slide-wrap .slide-menu .region-top-right img {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  position: absolute;
  top: -35px;
  left: 20px;
}
.slide-wrap .slide-menu .region-top-right .view-display-id-name_hello_user .views-row {
  padding: 0 30px;
  font-size: 23px;
  font-weight: bold;
  color: #0f2856;
  text-align: center;
  margin-top: 55px;
  margin-bottom: 45px;
}
.slide-wrap .slide-menu .region-top-right #block-useraccountmenu {
  -webkit-box-shadow: 3px 8px 3px -5px rgba(143, 140, 143, 0.27);
  -moz-box-shadow: 3px 8px 3px -5px rgba(143, 140, 143, 0.27);
  box-shadow: 3px 8px 3px -5px rgba(143, 140, 143, 0.27);
  margin-bottom: 6px;
}
.slide-wrap .slide-menu .region-top-right #block-logout {
  -webkit-box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
  -moz-box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
  box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
}
.slide-wrap .slide-menu .oktopro-main-menu {
  background-color: #0f2856;
  padding-bottom: 70px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-0 > .container {
  display: block;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group .level-header-0 > span {
  font-size: 20px;
  padding: 10px 0 13px 45px;
  display: block;
  color: #fff;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group .level-header-0 > .kn-base-shoutbox {
  display: inline-block;
  padding: 0;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group .level-header-0.oktopro-active > span {
  color: #21d7e3;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group .level-1 {
  height: 0;
  background-color: #e2e8f2;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group .level-1 a {
  display: block;
  color: transparent;
  font-size: 0;
  height: 0;
  padding: 0 0 0 100px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group .level-1 a:before {
  content: "";
  display: block;
  width: 44px;
  height: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: -44px;
  left: 17px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0:nth-child(1) {
  display: none;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active a {
  color: #c8c8c8;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active a:before {
  width: 39px;
  height: 33px;
  top: 26px;
  left: 53px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 {
  height: 100%;
  padding-bottom: 30px;
  padding-top: 5px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a {
  position: relative;
  color: #0f2856;
  height: auto;
  padding: 30px 0 0 100px;
  font-size: 17px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a:before {
  height: 37px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-projects:before {
  width: 36px;
  height: 30px;
  top: 24px;
  left: 50px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-contracts:before {
  top: 24px;
  left: 52px;
  width: 40px;
  height: 33px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-post-job:before {
  top: 24px;
  left: 52px;
  width: 32px;
  height: 35px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-marketplace:before {
  top: 24px;
  left: 52px;
  width: 32px;
  height: 35px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-communication:before {
  width: 39px;
  height: 24px;
  top: 25px;
  left: 53px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-communication-all:before {
  width: 39px;
  height: 33px;
  top: 26px;
  left: 53px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-group-messages:before, .slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-my-requests:before {
  width: 35px;
  height: 30px;
  top: 24px;
  left: 54px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-planning:before {
  width: 36px;
  height: 29px;
  top: 25px;
  left: 50px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-holiday:before {
  width: 36px;
  height: 29px;
  top: 25px;
  left: 50px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.codes-overview-menu-link:before, .slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-catalogue:before {
  width: 44px;
  height: 26px;
  top: 28px;
  left: 48px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-request-code:before {
  width: 32px;
  height: 32px;
  top: 23px;
  left: 57px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-documents-list:before {
  width: 32px;
  height: 40px;
  top: 23px;
  left: 57px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-documents-add:before {
  width: 32px;
  height: 36px;
  top: 23px;
  left: 57px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.link-location:before {
  width: 36px;
  height: 33px;
  top: 22px;
  left: 49px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.post-invoice-menu-link:before, .slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.invoice-overview-menu-link:before {
  width: 32px;
  height: 36px;
  top: 23px;
  left: 57px;
}
.slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.analyse-menu-link:before, .slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.post-expense-menu-link:before, .slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.expense-overview-menu-link:before, .slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.expense-providers-menu-link:before, .slide-wrap .slide-menu .oktopro-main-menu .level-group.level-group-0.group-active .level-1 a.leave-requests-overview-menu-link:before {
  width: 39px;
  height: 33px;
  top: 26px;
  left: 53px;
}
.slide-wrap .slide-menu .oktopro-main-menu a {
  color: #fff;
}
.slide-wrap .slide-menu #block-useraccountmenu {
  padding-bottom: 20px;
}
.slide-wrap .slide-menu #block-useraccountmenu a {
  font-size: 20px;
  padding: 10px 0 13px 45px;
  display: block;
}
.slide-wrap .slide-menu .counter {
  font-size: 12px;
  position: absolute;
  padding-left: 5px;
}
.slide-wrap .slide-menu .logout-link {
  color: #7c7a7a;
  font-size: 22px;
  display: block;
  padding: 15px 55px;
  text-align: right;
}
.slide-wrap .slide-menu .logout-link:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  font-size: 26px;
  top: 9px;
  cursor: pointer;
  width: 35px;
  height: 35px;
  padding: 10px;
  right: 19px;
}
.slide-wrap.active .slide-header {
  position: relative;
}
.slide-wrap.active .slide-header .slide-toggle {
  left: auto;
  right: calc(0%);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slide-wrap.active .slide-menu {
  position: absolute;
  left: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media only screen and (min-width: 992px) {
  .pb-15 {
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .field-multiple-drag {
    display: none;
  }
}

div.selectize-control.single .selectize-input:after {
  display: none;
}

@media only screen and (max-width: 991px) {
  .catalogue-wrapp h2 {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .catalogue-wrapp {
    display: flex;
    flex-direction: column-reverse;
  }
}

.block-views-blockcatalogue-choose-catalog img {
  width: 100%;
  height: 150px;
  padding: 20px 40px;
}
.block-views-blockcatalogue-choose-catalog .views-row {
  padding: 30px 30px 0 30px;
  border: 2px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: border 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
  transition: border 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
  text-align: center;
}
.block-views-blockcatalogue-choose-catalog .views-row:hover {
  border: 2px solid #0f2856;
}
@media only screen and (max-width: 1199px) {
  .block-views-blockcatalogue-choose-catalog .views-row {
    padding: 15px 15px 0 15px;
  }
}
@media only screen and (max-width: 991px) {
  .block-views-blockcatalogue-choose-catalog .views-row {
    padding: 30px 30px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .block-views-blockcatalogue-choose-catalog .views-row {
    padding: 15px 15px 0 15px;
  }
}

@media only screen and (min-width: 992px) {
  .select-catalog {
    display: none;
  }
}

.page-node-type-code .bs-region--left {
  margin-bottom: 20px;
}

.page-node-type-knowledge-base-category .field--name-body img {
  max-width: 100%;
}
.page-node-type-knowledge-base-category .block-entity-fieldnodebody .field--name-body {
  position: relative;
  padding: 30px 30px 30px 50px;
  font-size: 17px;
  font-weight: bold;
  background-color: whitesmoke;
  margin-bottom: 50px;
}
.page-node-type-knowledge-base-category .block-entity-fieldnodebody .field--name-body:before {
  background-attachment: scroll;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 100%;
  left: 0.6667em;
  position: absolute;
  top: 0;
  width: 20px;
  background-image: url(/core/themes/stable/images/core/icons/787878/questionmark-disc.svg);
}
.page-node-type-knowledge-base-category .block-entity-fieldnodefield-articles {
  max-width: 880px;
}
.page-node-type-knowledge-base-category .block-entity-fieldnodefield-articles .field--item {
  margin-bottom: 5px;
}

.page-kb-main .knowledge-search {
  height: 650px;
  padding: 215px 15px;
}
@media only screen and (max-width: 991px) {
  .page-kb-main .knowledge-search {
    height: 550px;
    padding: 135px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .page-kb-main .knowledge-search {
    height: 460px;
    padding: 135px 15px;
  }
}
.page-kb-main .knowledge-search .search-before .search-before-top {
  display: block;
  font-family: "Open Sans";
  line-height: 28.57142858px;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 5px;
}
.page-kb-main .knowledge-search .search-before .search-before-bottom {
  display: block;
  line-height: 96px;
  font-size: 91px;
  letter-spacing: -2px;
  font-weight: 800;
}
@media only screen and (max-width: 767px) {
  .page-kb-main .knowledge-search .search-before .search-before-bottom {
    font-size: 59px;
  }
}

.knowledge-search {
  height: 245px;
  padding: 75px 15px;
  background-image: url(/themes/custom/oktopro/images/bg.jpg);
  margin-bottom: 45px;
  background-repeat: no-repeat;
  background-size: cover;
}
.knowledge-search .region {
  width: 445px;
  margin: 0 auto;
  max-width: 100%;
}
.knowledge-search .region .kb-search-filter .form-item {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.knowledge-search .region .kb-search-filter .form-item label {
  flex: 100%;
}
.knowledge-search .region .kb-search-filter .form-item input,
.knowledge-search .region .kb-search-filter .form-item .search-btn {
  flex: 1;
  text-align: center;
  font-size: 20px;
  width: 100%;
  height: 60px;
  background: rgba(208, 213, 222, 0.8);
  background: linear-gradient(rgba(208, 213, 222, 0.2), rgba(208, 213, 222, 0.8));
  background: -webkit-linear-gradient(rgba(208, 213, 222, 0.2), rgba(208, 213, 222, 0.8));
  background: -o-linear-gradient(rgba(208, 213, 222, 0.2), rgba(208, 213, 222, 0.8));
  background: -moz-linear-gradient(rgba(208, 213, 222, 0.2), rgba(208, 213, 222, 0.8));
  border-radius: 0;
  border-bottom: 2px solid #0f2856;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 5px;
  box-shadow: none;
  color: #0f2856;
  text-shadow: 1px 1px rgba(194, 194, 194, 0.8);
}
.knowledge-search .region .kb-search-filter .form-item input:focus::placeholder,
.knowledge-search .region .kb-search-filter .form-item .search-btn:focus::placeholder {
  color: transparent;
}
.knowledge-search .region .kb-search-filter .form-item input::-webkit-input-placeholder,
.knowledge-search .region .kb-search-filter .form-item .search-btn::-webkit-input-placeholder {
  color: #0f2856;
  text-shadow: 1px 1px rgba(194, 194, 194, 0.8);
}
.knowledge-search .region .kb-search-filter .form-item input::-moz-placeholder,
.knowledge-search .region .kb-search-filter .form-item .search-btn::-moz-placeholder {
  color: #0f2856;
  text-shadow: 1px 1px rgba(194, 194, 194, 0.8);
}
.knowledge-search .region .kb-search-filter .form-item input:-ms-input-placeholder,
.knowledge-search .region .kb-search-filter .form-item .search-btn:-ms-input-placeholder {
  color: #0f2856;
  text-shadow: 1px 1px rgba(194, 194, 194, 0.8);
}
.knowledge-search .region .kb-search-filter .form-item input:-moz-placeholder,
.knowledge-search .region .kb-search-filter .form-item .search-btn:-moz-placeholder {
  color: #0f2856;
  text-shadow: 1px 1px rgba(194, 194, 194, 0.8);
}
.knowledge-search .region .kb-search-filter .form-item .search-btn {
  flex: 0;
  display: flex;
  align-items: center;
  width: auto;
  font-size: 20px;
  text-align: center;
  line-height: 56px;
  cursor: pointer;
  color: #555;
  padding-left: 0;
}
.knowledge-search .region .kb-search-filter .form-item .search-btn:hover {
  font-weight: bold;
}
.knowledge-search .region button {
  display: none;
}
.knowledge-search .search-before {
  color: white;
  text-align: center;
  margin-bottom: 25px;
}
.knowledge-search .search-before .search-before-top {
  display: none;
}
.knowledge-search .search-before .search-before-bottom {
  display: none;
}

.bd-bt {
  border-bottom: 1px solid #d2d8e0;
  padding-bottom: 5px;
  margin-bottom: 25px;
}

.label.okto-kb-label {
  font-size: 9px;
  vertical-align: super;
  margin-left: 5px;
}

.knowledge-search + .main-container .breadcrumb {
  background-color: #d2d8e0;
}
.knowledge-search + .main-container .breadcrumb li:before {
  color: #0f2856;
}

.view-id-knowledge_base_category.view-display-id-list .view-content {
  text-align: center;
}
.view-id-knowledge_base_category.view-display-id-list .view-content img {
  margin: 0 auto;
}

.block-views-blockknowledge-base-category-category-and-articles .views-field-view-node {
  text-align: right;
  font-size: 12px;
  padding-right: 20px;
}
.block-views-blockknowledge-base-category-category-and-articles .views-field-body {
  position: relative;
  padding: 15px 15px 15px 50px;
  font-size: 14px;
  font-weight: bold;
  background-color: whitesmoke;
  margin-bottom: 20px;
}
.block-views-blockknowledge-base-category-category-and-articles .views-field-body:before {
  background-attachment: scroll;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 100%;
  left: 0.6667em;
  position: absolute;
  top: 0;
  width: 20px;
  background-image: url(/core/themes/stable/images/core/icons/787878/questionmark-disc.svg);
}
@media only screen and (max-width: 767px) {
  .block-views-blockknowledge-base-category-category-and-articles .views-field-field-articles li {
    margin-bottom: 15px;
  }
}

.path-knowledge-base .bs-region--top-left {
  border-right: 1px solid #d2d8e0;
}

.block-views-blockknowledge-base-articles-top-questions h4 {
  color: #d2d8e0;
}
.block-views-blockknowledge-base-articles-top-questions h4 a {
  color: #0f2856;
}

.block-views-blockknowledge-base-category-list {
  padding: 45px 0;
  background: whitesmoke;
  margin: 100px -100%;
  border: 1px solid #d2d8e0;
}
.block-views-blockknowledge-base-category-list .view-content {
  max-width: 1170px;
  margin: 0 auto;
}
@media only screen and (max-width: 991px) {
  .block-views-blockknowledge-base-category-list .view-content {
    max-width: 750px;
  }
}

.cat-link {
  display: block;
  margin: auto;
  width: 250px;
  text-align: center;
  padding: 40px 20px 10px 20px;
  cursor: pointer;
  font-size: 18px;
  color: #555555;
  font-weight: bold;
  text-decoration: none;
  border: 2px solid transparent;
  border-bottom: 2px solid #d2d8e0;
  margin-bottom: 5px;
  -webkit-transition: all 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
  transition: all 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
}
.cat-link:hover {
  text-decoration: none;
  border-bottom: 2px solid #0f2856;
  color: #0f2856;
}
.cat-link .cat-icon {
  width: 100%;
}
.cat-link .cat-icon img {
  width: 100%;
  max-height: 180px;
  max-width: 180px;
}
.cat-link .cat-title {
  padding: 15px 20px;
}

.support-link,
.requests-link {
  padding-left: 80px;
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
  transition: all 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
}
.support-link:hover .support-btn,
.requests-link:hover .support-btn {
  color: #555555;
}
.support-link .support-btn,
.requests-link .support-btn {
  font-size: 20px;
  font-weight: bold;
  color: #555555;
}
.support-link:before,
.requests-link:before {
  content: " ";
  width: 62px;
  height: 62px;
  display: inline-block;
  position: absolute;
  left: 0;
  background-image: url(../images/request_for_support.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
  transition: all 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
}
.support-link .support-text,
.requests-link .support-text {
  color: #828283;
}

.requests-link:before {
  background-image: url(../images/my_requests.png);
}

#block-requestsupportbtn .support-item {
  width: 49%;
}
@media only screen and (max-width: 767px) {
  #block-requestsupportbtn .support-item {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .block-region-top-right .block-oktopro-support-request {
    display: none;
  }
}

.support-item {
  width: 100%;
  min-height: 88px;
  display: inline-flex;
  border-bottom: 2px solid #f5f5f5;
  padding-bottom: 20px;
  margin-bottom: 20px;
  -webkit-transition: all 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
  transition: all 0.5s cubic-bezier(0.26, 1.19, 0.98, 1.01);
}
@media only screen and (max-width: 767px) {
  .support-item {
    width: 100%;
  }
}
.support-item a {
  display: block;
}
.support-item a:hover, .support-item a:focus {
  text-decoration: none;
}
.support-item:hover {
  border-bottom: 2px solid #0f2856;
}

.block-oktopro-support-request {
  max-width: 750px;
  margin: 0 auto;
  padding: 75px 0;
}

.field--type-text-with-summary {
  color: black;
}
.field--type-text-with-summary .summary p, .field--type-text-with-summary .summary b, .field--type-text-with-summary .summary strong {
  font-weight: normal;
  color: black;
}
.field--type-text-with-summary blockquote {
  padding: 15px 20px 15px 35px;
  font-style: italic;
  font-size: 14px;
  position: relative;
}
.field--type-text-with-summary blockquote:before {
  content: "“";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 5em;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.field--type-text-with-summary b, .field--type-text-with-summary strong {
  font-weight: normal;
}
.field--type-text-with-summary blockquote {
  border: none;
}
.field--type-text-with-summary ol, .field--type-text-with-summary ul {
  margin-left: 0.5em;
  list-style-type: none;
}
.field--type-text-with-summary ol li, .field--type-text-with-summary ul li {
  margin-bottom: 10px;
}
.field--type-text-with-summary ol li:before, .field--type-text-with-summary ul li:before {
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
}
.field--type-text-with-summary ol li {
  counter-increment: count-me;
}
.field--type-text-with-summary ol li:before {
  content: counter(count-me) ". ";
  left: -1.3em;
  top: 0.05em;
  color: #555555;
}
.field--type-text-with-summary ul li:before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  left: -2.2em;
  top: 0.6em;
  font-size: 8px;
}
.field--type-text-with-summary img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.field--type-text-with-summary figure figcaption {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.page-header {
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
}

.page-node-type-knowledge-base-article .block-oktopro-support-request {
  display: none;
}
.page-node-type-knowledge-base-article .field--label {
  font-size: 20px;
}
.page-node-type-knowledge-base-article .block-entity-fieldnodebody {
  padding-right: 30px;
  border-right: 2px solid #ebebeb;
}
@media only screen and (max-width: 767px) {
  .page-node-type-knowledge-base-article .block-entity-fieldnodebody {
    border: none;
    padding: 0;
  }
}
.page-node-type-knowledge-base-article .block-views-blockknowledge-base-articles-kb-related-articles-block .block-title {
  color: black;
  font-size: 16px;
  margin: 10px 0 20px;
}
.page-node-type-knowledge-base-article .block-views-blockknowledge-base-articles-kb-related-articles-block .view-filters {
  display: none;
}
.page-node-type-knowledge-base-article .block-views-blockknowledge-base-articles-kb-related-articles-block .field-content {
  color: #4590F1;
  font-size: 15px;
}
.page-node-type-knowledge-base-article .block-views-blockknowledge-base-articles-kb-related-articles-block .field-content ol {
  list-style-position: inside;
  padding: 0;
}
.page-node-type-knowledge-base-article .block-views-blockknowledge-base-articles-kb-related-articles-block .field-content ol li {
  margin-bottom: 5px;
}
.page-node-type-knowledge-base-article .block-views-blockknowledge-base-articles-kb-related-articles-block .field-content a {
  color: #4590F1 !important;
  text-decoration: none !important;
}
.page-node-type-knowledge-base-article .block-views-blockknowledge-base-articles-kb-related-articles-block .field-content a:hover {
  text-decoration: underline !important;
}

.level-header-0.active a, .level-header-0.oktopro-active a {
  color: #21d7e3;
  font-weight: bold;
}

.level-header-1 a.is-active {
  font-weight: bold;
}
.level-header-1 a .counter {
  color: #0f2856;
}

@media only screen and (min-width: 992px) {
  .page-node-type-organisation .oktopro-main-menu .link-dashboard:after {
    background-image: url(/themes/custom/oktopro/logo-blue.png);
  }
}
.page-node-type-organisation .slide-wrap .slide-header a:before {
  background-image: url(/themes/custom/oktopro/logo-blue.png);
}

.slide-wrap .slide-menu .oktopro-main-menu .oktopro-active a {
  color: #21d7e3;
}

.calendar-links {
  list-style: none;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .calendar-links {
    display: block;
  }
}
.calendar-links li {
  display: inline-block;
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .calendar-links li {
    display: block;
    padding: 10px 0 5px 0 !important;
  }
}
.calendar-links li a {
  font-size: 10px;
}
@media only screen and (max-width: 767px) {
  .calendar-links li a {
    width: 100%;
    display: block;
    font-size: 12px;
  }
}
@media only screen and (max-width: 991px) {
  .calendar-links li {
    padding: 15px 5px 15px 0;
  }
}

@media only screen and (max-width: 991px) {
  .calendar-views.view-display-id-month_calendar nav.pager {
    padding-top: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .calendar-views .view-header {
    padding-top: 0;
  }
}

.has-glyphicons .oktopro-select2 .select-wrapper:after {
  display: none;
}

.field--name-field-codes-data .select2-container a.select2-choice,
.field--name-field-codes-data .select2-container .select2-selection--single .select2-selection__rendered,
.field--name-field-codes-data .select2-container .select2-selection__rendered,
.field--name-field-codes-data .select2-container--default a.select2-choice,
.field--name-field-codes-data .select2-container--default .select2-selection--single .select2-selection__rendered,
.field--name-field-codes-data .select2-container--default .select2-selection__rendered {
  height: 38px;
  line-height: 38px;
}

.select2-selection,
.form-control.select2-container {
  height: auto !important;
  padding: 0;
}
.select2-selection .select2-choice .select2-arrow,
.select2-selection .select2-selection__arrow,
.form-control.select2-container .select2-choice .select2-arrow,
.form-control.select2-container .select2-selection__arrow {
  display: none;
}

.view-related-codes-autocomplete {
  border: 2px solid #0f2856;
  padding: 5px;
  border-radius: 5px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .view-related-codes-autocomplete {
    margin: 0 -15px;
  }
}
.view-related-codes-autocomplete td {
  padding: 10px 5px !important;
}
.view-related-codes-autocomplete tbody > tr.selectable-row a.fa-plus-square {
  text-decoration: none;
}
.view-related-codes-autocomplete tbody > tr.selectable-row a.fa-check-circle {
  text-decoration: none;
  font-size: 24px;
  color: green;
}
.view-related-codes-autocomplete tbody > tr.selectable-row img {
  min-height: 50px;
}
.view-related-codes-autocomplete .footable-filtering-search .dropdown-toggle {
  display: none;
}
.view-related-codes-autocomplete .view-content .fa-plus-square {
  display: block;
  position: absolute;
  font-size: 24px;
}
.view-related-codes-autocomplete .view-header .fa-plus-square {
  color: #fff;
}
.view-related-codes-autocomplete .view-header .fa-plus-square:hover, .view-related-codes-autocomplete .view-header .fa-plus-square:active, .view-related-codes-autocomplete .view-header .fa-plus-square:focus {
  color: #fff;
}
.view-related-codes-autocomplete select option.level-1 {
  font-weight: bold;
  font-size: 16px;
}
.view-related-codes-autocomplete select option.level-2 {
  font-weight: bold;
  padding-left: 5px;
}
.view-related-codes-autocomplete select option.level-3 {
  padding-left: 10px;
}

table[id*=field-work-code-values] .codes-select,
table[id*=field-estimation-of-extra-works] .codes-select,
table[id*=field-materials] .codes-select {
  top: 28px;
}

.add-new-code-select-button,
.add-new-code-toggle-select-button {
  position: relative;
}

.codes-select-view-trigger {
  position: absolute;
  top: -30px;
  right: 10px;
  text-decoration: none !important;
}

.codes-select {
  background-image: url(/themes/custom/oktopro/images/Catalogue.png);
  display: block;
  width: 47px;
  height: 27px;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  position: absolute;
  top: -40px;
  right: -8px;
}

.oktopro-select-view-wrap {
  position: relative;
  padding-right: 50px;
}

.okto-message {
  display: block;
  padding: 20px;
  position: absolute;
  width: 139px;
  border-radius: 4px;
  background-color: #dff0d8;
  color: #468847;
  border: 2px solid #d6e9c6;
  top: -5px;
  left: 18px;
}

body .panel-primary .panel-heading {
  background-color: #fff;
  color: #0f2856;
  border-bottom: none;
  border-radius: 5px;
}

body .panel-primary .panel-title {
  background-color: #fff;
  color: #0f2856;
  border-radius: 5px;
  font-size: 24px;
  font-family: ng;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 767px) {
  body .panel-primary .panel-title {
    font-size: 18px;
  }
}
body .panel-primary .panel-title .pull-left {
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  body .panel-primary .panel-title .pull-left {
    font-size: 24px;
  }
}
body .panel-primary .panel-title .pull-left .fa:before {
  border-radius: 50%;
  padding: 0 4px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body .panel-primary .panel-title .pull-left .fa[class*=down]:before {
  background-color: #0f2856;
  color: #fff;
}

.total-price {
  display: inline-block;
  margin-right: 5px;
}

.suggested-price {
  display: inline-block;
}

body form[id*=views-exposed-form] .panel-primary .panel-title {
  font-size: 24px;
}

body form .panel-primary .panel-title {
  font-size: 16px;
  padding-right: 45px;
}

.oktopro-main-menu .level-group .level-header-0.oktopro-active span {
  font-weight: bold;
  color: #21d7e3;
}
.oktopro-main-menu .level-group .level-header-0.oktopro-active:hover {
  color: #0f2856;
}
.oktopro-main-menu .level-group .level-header-1 a.is-active {
  font-weight: bold;
  color: #0f2856;
}
.oktopro-main-menu .level-0 > .container {
  display: flex;
  flex-wrap: nowrap;
}
.oktopro-main-menu .level-0 > .container .oktopro-ignored {
  margin-left: auto;
}
@media only screen and (max-width: 1500px) {
  .oktopro-main-menu .level-0 > .container .oktopro-ignored {
    margin-right: calc(14% - 10px);
  }
}
.okto-remove-fake {
  font-size: 14px;
  padding: 5px 7px;
  position: absolute;
  top: calc(50% - 16px);
  right: 6px;
}

div.select2-container .select2-choice,
div.select2-container .select2-selection__rendered {
  white-space: initial;
}
div.select2-container .select2-choice > .select2-chosen,
div.select2-container .select2-selection__rendered > .select2-chosen {
  white-space: initial;
}

.picture-widget button[id*=remove-button] {
  padding: 3px 7px;
  margin-top: 29px;
  margin-left: 5px;
  font-size: 12px;
  width: 28px !important;
}
.picture-widget button[id*=remove-button] span.glyphicon {
  margin: 0;
}

label[for*=edit-field-new-project-value] .input-group-addon {
  display: none;
}

[id*=edit-group-work] .field--name-field-work-code {
  overflow-x: auto;
}

.block-oktopro-messages-help-block {
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 150;
}
.block-oktopro-messages-help-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 50px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 200px;
  right: 0;
  text-align: right;
  padding: 0 0 15px 0;
}
.block-oktopro-messages-help-block ul li a {
  margin-bottom: 5px;
  background: #0f2856;
  padding: 7px;
  width: 100%;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  display: block;
  border-bottom: 5px solid #ccd7eb;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.block-oktopro-messages-help-block ul li a:hover, .block-oktopro-messages-help-block ul li a:focus {
  border-bottom-color: #73829C;
  text-decoration: none;
}
.block-oktopro-messages-help-block ul.help-items-hidden {
  bottom: -500px;
}
.block-oktopro-messages-help-block .help-toggle {
  display: block;
  width: 50px;
  height: 50px;
  font-size: 30px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #0f2856;
  color: #fff;
  position: relative;
  cursor: pointer;
  padding: 7px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-right: 71px;
}
.block-oktopro-messages-help-block .help-toggle.help-toggle-close:before {
  content: "";
}
.block-oktopro-messages-help-block .help-toggle:after {
  top: -3px;
  left: -3px;
  content: " ";
  position: absolute;
  display: block;
  width: 52px;
  height: 52px;
  border: 1px solid #0f2856;
  border-radius: 50%;
}
.block-oktopro-messages-help-block .help-toggle:hover {
  border-color: #0f2856;
  background-color: #fff;
  color: #0f2856;
}
@media only screen and (max-width: 767px) {
  .block-oktopro-messages-help-block {
    bottom: 15px;
    right: 15px;
  }
  .block-oktopro-messages-help-block .help-toggle {
    margin-right: 0;
    width: 30px;
    height: 30px;
    padding: 3px 0;
    font-size: 20px;
  }
  .block-oktopro-messages-help-block .help-toggle:after {
    width: 32px;
    height: 32px;
  }
}

.quicktabs-tabs .active a {
  font-weight: bold;
}

.modal-header .close {
  position: relative;
}

.okto-ri {
  position: relative;
  padding-left: 50px;
}
.okto-ri:after {
  content: " ";
  display: inline-block;
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  margin-right: 9px;
  position: absolute;
  top: 2px;
  left: 0px;
}
.okto-ri.modal-title:after {
  top: -5px;
}
.okto-ri.okto-ri-request_for_approval:after {
  background-image: url(../images/g14.png);
}
.okto-ri.okto-ri-contract_updated:after {
  background-size: 28px;
  background-image: url(../images/cr_up.png);
}
.okto-ri.okto-ri-contract_created:after {
  background-size: 32px;
  background-image: url(../images/cont_created.png);
}
.okto-ri.okto-ri-ask_for_rating:after {
  background-image: url(../images/rating.png);
}
.okto-ri.okto-ri-notification_pickup_required:after, .okto-ri.okto-ri-request_for_material:after {
  background-image: url(../images/g15.png);
}
.okto-ri.okto-ri-notification_for_extra_work:after {
  background-image: url(../images/g16.png);
}
.okto-ri.okto-ri-reporting_extra_worker:after {
  background-image: url(../images/g17.png);
}
.okto-ri.okto-ri-big_bag_request:after {
  background-image: url(../images/g18.png);
}
.okto-ri.okto-ri-request_for_payment:after {
  background-image: url(../images/g19.png);
}
.okto-ri.okto-ri-discussion:after {
  background-image: url(../images/g20.png);
}
.okto-ri.okto-ri-request_for_update_of_contract:after, .okto-ri.okto-ri-request_for_update_of_contract_s:after {
  background-image: url(../images/g21.png);
}
.okto-ri.okto-ri-request_of_organisation_update:after {
  background-image: url(../images/g22.png);
}
.okto-ri.okto-ri-request_update_personal:after {
  background-image: url(../images/g23.png);
}
.okto-ri.okto-ri-request_for_support:after {
  background-image: url(../images/g24.png);
}
.okto-ri.okto-ri-request_code_update:after {
  background-image: url(../images/g25.png);
}
.okto-ri.okto-ri-request_for_a_code:after {
  background-image: url(../images/g26.png);
}
.okto-ri.okto-ri-request_renovation_residential:after, .okto-ri.okto-ri-request_new_contract:after {
  background-image: url(../images/ms/ms_full_blue.png);
  background-position: -256px 0px;
  background-size: 800px;
}
.okto-ri.okto-ri-construction_site_not_conform:after {
  background-image: url(../images/g28.png);
}
.okto-ri.okto-ri-ssc-form:after {
  background-position: -187px -377px;
  background-image: url(/themes/custom/oktopro/images/ms/ms_full_blue.png);
}

.message-type-title:after {
  background-image: url(../images/ms_thik/22.png);
  content: " ";
  display: block;
  width: 54px;
  height: 54px;
  background-color: #b2b2b2;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 15px;
}

.colorize.mtt-discussion_invoice:after, .colorize.mtt-notification_worksession_deleted:after, .colorize.mtt-timeline_deleted:after, .colorize.mtt-warning_first_timeline:after, .colorize.mtt-planning:after, .colorize.mtt-request_for_approval:after, .colorize.mtt-request_for_payment:after, .colorize.mtt-discussion:after, .colorize.mtt-request_for_update_of_contract:after, .colorize.mtt-request_for_update_of_contract_s:after, .colorize.mtt-ask_for_rating:after, .colorize.mtt-notification_about_signing:after, .colorize.mtt-warning_create_worksession:after, .colorize.mtt-notification_timeline_start_soon:after, .colorize.mtt-notification_timeline_reminder:after {
  background-color: #ff8300;
}
.colorize.mtt-add_partners:after, .colorize.mtt-collaborator_applied:after, .colorize.mtt-contract_activation:after, .colorize.mtt-notification_pickup_required:after, .colorize.mtt-request_for_material:after, .colorize.mtt-notification_for_extra_work:after, .colorize.mtt-big_bag_request:after, .colorize.mtt-construction_site_not_conform:after, .colorize.mtt-report:after, .colorize.mtt-report_workers:after, .colorize.mtt-notification_appointment_created:after, .colorize.mtt-notification_appointment_updated:after, .colorize.mtt-notification_appointment_deleted:after {
  background-color: #f00;
}

div.message-type-title:after {
  background-position: 10px center;
  background-size: 39px auto;
}
div.message-type-title.mtt-warning_create_worksession:after {
  background-image: url(../images/ms_thik/28.png);
}
div.message-type-title.mtt-report_workers:after {
  background-image: url(../images/ms_thik/23.png);
  background-size: 37px auto;
}
div.message-type-title.mtt-big_bag_request:after {
  background-image: url(../images/ms_thik/9.png);
  background-position: 12px center;
  background-size: 30px auto;
}
div.message-type-title.mtt-construction_site_not_conform:after {
  background-image: url(../images/ms_thik/14.png);
  background-position: center center;
}
div.message-type-title.mtt-contract_activation:after {
  background-image: url(../images/ms_thik/2.png);
  background-position: 15px center;
  background-size: 29px auto;
}
div.message-type-title.mtt-contract_created:after {
  background-image: url(../images/ms_thik/2.png);
  background-position: 15px center;
  background-size: 29px auto;
}
div.message-type-title.mtt-contract_updated:after {
  background-image: url(../images/ms_thik/6.png);
  background-position: 14px center;
  background-size: 28px auto;
}
div.message-type-title.mtt-warning_first_timeline:after {
  background-image: url(../images/ms_thik/30.png);
}
div.message-type-title.mtt-notification_for_extra_work:after {
  background-image: url(../images/ms_thik/13.png);
  background-position: 10px center;
  background-size: 36px auto;
}
div.message-type-title.mtt-notification_pickup_required:after {
  background-image: url(../images/ms_thik/16.png);
  background-size: 35px auto;
}
div.message-type-title.mtt-discussion_invoice:after, div.message-type-title.mtt-ask_for_rating:after {
  background-image: url(../images/ms_thik/20.png);
  background-position: 9px 8px;
  background-size: 38px auto;
}
div.message-type-title.mtt-report:after {
  background-image: url(../images/ms_thik/24.png);
  background-position: 9px center;
  background-size: 36px auto;
}
div.message-type-title.mtt-discussion:after {
  background-image: url(../images/ms_thik/7.png);
  background-size: 35px auto;
}
div.message-type-title.mtt-request_for_approval:after {
  background-image: url(../images/ms_thik/15.png);
  background-size: 34px auto;
}
div.message-type-title.mtt-request_for_material:after {
  background-image: url(../images/ms_thik/16.png);
  background-size: 35px auto;
}
div.message-type-title.mtt-request_for_payment:after {
  background-image: url(../images/ms_thik/8.png);
  background-size: 35px auto;
}
div.message-type-title.mtt-request_for_update_of_contract:after, div.message-type-title.mtt-request_for_update_of_contract_s:after {
  background-image: url(../images/ms_thik/6.png);
  background-position: 15px center;
  background-size: 28px auto;
}
div.message-type-title.mtt-notification_appointment_created:after, div.message-type-title.mtt-notification_appointment_updated:after, div.message-type-title.mtt-notification_appointment_deleted:after {
  background-image: url(../images/ms_thik/29.png);
  background-position: 9px center;
  background-size: 38px auto;
}
div.message-type-title.mtt-planning.planning_timeline:after, div.message-type-title.mtt-timeline_deleted.planning_timeline:after, div.message-type-title.mtt-notification_timeline_reminder.planning_timeline:after, div.message-type-title.mtt-notification_timeline_start_soon.planning_timeline:after {
  background-image: url(../images/ms_thik/30.png);
}
div.message-type-title.mtt-planning.planning_worksession:after, div.message-type-title.mtt-timeline_deleted.planning_worksession:after, div.message-type-title.mtt-notification_timeline_reminder.planning_worksession:after, div.message-type-title.mtt-notification_timeline_start_soon.planning_worksession:after {
  background-image: url(../images/ms_thik/28.png);
}
div.message-type-title.mtt-collaborator_applied:after {
  background-image: url(../images/collaboration_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32px;
}
div.message-type-title.mtt-add_partners:after {
  background-image: url(../images/add_partners_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32px;
}

.comm-message.request_for_approval.notice-sent:not(.is-red) .colorize.mtt-request_for_approval:after {
  background-color: #f00;
}

.done-label-success .message-type-title:after {
  background-color: #43a235;
}

.view-id-request_views.view-display-id-seen_by_3 {
  cursor: pointer;
  text-align: right;
  display: inline-flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.view-id-request_views.view-display-id-seen_by_3 .view-header {
  display: inline-block;
}
.view-id-request_views.view-display-id-seen_by_3 .view-content {
  display: inline-block;
  width: 75px;
}
.view-id-request_views.view-display-id-seen_by_3 .views-field-user-picture .field-content {
  display: block;
  border-radius: 50%;
  border: 2px solid #fff;
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: whitesmoke;
}
.view-id-request_views.view-display-id-seen_by_3 .views-row {
  display: inline-block;
  margin-left: -13px;
  position: relative;
}
.view-id-request_views.view-display-id-seen_by_3 .views-row:nth-child(1) {
  z-index: 3;
}
.view-id-request_views.view-display-id-seen_by_3 .views-row:nth-child(2) {
  z-index: 2;
}
.view-id-request_views.view-display-id-seen_by_3 .views-row .views-field-created {
  display: none;
  position: absolute;
  width: 240px;
  padding: 15px;
  background: #fff;
  border: 1px solid #d2d2d2;
  right: 10px;
  text-align: left;
  z-index: 1;
}
.view-id-request_views.view-display-id-seen_by_3 .views-row:hover .views-field-created {
  display: block;
}
.view-id-request_views.view-display-id-seen_by_3 .view-footer {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}
.view-id-request_views.view-display-id-seen_by_3 .view-footer.fa-spinner:before {
  content: "";
}
.view-id-request_views.view-display-id-seen_by_3 .view-footer:before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  color: #0075d3;
}
.view-id-request_views .view-display-id-all img {
  border-radius: 50%;
}

body .btn-success {
  background-image: linear-gradient(#153879, #0f2856 60%, #0c2045) !important;
  border-bottom: 1px solid #07142b !important;
  border-left-color: #07142b !important;
  border-right-color: #07142b !important;
  border-top-color: #07142b !important;
}

body .btn-success[disabled] {
  background-color: #337ab7 !important;
  border-color: #2e6da4 !important;
}

.okto-chart-wrapper {
  color: #000;
  position: relative;
  padding-left: 10px;
}
.okto-chart-wrapper .okto-chart-data {
  padding-top: 30px;
  padding-bottom: 30px;
}
.okto-chart-wrapper .title {
  font-size: 14px;
}
.okto-chart-wrapper .total-turnovers {
  padding-left: 60px;
  position: relative;
}
.okto-chart-wrapper .total-turnovers:before {
  position: absolute;
  content: " ";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #0b75d9;
  top: 26px;
  left: 28px;
}
.okto-chart-wrapper .total-contracts {
  padding-left: 85px;
  position: relative;
}
.okto-chart-wrapper .total-contracts:before {
  position: absolute;
  content: " ";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #21d9e5;
  top: 26px;
  left: 41px;
}
.okto-chart-wrapper .morris-hover-point {
  font-weight: bold;
}
.okto-chart-wrapper .morris-hover-point[style="color: #689bc3"] {
  color: #0b75d9 !important;
}
.okto-chart-wrapper .morris-hover-point[style="color: #a2b3bf"] {
  color: #21d9e5 !important;
}
.okto-chart-wrapper .progress {
  margin-top: 25px;
}

.block-oktopro-google-sheets .sheet-actions {
  padding-bottom: 30px;
  padding-left: 7px;
}
.block-oktopro-google-sheets .sheet-actions h3 {
  display: inline-block;
  font-size: 14px;
  color: #555555;
  font-weight: bold;
}

.modal-header {
  position: relative;
}
.modal-header .close {
  z-index: 10;
}
.modal-header .close span {
  padding: 7px 0 8px 12px;
}

.extra-works-type .field--name-field-estimation-of-extra-works .field--name-field-amount {
  display: inline-block;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .extra-works-type .field--name-field-estimation-of-extra-works .field--name-field-amount {
    width: 100%;
  }
}
.extra-works-type .field--name-field-estimation-of-extra-works .field--name-field-measurement {
  display: inline-block;
  width: 49%;
}
@media only screen and (max-width: 767px) {
  .extra-works-type .field--name-field-estimation-of-extra-works .field--name-field-measurement {
    width: 100%;
  }
}

.slide-menu .oktopro-main-menu .level-group:hover a.is-active {
  color: #21d7e3;
}

.contract-request-form .field--name-field-measurement {
  display: inline-block;
  width: 32%;
}
.contract-request-form .field--name-field-measurement label {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .contract-request-form .field--name-field-measurement {
    width: 100%;
  }
}
.contract-request-form .field--name-field-your-price {
  display: inline-block;
  width: 33%;
}
.contract-request-form .field--name-field-your-price input {
  width: 80%;
}
@media only screen and (max-width: 767px) {
  .contract-request-form .field--name-field-your-price {
    width: 100%;
  }
  .contract-request-form .field--name-field-your-price input {
    width: 100%;
  }
}
.contract-request-form .field--name-field-amount {
  display: inline-block;
  width: 33%;
}
.contract-request-form .field--name-field-amount input {
  width: 100% !important;
}
@media only screen and (max-width: 767px) {
  .contract-request-form .field--name-field-amount {
    width: 100%;
  }
}

body .draggable .panel-primary .panel-title .pull-left {
  top: calc(50% - 9px);
}

.paragraphs-dropbutton-wrapper ul {
  list-style: none;
}
.paragraphs-dropbutton-wrapper ul li {
  padding-bottom: 5px;
}
.paragraphs-dropbutton-wrapper ul li button {
  width: 100%;
}

form[id*=-calendar-event-] .form-type-vertical-tabs {
  display: none;
}

.text-canceled {
  display: none;
}

.approval-canceled.done-label-success .message-type-title:after {
  background-color: #b2b2b2;
}
.approval-canceled .message-type-title:after {
  background-color: #b2b2b2;
}
.approval-canceled .text-canceled {
  display: block;
  position: absolute;
  color: red;
  background: #fff;
  border: 1px solid red;
  padding: 0 10px;
  font-size: 10px;
  font-weight: bold;
  text-transform: lowercase;
  top: 28px;
  left: 11px;
  transform: rotate(-45deg);
}

.message-type-title {
  color: #0f2856;
  font-size: 15px;
  line-height: 19px;
  margin-bottom: 3px;
}

.short.phase h2 a {
  pointer-events: none;
  color: #555555 !important;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none !important;
}
.short.calendar-event .short-type-wrapper p {
  font-weight: bold;
  margin: 0;
}
.short.calendar-event .short-type-wrapper div.field {
  display: inline-block;
}

.block-block-with-links a {
  color: #0645ad;
  text-decoration: underline;
}
.block-block-with-links a:hover {
  text-decoration: none;
}
.block-block-with-links .panel-body {
  padding-top: 11px;
}
.block-block-with-links .panel-body .action-subtitle {
  font-size: 24px;
  padding-left: 37px;
  margin-bottom: 17px;
}
@media only screen and (max-width: 767px) {
  .block-block-with-links .panel-body .action-subtitle {
    font-size: 20px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
}
.block-block-with-links .panel-body .urgent-link {
  margin-bottom: 27px;
  display: block;
  width: 50%;
}
@media only screen and (max-width: 1199px) {
  .block-block-with-links .panel-body .urgent-link {
    width: 100%;
  }
}
.block-block-with-links .panel-body a {
  color: #555555;
  text-decoration: none;
  width: 100%;
  text-align: left;
  height: 50px;
  line-height: 35px;
}

.view-planning-today .label-success {
  background-color: #00d8e3;
}
.view-planning-today .label-warning {
  background-color: #323478;
}

.view-content a:not(.btn):not(.okto-reply-fake-btn):not(.okto-btn):not(.ajax-link-button):not(.link-button) {
  color: #0645ad;
}
.view-content .pager a {
  color: #0f2856;
  text-decoration: none;
}

.modal-content a:not(.btn) {
  color: #0645ad;
  text-decoration: underline;
}

.view-content a.get-calendar,
.view-content a.get-reported-workers {
  text-decoration: none !important;
}

.modal-content .panel-heading a:not(.btn) {
  color: #555555;
  text-decoration: none;
}

.comm-message .oktopro-label-description {
  display: none;
}

a.select2-choice,
ul.select2-selection__rendered {
  text-decoration: none !important;
  color: #555555 !important;
}
a.select2-choice li,
ul.select2-selection__rendered li {
  padding: initial;
}

.comm-message [data-drupal-selector=edit-actions] {
  display: none;
}
.comm-message .msg-info-fields .views-field-oktopro-print-request-link {
  text-align: right;
  margin-top: -20px;
}
@media only screen and (max-width: 767px) {
  .comm-message .msg-info-fields .views-field-oktopro-print-request-link {
    text-align: left;
    margin-top: 15px;
  }
}
.comm-message .msg-info-fields .views-field-oktopro-print-request-link .field-content .print__link {
  padding: 8px 12px;
  background: #0f2856;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none;
  border-radius: 4px;
}
.comm-message.notification_appointment_created .msg-info-fields article.appointment.short .content, .comm-message.notification_appointment_updated .msg-info-fields article.appointment.short .content, .comm-message.notification_appointment_deleted .msg-info-fields article.appointment.short .content {
  display: flex;
  flex-flow: row wrap;
}
.comm-message.notification_appointment_created .msg-info-fields article.appointment.short .content .field, .comm-message.notification_appointment_updated .msg-info-fields article.appointment.short .content .field, .comm-message.notification_appointment_deleted .msg-info-fields article.appointment.short .content .field {
  flex: 1 100%;
}
.comm-message .oktopro-form-message-form {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.comm-message .oktopro-form-message-form .field--name-field-comment .text-reply textarea.text-full {
  resize: none;
  height: auto;
  border-right: 30px solid rgba(178, 178, 178, 0.27);
}
.comm-message .oktopro-form-message-form .field--name-field-comment .text-reply .status-block {
  margin: 10px;
}
.comm-message .oktopro-form-message-form .fake-actions-replies {
  display: flex;
  margin-bottom: 40px;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links {
  flex-grow: 8;
  margin-right: 15px;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list {
  display: flex;
  flex-wrap: nowrap;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li {
  width: 50%;
  height: 38px;
  border: none;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li:first-child a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-left: 1px solid #ccc;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li:first-child a.toggled-link {
  border-radius: 4px;
  border: 1px solid #ccc;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li:last-child a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li:last-child a.toggled-link {
  border-radius: 4px;
  border: 1px solid #ccc;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a {
  padding: 0 10px;
  border: 1px solid #ccc;
  border-left: none;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  line-height: 34px;
  text-decoration: none;
  color: #0f2856;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a:hover {
  text-decoration: none;
  background: rgba(178, 178, 178, 0.17);
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.pickup-required-approve-fake-btn .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved] .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_first_timeline-approve-fake-btn .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.report_workers-approve-fake-btn .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_create_worksession-approve-fake-btn .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-approve-fake-btn .action-approved {
  color: #43a235;
  display: inline-block;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.pickup-required-approve-fake-btn .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved] .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_first_timeline-approve-fake-btn .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.report_workers-approve-fake-btn .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_create_worksession-approve-fake-btn .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-approve-fake-btn .action-pickup_required {
  color: #ff8300;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.pickup-required-approve-fake-btn:active, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.pickup-required-approve-fake-btn:focus, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:active, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:focus, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_first_timeline-approve-fake-btn:active, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_first_timeline-approve-fake-btn:focus, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.report_workers-approve-fake-btn:active, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.report_workers-approve-fake-btn:focus, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_create_worksession-approve-fake-btn:active, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_create_worksession-approve-fake-btn:focus, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-approve-fake-btn:active, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-approve-fake-btn:focus {
  background: #43a235;
  color: #fff;
  text-decoration: none;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.pickup-required-approve-fake-btn:active .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.pickup-required-approve-fake-btn:focus .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:active .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:focus .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_first_timeline-approve-fake-btn:active .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_first_timeline-approve-fake-btn:focus .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.report_workers-approve-fake-btn:active .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.report_workers-approve-fake-btn:focus .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_create_worksession-approve-fake-btn:active .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_create_worksession-approve-fake-btn:focus .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-approve-fake-btn:active .action-approved, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-approve-fake-btn:focus .action-approved {
  color: #fff;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.pickup-required-approve-fake-btn:active .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.pickup-required-approve-fake-btn:focus .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:active .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:focus .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_first_timeline-approve-fake-btn:active .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_first_timeline-approve-fake-btn:focus .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.report_workers-approve-fake-btn:active .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.report_workers-approve-fake-btn:focus .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_create_worksession-approve-fake-btn:active .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.warning_create_worksession-approve-fake-btn:focus .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-approve-fake-btn:active .action-pickup_required, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-approve-fake-btn:focus .action-pickup_required {
  color: #ffcb00;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-cancel-fake-btn .action-canceled, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled] .action-canceled {
  color: #f00;
  display: inline-block;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-cancel-fake-btn:active, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-cancel-fake-btn:focus, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled]:active, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled]:focus {
  text-decoration: none;
  background: #f00;
  color: #fff;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-cancel-fake-btn:active .action-canceled, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a.discussion-cancel-fake-btn:focus .action-canceled, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled]:active .action-canceled, .comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled]:focus .action-canceled {
  color: #fff;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-link-submit {
  flex-grow: 2;
}
.comm-message .oktopro-form-message-form .fake-actions-replies .fake-action-link-submit .reply-fake-submit {
  width: 100%;
  background: #0f2856;
  color: #fff;
  border-bottom: inherit;
  margin: 0;
}
.comm-message .oktopro-form-message-form .phase-detail-tables,
.comm-message .oktopro-form-message-form .form-item-approve,
.comm-message .oktopro-form-message-form .discussion-attention {
  order: 0;
}
.comm-message .oktopro-colorbox-files-widget .field--label {
  display: none;
}
.comm-message .oktopro-colorbox-files-widget .field--items {
  justify-content: flex-start;
}
.comm-message .oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file .file-info .icon {
  min-height: 35px;
  min-width: 35px;
  margin-bottom: 5px;
}
.comm-message .oktopro-colorbox-files-widget .field--items > * .file-info {
  padding: 15px;
}
@media only screen and (max-width: 1199px) {
  .comm-message .oktopro-colorbox-files-widget .field--items > * .file-info {
    padding: 15px;
  }
}
.comm-message .oktopro-colorbox-files-widget.oktopro-colorbox-files-widget .field--items .field--item {
  padding: 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.comm-message .oktopro-colorbox-files-widget.oktopro-colorbox-files-widget .field--items .field--item .colorbox-formatter--with-description,
.comm-message .oktopro-colorbox-files-widget.oktopro-colorbox-files-widget .field--items .field--item .oktopro-file-with-translatable-description-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
}
.comm-message .oktopro-colorbox-files-widget.oktopro-colorbox-files-widget .field--items .field--item .colorbox-formatter--with-description .img-responsive,
.comm-message .oktopro-colorbox-files-widget.oktopro-colorbox-files-widget .field--items .field--item .oktopro-file-with-translatable-description-wrapper .img-responsive {
  max-width: max-content;
}
.comm-message .oktopro-colorbox-files-widget.oktopro-colorbox-files-widget .field--items .field--item .colorbox-formatter--with-description .oktopro-description-translation-link-wrapper,
.comm-message .oktopro-colorbox-files-widget.oktopro-colorbox-files-widget .field--items .field--item .oktopro-file-with-translatable-description-wrapper .oktopro-description-translation-link-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 15px;
}
.comm-message .oktopro-colorbox-files-widget.oktopro-colorbox-files-widget .field--items .field--item .colorbox-formatter--with-description .oktopro-description-translation-link-wrapper .okto-translate,
.comm-message .oktopro-colorbox-files-widget.oktopro-colorbox-files-widget .field--items .field--item .oktopro-file-with-translatable-description-wrapper .oktopro-description-translation-link-wrapper .okto-translate {
  maring-top: 15px;
  padding-left: 0;
}

.okto-alert {
  font-weight: bold;
  color: red;
  display: block;
}
.okto-alert:before {
  font-weight: initial;
  padding-right: 10px;
}

.message-icon {
  position: relative;
}
.message-icon:before {
  content: "";
  display: inline-block;
  width: 31px !important;
  height: 35px;
  background: url(/themes/custom/oktopro/images/ms/ms_full_blue.png) -382px -566px;
  margin-right: 10px;
  vertical-align: middle;
}
.message-icon.message-icon-prices:before {
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  background: url(/themes/custom/oktopro/images/prices.png);
  content: "";
  background-repeat: no-repeat;
}
.message-icon.message-icon-request_for_approval:before {
  background-position: -384px -569px;
  width: 26px;
  height: 26px;
}
.message-icon.message-icon-notification_for_extra_work:before {
  background-position: -2px -520px;
  width: 37px;
  height: 29px;
  background-size: 550px;
}
.message-icon.message-icon-reporting_extra_worker:before {
  background-position: -187px -376px;
}
.message-icon.message-icon-request_for_payment:before {
  background-position: -571px -194px;
  width: 29px;
  height: 20px;
}
.message-icon.message-icon-discussion:before {
  background-position: -382px -191px;
  width: 29px;
  height: 25px;
}
.message-icon.message-icon-notification_pickup_required:before, .message-icon.message-icon-request_for_material:before {
  background-position: -572px -570px;
  width: 27px;
  height: 24px;
}
.message-icon.message-icon-big_bag_request:before {
  background-position: -6px -378px;
  width: 25px;
  height: 29px;
}
.message-icon.message-icon-request_for_update_of_contract:before, .message-icon.message-icon-request_for_update_of_contract_s:before {
  background-position: -195px -188px;
  width: 25px;
  height: 30px;
}
.message-icon.message-icon-contract_created:before {
  background-position: -195px 0px;
  width: 25px;
  height: 29px;
}
.message-icon.message-icon-ask_for_rating:before {
  background-position: -511px -689px;
}
.message-icon.message-icon-clone:before {
  background-position: -195px -755px;
  width: 24px;
  height: 30px;
}
.message-icon.message-icon-construction_site_not_conform:before {
  background-position: -186px -550px;
  background-size: 583px;
}
.message-icon.message-icon-contract_updated:before {
  background-position: -65px -692px;
  width: 22px;
  height: 30px;
}
.message-icon.icon-ssc-form:before {
  background-position: -187px -377px;
}
.message-icon.collaboration:before {
  background-image: url(../images/collaboration_blue.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 31px;
}
.message-icon.add-partners:before {
  background-image: url(../images/add_partners_blue.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 31px;
}

.block-oktopro-contract-info-block .general {
  text-align: right;
  height: 100%;
  padding: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .general {
    text-align: left;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .general .views-field-field-contract-status {
    text-align: center;
  }
}
.block-oktopro-contract-info-block .general .view-content strong {
  font-size: 13px;
  display: block;
}
.block-oktopro-contract-info-block .general .view-content span {
  margin-bottom: 25px;
  display: block;
}
.block-oktopro-contract-info-block .general .view-content span.contract-status {
  display: block;
  font-size: 15px;
  padding: 4px 0;
  max-width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.block-oktopro-contract-info-block .general .view-content ul {
  padding: 0;
  list-style: none;
}
.block-oktopro-contract-info-block .general .view-content .views-field-field-contract-status {
  margin-bottom: 35px;
  margin-top: 8px;
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .general .view-content .views-row div:not(.views-field-field-contract-status):nth-child(odd) {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .general .view-content .views-row div:not(.views-field-field-contract-status) {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
}
.block-oktopro-contract-info-block .main {
  padding-bottom: 90px;
  margin-bottom: 0;
}
.block-oktopro-contract-info-block .sub .views-row {
  margin-bottom: 45px;
}
.block-oktopro-contract-info-block .account_manager .views-row,
.block-oktopro-contract-info-block .workers_subcontractor .views-row,
.block-oktopro-contract-info-block .workers_employees .views-row {
  clear: both;
}
.block-oktopro-contract-info-block .account_manager .views-row img,
.block-oktopro-contract-info-block .workers_subcontractor .views-row img,
.block-oktopro-contract-info-block .workers_employees .views-row img {
  border-radius: 50%;
}
.block-oktopro-contract-info-block .account_manager,
.block-oktopro-contract-info-block .workers_subcontractor,
.block-oktopro-contract-info-block .workers_employees,
.block-oktopro-contract-info-block .sub {
  float: right;
}
.block-oktopro-contract-info-block .account_manager p,
.block-oktopro-contract-info-block .account_manager ul {
  margin: 0;
  padding: 0;
}
.block-oktopro-contract-info-block .account_manager li {
  margin-top: 10px;
  list-style: none;
}
.block-oktopro-contract-info-block .account_manager a {
  color: #0645ad;
}
.block-oktopro-contract-info-block .main,
.block-oktopro-contract-info-block .sub,
.block-oktopro-contract-info-block .account_manager,
.block-oktopro-contract-info-block .workers_subcontractor,
.block-oktopro-contract-info-block .workers_employees {
  border-left: 1px solid #dddddd;
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main,
.block-oktopro-contract-info-block .sub,
.block-oktopro-contract-info-block .account_manager,
.block-oktopro-contract-info-block .workers_subcontractor,
.block-oktopro-contract-info-block .workers_employees {
    border-left: none;
    border-top: 1px solid #dddddd;
  }
}
.block-oktopro-contract-info-block .main .col-xs-12.col-sm-8,
.block-oktopro-contract-info-block .main .col-sx-12.col-sm-9,
.block-oktopro-contract-info-block .sub .col-xs-12.col-sm-8,
.block-oktopro-contract-info-block .sub .col-sx-12.col-sm-9,
.block-oktopro-contract-info-block .account_manager .col-xs-12.col-sm-8,
.block-oktopro-contract-info-block .account_manager .col-sx-12.col-sm-9,
.block-oktopro-contract-info-block .workers_subcontractor .col-xs-12.col-sm-8,
.block-oktopro-contract-info-block .workers_subcontractor .col-sx-12.col-sm-9,
.block-oktopro-contract-info-block .workers_employees .col-xs-12.col-sm-8,
.block-oktopro-contract-info-block .workers_employees .col-sx-12.col-sm-9 {
  float: right;
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main .views-field-field-o-logo,
.block-oktopro-contract-info-block .sub .views-field-field-o-logo,
.block-oktopro-contract-info-block .account_manager .views-field-field-o-logo,
.block-oktopro-contract-info-block .workers_subcontractor .views-field-field-o-logo,
.block-oktopro-contract-info-block .workers_employees .views-field-field-o-logo {
    display: none;
  }
}
.block-oktopro-contract-info-block .main .views-field-title,
.block-oktopro-contract-info-block .sub .views-field-title,
.block-oktopro-contract-info-block .account_manager .views-field-title,
.block-oktopro-contract-info-block .workers_subcontractor .views-field-title,
.block-oktopro-contract-info-block .workers_employees .views-field-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 17px;
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main .views-field-title,
.block-oktopro-contract-info-block .sub .views-field-title,
.block-oktopro-contract-info-block .account_manager .views-field-title,
.block-oktopro-contract-info-block .workers_subcontractor .views-field-title,
.block-oktopro-contract-info-block .workers_employees .views-field-title {
    margin-top: 15px;
  }
}
.block-oktopro-contract-info-block .main .views-field strong,
.block-oktopro-contract-info-block .sub .views-field strong,
.block-oktopro-contract-info-block .account_manager .views-field strong,
.block-oktopro-contract-info-block .workers_subcontractor .views-field strong,
.block-oktopro-contract-info-block .workers_employees .views-field strong {
  display: block;
  font-size: 13px;
}
.block-oktopro-contract-info-block .main .views-field span,
.block-oktopro-contract-info-block .sub .views-field span,
.block-oktopro-contract-info-block .account_manager .views-field span,
.block-oktopro-contract-info-block .workers_subcontractor .views-field span,
.block-oktopro-contract-info-block .workers_employees .views-field span {
  display: block;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main h3:not(.panel-title),
.block-oktopro-contract-info-block .sub h3:not(.panel-title),
.block-oktopro-contract-info-block .account_manager h3:not(.panel-title),
.block-oktopro-contract-info-block .workers_subcontractor h3:not(.panel-title),
.block-oktopro-contract-info-block .workers_employees h3:not(.panel-title) {
    position: relative;
    padding-right: 25px;
    cursor: pointer;
  }
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main h3:not(.panel-title):after,
.block-oktopro-contract-info-block .sub h3:not(.panel-title):after,
.block-oktopro-contract-info-block .account_manager h3:not(.panel-title):after,
.block-oktopro-contract-info-block .workers_subcontractor h3:not(.panel-title):after,
.block-oktopro-contract-info-block .workers_employees h3:not(.panel-title):after {
    content: "+";
    position: absolute;
    right: 0;
    top: -12px;
    color: #b3b1b1;
    font-size: 41px;
    font-weight: bold;
  }
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main .views-element-container,
.block-oktopro-contract-info-block .sub .views-element-container,
.block-oktopro-contract-info-block .account_manager .views-element-container,
.block-oktopro-contract-info-block .workers_subcontractor .views-element-container,
.block-oktopro-contract-info-block .workers_employees .views-element-container {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main,
.block-oktopro-contract-info-block .sub {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main.opened,
.block-oktopro-contract-info-block .sub.opened {
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main.opened h3:not(.panel-title):after,
.block-oktopro-contract-info-block .sub.opened h3:not(.panel-title):after {
    content: "−";
  }
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .main.opened .views-element-container,
.block-oktopro-contract-info-block .sub.opened .views-element-container {
    display: block;
  }
}
.block-oktopro-contract-info-block h3:not(.panel-title) {
  margin-top: 3px;
  margin-bottom: 20px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block h3:not(.panel-title) {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .block-oktopro-contract-info-block .contract-info-after {
    display: none;
  }
}

body .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent;
}
body .table-striped > tbody > tr:nth-of-type(odd):hover {
  background-color: #f5f5f5;
}
body .table > thead > tr > th {
  border-width: 1px;
}

.more-link a {
  color: #0645ad;
  text-decoration: underline;
}

.planning .label {
  width: 100%;
}

.block-views-blockmessages-dashboard .more-link {
  text-align: right;
}
.block-views-blockmessages-dashboard tr {
  height: 45px;
}
.block-views-blockmessages-dashboard td {
  vertical-align: middle !important;
}
.block-views-blockmessages-dashboard td.views-field-title {
  width: 130px;
}
.block-views-blockmessages-dashboard td.views-field-created {
  width: 134px;
}
.block-views-blockmessages-dashboard td.views-field-id {
  max-width: 205px;
  position: relative;
}
.block-views-blockmessages-dashboard .view-field-comment-table-column {
  padding-top: 15px;
}

.footable-detail-row td {
  border-top: none !important;
}

a[class*=okto-translate] {
  text-decoration: none;
  color: #555555;
}

.ms-expired .ms-small-picture:after {
  content: "";
  display: block;
  background-image: url(../images/alert.png);
  width: 15px;
  height: 15px;
  position: absolute;
  top: calc(50% - 17px);
  left: 2px;
  background-color: #fff;
  border-radius: 50%;
  background-size: contain;
}

.ms-small-picture-request_for_approval.has-not-resolved-issues:after {
  content: " ";
  display: block !important;
  background-image: url(../images/alert.png);
  width: 15px;
  height: 15px;
  position: absolute;
  top: calc(50% - 17px);
  left: 2px;
  background-color: #fff;
  border-radius: 50%;
  background-size: contain;
}

.mst-pickup-required .ms-small-picture:before,
.mst-approved .ms-small-picture:before {
  background-color: #43a235 !important;
}

.mst-canceled .ms-small-picture:before {
  background-color: #b2b2b2 !important;
}
.mst-canceled .ms-small-picture:after {
  content: "x";
  color: red;
  position: absolute;
  top: calc(50% - 17px);
  left: 2px;
  font-size: 12px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid red;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 12px;
}

.is-reply .ms-small-picture.ms-small-picture-message:before {
  background-position: 5px 10px;
}

.ms-small-picture {
  padding-left: 55px;
  display: block;
  font-size: 13px;
  line-height: 15px;
}
.ms-small-picture:before {
  content: " ";
  display: block;
  position: absolute;
  width: 35px;
  height: 35px;
  background-color: #b2b2b2;
  border-radius: 50%;
  left: 6px;
  top: calc(50% - 17px);
  background-image: url(../images/554.png);
  background-size: 600px;
}
.ms-small-picture.ms-small-picture-message:before, .ms-small-picture.ms-small-picture-notification_about_signing:before {
  background-image: url(../images/m-1.png);
  background-size: 180px;
  background-repeat: no-repeat;
  background-position: -148px 10px;
}
.ms-small-picture.colorize.ms-small-picture-discussion_invoice:before, .ms-small-picture.colorize.ms-small-picture-notification_worksession_deleted:before, .ms-small-picture.colorize.ms-small-picture-timeline_deleted:before, .ms-small-picture.colorize.ms-small-picture-warning_first_timeline:before, .ms-small-picture.colorize.ms-small-picture-planning:before, .ms-small-picture.colorize.ms-small-picture-request_for_approval:before, .ms-small-picture.colorize.ms-small-picture-request_for_payment:before, .ms-small-picture.colorize.ms-small-picture-request_for_update_of_contract:before, .ms-small-picture.colorize.ms-small-picture-request_for_update_of_contract_s:before, .ms-small-picture.colorize.ms-small-picture-discussion:before, .ms-small-picture.colorize.ms-small-picture-ask_for_rating:before, .ms-small-picture.colorize.ms-small-picture-notification_about_signing:before, .ms-small-picture.colorize.ms-small-picture-warning_create_worksession:before, .ms-small-picture.colorize.ms-small-picture-notification_timeline_reminder:before, .ms-small-picture.colorize.ms-small-picture-notification_timeline_start_soon:before {
  background-color: #ff8300;
}
.ms-small-picture.colorize.ms-small-picture-invoice_received:before, .ms-small-picture.colorize.ms-small-picture-add_partners:before, .ms-small-picture.colorize.ms-small-picture-collaborator_applied:before, .ms-small-picture.colorize.ms-small-picture-contract_activation:before, .ms-small-picture.colorize.ms-small-picture-documents:before, .ms-small-picture.colorize.ms-small-picture-notification_pickup_required:before, .ms-small-picture.colorize.ms-small-picture-construction_site_not_conform:before, .ms-small-picture.colorize.ms-small-picture-request_for_material:before, .ms-small-picture.colorize.ms-small-picture-notification_for_extra_work:before, .ms-small-picture.colorize.ms-small-picture-big_bag_request:before, .ms-small-picture.colorize.ms-small-picture-report:before, .ms-small-picture.colorize.ms-small-picture-report_workers:before, .ms-small-picture.colorize.ms-small-picture-notification_appointment_created:before, .ms-small-picture.colorize.ms-small-picture-notification_appointment_updated:before, .ms-small-picture.colorize.ms-small-picture-notification_appointment_deleted:before {
  background-color: #f00;
}
.ms-small-picture.colorize.wholesite-message:before {
  background-color: #0074d2;
  background-image: url(../images/m-1.png);
  background-size: 180px;
  background-repeat: no-repeat;
  background-position: -148px 10px;
}
.ms-small-picture.colorize.wholesite-message:not(.status-30):not(.status-40):after {
  content: "";
  display: block;
  background-image: url(/themes/custom/oktopro/images/alert.png);
  width: 15px;
  height: 15px;
  position: absolute;
  top: calc(50% - 17px);
  left: 2px;
  background-color: #fff;
  border-radius: 50%;
  background-size: contain;
}
.ms-small-picture.colorize.wholesite-message.status-40:after {
  content: "declined";
  display: block;
  height: 15px;
  font-weight: bold;
  position: absolute;
  top: calc(50% - 7px);
  left: -5px;
  color: #f00;
  background-color: #eeeeeede;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ms-small-picture.colorize.notice-sent:before {
  background-color: #f00;
}
.ms-small-picture.ms-small-picture-message:before {
  background-image: url(../images/m-1.png);
  background-size: 180px;
  background-repeat: no-repeat;
  background-position: -148px 10px;
}
.ms-small-picture.ms-small-picture-notification_appointment_created:before, .ms-small-picture.ms-small-picture-notification_appointment_updated:before, .ms-small-picture.ms-small-picture-notification_appointment_deleted:before {
  background-image: url(../images/ms/meeting-think.png);
  background-repeat: no-repeat;
  background-size: 27px 21px;
  background-position: 4px 8px;
}
.ms-small-picture.ms-small-picture-notification_appointment_created.side-maincontractor:before, .ms-small-picture.ms-small-picture-notification_appointment_created.side-subcontractor:before, .ms-small-picture.ms-small-picture-notification_appointment_updated.side-maincontractor:before, .ms-small-picture.ms-small-picture-notification_appointment_updated.side-subcontractor:before, .ms-small-picture.ms-small-picture-notification_appointment_deleted.side-maincontractor:before, .ms-small-picture.ms-small-picture-notification_appointment_deleted.side-subcontractor:before {
  background-position: 4px 8px;
}
.ms-small-picture.ms-small-picture-notification_worksession_deleted:before, .ms-small-picture.ms-small-picture-timeline_deleted:before, .ms-small-picture.ms-small-picture-planning:before, .ms-small-picture.ms-small-picture-timeline_deleted:before, .ms-small-picture.ms-small-picture-warning_create_worksession:before, .ms-small-picture.ms-small-picture-warning_first_timeline:before, .ms-small-picture.ms-small-picture-notification_timeline_reminder:before, .ms-small-picture.ms-small-picture-notification_timeline_start_soon:before {
  background-image: url(../images/ms/message_icons_thick.svg);
  background-repeat: no-repeat;
  background-size: 603px;
  width: 36px;
  height: 36px;
}
.ms-small-picture.ms-small-picture-notification_worksession_deleted.side-maincontractor:before, .ms-small-picture.ms-small-picture-notification_worksession_deleted.side-subcontractor:before, .ms-small-picture.ms-small-picture-timeline_deleted.side-maincontractor:before, .ms-small-picture.ms-small-picture-timeline_deleted.side-subcontractor:before, .ms-small-picture.ms-small-picture-planning.side-maincontractor:before, .ms-small-picture.ms-small-picture-planning.side-subcontractor:before, .ms-small-picture.ms-small-picture-timeline_deleted.side-maincontractor:before, .ms-small-picture.ms-small-picture-timeline_deleted.side-subcontractor:before, .ms-small-picture.ms-small-picture-warning_create_worksession.side-maincontractor:before, .ms-small-picture.ms-small-picture-warning_create_worksession.side-subcontractor:before, .ms-small-picture.ms-small-picture-warning_first_timeline.side-maincontractor:before, .ms-small-picture.ms-small-picture-warning_first_timeline.side-subcontractor:before, .ms-small-picture.ms-small-picture-notification_timeline_reminder.side-maincontractor:before, .ms-small-picture.ms-small-picture-notification_timeline_reminder.side-subcontractor:before, .ms-small-picture.ms-small-picture-notification_timeline_start_soon.side-maincontractor:before, .ms-small-picture.ms-small-picture-notification_timeline_start_soon.side-subcontractor:before {
  background-position: -58px -1113px;
}
.ms-small-picture.ms-small-picture-notification_worksession_deleted.planning_timeline:before, .ms-small-picture.ms-small-picture-timeline_deleted.planning_timeline:before, .ms-small-picture.ms-small-picture-planning.planning_timeline:before, .ms-small-picture.ms-small-picture-timeline_deleted.planning_timeline:before, .ms-small-picture.ms-small-picture-warning_create_worksession.planning_timeline:before, .ms-small-picture.ms-small-picture-warning_first_timeline.planning_timeline:before, .ms-small-picture.ms-small-picture-notification_timeline_reminder.planning_timeline:before, .ms-small-picture.ms-small-picture-notification_timeline_start_soon.planning_timeline:before {
  background-position: -510px -1113px;
}
.ms-small-picture.ms-small-picture-notification_worksession_deleted.planning_worksession:before, .ms-small-picture.ms-small-picture-timeline_deleted.planning_worksession:before, .ms-small-picture.ms-small-picture-planning.planning_worksession:before, .ms-small-picture.ms-small-picture-timeline_deleted.planning_worksession:before, .ms-small-picture.ms-small-picture-warning_create_worksession.planning_worksession:before, .ms-small-picture.ms-small-picture-warning_first_timeline.planning_worksession:before, .ms-small-picture.ms-small-picture-notification_timeline_reminder.planning_worksession:before, .ms-small-picture.ms-small-picture-notification_timeline_start_soon.planning_worksession:before {
  background-position: -510px -962px;
}
.ms-small-picture.ms-small-picture-request_for_approval:before {
  background-position: 242px 242px;
}
.ms-small-picture.ms-small-picture-request_for_payment:before {
  background-position: 92px 544px;
}
.ms-small-picture.ms-small-picture-request_for_update_of_contract:before, .ms-small-picture.ms-small-picture-request_for_update_of_contract_s:before {
  background-position: 394px 544px;
}
.ms-small-picture.ms-small-picture-discussion:before {
  background-position: 243px 544px;
}
.ms-small-picture.ms-small-picture-construction_site_not_conform:before {
  background-position: 393px 241px;
}
.ms-small-picture.ms-small-picture-notification_pickup_required:before, .ms-small-picture.ms-small-picture-request_for_material:before {
  background-position: 92px 242px;
}
.ms-small-picture.ms-small-picture-notification_for_extra_work:before {
  background-position: -58px 242px;
}
.ms-small-picture.ms-small-picture-big_bag_request:before {
  background-position: -58px 392px;
}
.ms-small-picture.ms-small-picture-contract_updated:before {
  background-position: -57px 92px;
}
.ms-small-picture.ms-small-picture-discussion_invoice:before, .ms-small-picture.ms-small-picture-ask_for_rating:before {
  background-position: 92px 92px;
}
.ms-small-picture.ms-small-picture-reporting_extra_worker:before {
  background-position: 393px 391px;
}
.ms-small-picture.ms-small-picture-contract_created:before {
  background-position: 394px -58px;
}
.ms-small-picture.ms-small-picture-contract_activation:before {
  background-position: 394px -58px;
}
.ms-small-picture.ms-small-picture-documents:before {
  background-position: -57px 92px;
}
.ms-small-picture.ms-small-picture-report:before {
  background-image: url(../images/ms/report_workers_thick.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px 25px;
}
.ms-small-picture.ms-small-picture-report_workers:before {
  background-image: url(../images/ms/report_thick.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 23px 23px;
}
.ms-small-picture.ms-small-picture-add_partners:before, .ms-small-picture.ms-small-picture-collaborator_applied:before {
  background-image: url(../images/collaboration_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 23px 23px;
}
.ms-small-picture.ms-small-picture-add_partners:before {
  background-image: url(../images/add_partners_white.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 23px 23px;
}
.ms-small-picture.ms-small-picture-invoice_received:before {
  background-image: url(/themes/custom/oktopro/images/ms/invoice_received.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 23px;
}

.block-views-blockmessages-dashboard .views-field-field-comment {
  font-style: italic;
}

.view-display-id-messages .views-field-field-comment {
  font-style: italic;
}
.view-display-id-messages .views-field-id {
  position: relative;
}
.view-display-id-messages tr {
  height: 45px;
}
.view-display-id-messages td {
  vertical-align: middle !important;
}

a[class*=okto-translate] {
  font-style: normal !important;
  color: #555555 !important;
  text-decoration: none !important;
}

.comm-message .dropdown-menu {
  top: 37px;
}

.location-link,
.location-link-addressfield {
  position: relative;
  text-decoration: none !important;
  padding-left: 20px;
  line-height: 20px;
  display: block;
}
.location-link:before,
.location-link-addressfield:before {
  content: " ";
  display: block;
  position: absolute;
  width: 14px;
  height: 20px;
  background-image: url(/themes/custom/oktopro/images/location.png);
  left: 0;
}
.location-link .address,
.location-link-addressfield .address {
  display: inline-block;
}

.gm-style-iw > div .location-link {
  position: initial;
  padding-left: 0;
}
.gm-style-iw > div .location-link:before {
  position: initial;
  display: inline-block;
  margin-bottom: -6px;
}

.contract-request-form label[for=edit-field-new-project-name-0-value]:after,
.contract-request-form label[for=edit-field-project-number-0-value]:after,
.contract-request-form label[for=edit-field-project-address-0-value]:after,
.contract-request-form label[for=edit-field-project-0-target-id]:after {
  background-image: url(../images/required.svg);
  background-size: 10px 7px;
  content: "";
  display: inline-block;
  line-height: 1;
  height: 7px;
  width: 10px;
}

.form-type-fivestar .select-wrapper:after {
  display: none;
}

.add-reply form div[class*=form-item-field-attachments] {
  margin-bottom: 40px;
  background-color: #f2f2f2;
  padding: 3px 5px;
  border: 1px solid #d2d2d2;
}

#edit-group-work {
  margin-bottom: 20px;
}

.oktopro-selectable-widget-wrapper label:not([for*=-none]) {
  display: none;
}
.oktopro-selectable-widget-wrapper label[for*=-none] {
  margin-top: 25px;
}

.view-selectable-entities .views-row {
  border: 2px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding-bottom: 10px;
}
.view-selectable-entities .views-row:hover {
  border: 2px solid #0f2856;
}
.view-selectable-entities .views-row .fa-check-circle-o {
  padding-left: 15px;
}
.view-selectable-entities .views-row .fa-check-circle-o:before {
  display: none;
}
.view-selectable-entities .views-row.row-selected {
  border: 2px solid #0f2856;
}
.view-selectable-entities .views-row.row-selected .fa-check-circle-o {
  color: #0f2856;
  padding-left: 0;
}
.view-selectable-entities .views-row.row-selected .fa-check-circle-o:before {
  display: initial;
}
.view-selectable-entities .views-row .views-field-name {
  font-size: 17px;
  font-weight: bold;
  padding: 10px 0;
}

.oktopro-last-price-prices .small-description {
  display: block;
  font-size: 12px;
  font-weight: initial;
  font-style: italic;
}
.oktopro-last-price-prices .form-item-sc-hourly-rate {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.oktopro-last-price-prices .form-item-sc-hourly-rate .form-number {
  margin-left: 10px;
  max-width: 120px;
}
.oktopro-last-price-prices .fa {
  padding-right: 5px;
  font-size: 20px;
}
.oktopro-last-price-prices .fa-sort-up {
  color: #73A839;
}
.oktopro-last-price-prices .fa-sort-down {
  color: #C71C22;
}
.oktopro-last-price-prices .fa-arrows-h {
  color: #0f2856;
  font-size: 14px;
}
.oktopro-last-price-prices .btn-okto-back {
  margin-bottom: 25px;
}
.oktopro-last-price-prices .okto-leged {
  margin-bottom: 25px;
}
.oktopro-last-price-prices .okto-img-wrap {
  display: inline-block;
  padding-right: 15px;
  width: 75px;
}
.oktopro-last-price-prices .img-responsive {
  display: inline-block;
  padding-right: 15px;
  min-height: 50px;
}
.oktopro-last-price-prices input {
  font-weight: bold;
}
.oktopro-last-price-prices td {
  vertical-align: middle !important;
}

.oktopro-admin-block-wrapper {
  margin-bottom: 25px;
  position: relative;
}
.oktopro-admin-block-wrapper .oktopro-admin-block-content {
  position: absolute;
  width: 300px;
  border: 1px solid #dddddd;
  padding: 15px;
  z-index: 1000;
  background: #fff;
  -webkit-box-shadow: 10px 10px 18px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 18px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 18px -5px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
}
.oktopro-admin-block-wrapper .oktopro-admin-block-content .views-label {
  font-weight: bold;
}
.oktopro-admin-block-wrapper .oktopro-admin-block-content .views-field-field-o-manager .field-content {
  display: inline-block;
}
.oktopro-admin-block-wrapper .oktopro-admin-block-content .views-field-field-o-logo {
  margin-bottom: 15px;
}
.oktopro-admin-block-wrapper .oktopro-admin-block-content .okto-admin-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 7px;
}
.oktopro-admin-block-wrapper .oktopro-admin-block-content .views-field-field-o-logo {
  text-align: center;
}
.oktopro-admin-block-wrapper .oktopro-admin-block-content .views-field-field-o-logo img {
  width: 75px;
}
.oktopro-admin-block-wrapper .oktopro-admin-block-content .oktoipro-admin-summary {
  margin-bottom: 25px;
  border-bottom: 1px solid #dddddd;
}

.view-id-my_requests.view-display-id-requests .status-completed .views-field-view-oktopro-form a:before {
  background-color: #1AEFB9;
}
.view-id-my_requests.view-display-id-requests .status-waiting .views-field-view-oktopro-form a:before {
  background-color: #999999;
}
.view-id-my_requests.view-display-id-requests tr {
  height: 45px;
}
.view-id-my_requests.view-display-id-requests tr td {
  vertical-align: middle !important;
}
.view-id-my_requests.view-display-id-requests .views-field-view-oktopro-form {
  padding-left: 40px;
}
.view-id-my_requests.view-display-id-requests .views-field-view-oktopro-form a {
  position: relative;
}
.view-id-my_requests.view-display-id-requests .views-field-view-oktopro-form a:before {
  content: " ";
  display: block;
  position: absolute;
  background-color: #1995dc;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  left: -42px;
  top: calc(50% - 17px);
  background-image: url(../images/554.png);
  background-size: 600px;
  background-position: 243px 92px;
}
.view-id-my_requests.view-display-id-requests .request-icon-request-renovation-residential a:before,
.view-id-my_requests.view-display-id-requests .request-icon-request-new-contract a:before {
  background-position: 394px -58px;
}
.view-id-my_requests.view-display-id-requests .request-icon-request-for-a-code a:before {
  background-size: 525px;
  background-position: 478px -48px;
}
.view-id-my_requests.view-display-id-requests .request-icon-request-code-update a:before {
  background-size: 525px;
  background-position: 608px -48px;
}
.view-id-my_requests.view-display-id-requests .request-icon-request-for-support a:before {
  background-position: 542px -208px;
}
.view-id-my_requests.view-display-id-requests .request-icon-request-update-personal a:before {
  background-position: 92px 392px;
}
.view-id-my_requests.view-display-id-requests .request-icon-request-of-organisation-update a:before {
  background-position: 243px 392px;
}

.icon-bundle-request_for_a_code {
  position: relative;
  padding-left: 37px;
}
.icon-bundle-request_for_a_code:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 17px);
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(../images/ms/ms_full_blue.png);
  background-position: -54px -57px;
  background-size: 550px;
}

.icon-bundle-request_for_support {
  position: relative;
  padding-left: 37px;
}
.icon-bundle-request_for_support:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 17px);
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(../images/ms/ms_full_blue.png);
  background-position: 0px -169px;
  background-size: 550px;
}

.icon-bundle-request_update_personal {
  position: relative;
  padding-left: 37px;
}
.icon-bundle-request_update_personal:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 17px);
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(../images/ms/ms_full_blue.png);
  background-position: 33px -350px;
  background-size: 561px;
}

.icon-bundle-reporting_extra_worker {
  position: relative;
  padding-left: 37px;
}
.icon-bundle-reporting_extra_worker:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 17px);
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(../images/ms/ms_full_blue.png);
  background-position: -187px -376px;
  background-size: 600px;
}

.icon-bundle-request_of_organisation_update {
  position: relative;
  padding-left: 37px;
}
.icon-bundle-request_of_organisation_update:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 17px);
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(../images/ms/ms_full_blue.png);
  background-position: 214px -350px;
  background-size: 561px;
}

.icon-bundle-request_code_update {
  position: relative;
  padding-left: 37px;
}
.icon-bundle-request_code_update:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 17px);
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(../images/ms/ms_full_blue.png);
  background-position: 74px -57px;
  background-size: 550px;
}

.view-display-id-dashboard .view-display-id-1_new .view-header,
.view-display-id-dashboard .view-display-id-2_action .view-header,
.view-display-id-dashboard .view-display-id-3_expired .view-header {
  padding: 0;
}
.view-display-id-dashboard .view-display-id-1_new .view-header .label,
.view-display-id-dashboard .view-display-id-2_action .view-header .label,
.view-display-id-dashboard .view-display-id-3_expired .view-header .label {
  min-width: 50px;
  display: inline-block;
}
.view-display-id-dashboard .view-display-id-1_new .view-content,
.view-display-id-dashboard .view-display-id-2_action .view-content,
.view-display-id-dashboard .view-display-id-3_expired .view-content {
  display: none;
}

.block-views-blockcomm-tool-single-contract .new-message:after {
  content: " ";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: red;
  position: absolute;
  top: 6px;
  left: 6px;
}

.new-message .views-field-id:after {
  content: " ";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: red;
  position: absolute;
  top: 1px;
  left: 0px;
}

.view-id-request_views .view-display-id-all .view-content {
  max-height: 250px;
  overflow-y: auto;
}

.delta-order {
  display: none;
}

.field-multiple-table thead > tr > th:nth-child(2) {
  display: none;
}

.field--name-field-priority {
  display: none;
}

.view-id-messages.view-display-id-dashboard .attachment-before {
  padding-bottom: 15px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
}
.view-id-messages.view-display-id-dashboard .attachment-before .views-element-container {
  display: inline-block;
  width: 33.33%;
  margin: 0 -2px;
}
@media only screen and (max-width: 767px) {
  .view-id-messages.view-display-id-dashboard .attachment-before .views-element-container {
    width: 100%;
    margin: 0 0 15px;
  }
}
.view-id-messages.view-display-id-dashboard .attachment-before .views-element-container a {
  text-decoration: underline;
  color: #0645ad;
}
.view-id-messages.view-display-id-dashboard .attachment-before .views-element-container a:before {
  content: " ";
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-image: url(../images/ms/message.png);
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: 50%;
  vertical-align: middle;
  margin-right: 8px;
  margin-left: 8px;
}
.view-id-messages.view-display-id-dashboard .attachment-before .views-element-container a.m-new:before {
  background-color: #0f2856;
}
.view-id-messages.view-display-id-dashboard .attachment-before .views-element-container a.m-action:before {
  background-color: #ff8300;
}
.view-id-messages.view-display-id-dashboard .attachment-before .views-element-container a.m-expired:before {
  background-color: #f00;
}
.view-id-messages.view-display-id-dashboard .attachment-before .views-element-container a.m-inactive {
  color: #cbcbcb !important;
}
.view-id-messages.view-display-id-dashboard .attachment-before .views-element-container a.m-inactive:before {
  background-color: #cbcbcb !important;
}

.no-point-li ul {
  list-style: none;
}

.contract-status.label.Draft {
  color: red;
  border: 1px solid red;
}

.contract-request-form .field--name-field-work-code .panel-title.form-required:after {
  position: absolute;
  left: 42px;
  top: 10px;
}
.contract-request-form .field--name-field-work-code .panel-title .summary {
  font-family: sans-serif;
  font-size: 15px;
  padding-top: 5px;
  margin-top: 5px;
  color: #555555;
}
.contract-request-form .field--name-field-work-code .panel-title .summary.summary-border {
  border-top: 1px solid #0f2856;
}
.contract-request-form .field--name-field-work-code .panel-title .summary .amount-title,
.contract-request-form .field--name-field-work-code .panel-title .summary .price-title,
.contract-request-form .field--name-field-work-code .panel-title .summary .total-title {
  font-weight: bold;
  text-transform: uppercase;
}
.contract-request-form .field--name-field-work-code .panel-title .summary .current-measurement {
  font-size: 12px;
}

.oktopro-form-contract-created-form .field--name-field-main-contractor,
.oktopro-form-contract-created-form .field--name-field-organisation-subcontractor,
.oktopro-form-contract-created-form #tablefield-0-wrapper {
  display: none;
}

.panel a.panel-title {
  position: relative;
  padding-right: 30px;
}
.panel a.panel-title:not(.form-required):after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 6px;
  top: calc(50% - 11px);
  font-size: 22px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.panel a.panel-title:not(.form-required)[aria-expanded=true]:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.panel a.panel-title.form-required:before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: 6px;
  top: calc(50% - 11px);
  font-size: 22px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.panel a.panel-title.form-required[aria-expanded=true]:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.oktopro-form-request-for-support-form .form-type-tel label,
.oktopro-form-request-for-support-form .form-type-tel input {
  width: 100% !important;
}

.calendar-calendar .month-view .full td.single-day div.reportview {
  background: #74a5d7;
}

form[id*=user-password-and-security-form] .form-item-pass .input-group,
form[id*=user-my-info-form] .form-item-pass .input-group {
  display: block;
}
form[id*=user-password-and-security-form] .form-item-pass .password-parent,
form[id*=user-my-info-form] .form-item-pass .password-parent {
  width: 100%;
}
form[id*=user-password-and-security-form] .form-item-pass .password-parent input,
form[id*=user-my-info-form] .form-item-pass .password-parent input {
  width: 100%;
}
form[id*=user-password-and-security-form] .form-item-pass .password-parent .input-group-addon,
form[id*=user-my-info-form] .form-item-pass .password-parent .input-group-addon {
  display: none;
}
.modal-body {
  overflow: auto !important;
}
.modal-body .field--widget-image-widget-crop .preview, .modal-body .field--widget-image-widget-crop .data {
  width: 100%;
}
.modal-body .paragraphs-dropbutton-wrapper .dropbutton-widget {
  max-width: 200px;
  position: initial;
}

.view-display-id-anex_export_files ul {
  list-style: none;
  padding-left: 0;
}
.view-display-id-anex_export_files ul .glyphicon-file:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "";
  padding-right: 10px;
}
.view-display-id-anex_export_files .view-footer {
  margin-top: 15px;
  padding-top: 23px;
  border-top: 1px solid #0f2856;
}
.view-display-id-anex_export_files .go-to-pdf-page:before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "";
  padding-right: 10px;
  vertical-align: sub;
  font-size: 25px;
}

.set-hours-popup {
  z-index: 100;
  width: 320px;
  border: 2px solid #dddddd;
  padding: 15px;
  border-radius: 5px;
  background: #fff;
  position: fixed;
  top: calc(50% - 200px);
  left: calc(50% - 160px);
  -webkit-box-shadow: -3px 3px 10px 5px #8f8c8f;
  -moz-box-shadow: -3px 3px 10px 5px #8f8c8f;
  box-shadow: -3px 3px 10px 5px #8f8c8f;
}
.set-hours-popup .form-type-select {
  display: inline-block;
  width: 50%;
  margin: 0 -1px 15px;
}
.set-hours-popup strong {
  display: block;
}
.set-hours-popup .set-hours-popup-errors {
  color: red;
}
.set-hours-popup .set-hours-popup-title {
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.set-hours-popup .set-hours-popup-close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 20px;
  cursor: pointer;
  padding: 5px 15px;
}
.set-hours-popup .set-hours-popup-close:hover {
  font-weight: bold;
}

form[data-drupal-selector=oktopro-phase] div[id^=edit-extra-codes-tablefield-table-][id$="-4"] {
  min-width: 155px;
}
form[data-drupal-selector=oktopro-phase] div[id^=edit-extra-codes-tablefield-table-][id$="-4"] .form-type-number {
  display: inline-block;
  width: 50%;
  margin: 0 -1px 15px;
}
form[data-drupal-selector=oktopro-phase] div[id^=edit-extra-codes-tablefield-table-][id$="-4"] .form-type-number input {
  width: 77px;
}

.initial-contract-info-top td,
.initial-contract-info td {
  text-align: right;
}
.initial-contract-info-top td:first-child,
.initial-contract-info td:first-child {
  text-align: left;
}

.section-color.display {
  width: 30px;
  height: 18px;
  display: inline-block;
}

.initial-codes th {
  padding-bottom: 16px !important;
  padding-top: 16px !important;
}
.initial-codes tr:first-child {
  background: #dddddd !important;
}
.initial-codes th:nth-child(3),
.initial-codes td:nth-child(3) {
  display: none;
}
.initial-codes td:last-of-type {
  display: none;
}
.initial-codes td:first-child {
  max-width: 550px;
}
@media only screen and (max-width: 991px) {
  .initial-codes td:first-child {
    max-width: 200px;
  }
}
.initial-codes a[data-toggle=tooltip] {
  font-weight: bold;
}
.initial-codes .form-type-select {
  display: none;
}
.initial-codes label {
  display: none;
}
.initial-codes tr {
  background-color: #fff !important;
}
.initial-codes tr.section {
  background-color: #e2e8f2 !important;
  height: 50px;
}
.initial-codes tr.section td {
  border-bottom: 1px solid #0f2856;
  border-top: 4px solid #0f2856;
}
.initial-codes tr.section td .section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.initial-codes tr.initial-contract-info {
  background-color: #dddddd !important;
  height: 50px;
}
.initial-codes tr.initial-contract-info td {
  border-bottom: 1px solid #0f2856;
  border-top: 4px solid #0f2856;
}
.initial-codes tr.extra-row td {
  border-top: none;
  padding-top: 0;
}
.initial-codes td .code-label {
  max-width: 150px;
  display: block;
}
.initial-codes .table > thead > tr > th {
  border-bottom: none;
}
.initial-codes .table > tbody > tr > td {
  vertical-align: middle;
}
.initial-codes .fa-exchange {
  color: blue;
}
.initial-codes .fa-arrow-up {
  color: red;
}
.initial-codes .fa-arrow-down {
  color: green;
}
.initial-codes td.code-contract-total-done-column {
  text-align: center;
  font-weight: bold;
  font-style: italic;
}

.extra-codes th:nth-child(4),
.extra-codes td:nth-child(4) {
  max-width: 100px;
}
.extra-codes th:nth-child(4) input,
.extra-codes td:nth-child(4) input {
  max-width: 66px;
}
.extra-codes th:nth-child(7),
.extra-codes td:nth-child(7) {
  display: none;
}
.extra-codes th:nth-child(10),
.extra-codes td:nth-child(10) {
  display: none;
}
.extra-codes th:nth-child(9),
.extra-codes td:nth-child(9) {
  min-width: 100px;
}
.extra-codes tr:nth-child(2) {
  border-top: 4px solid #0f2856;
}

.transport-codes .sticky-header thead th {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.transport-codes thead th {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.transport-codes tbody tr:first-child {
  background: #fff !important;
}

.code-title-link {
  font-weight: bold;
}
.code-title-link a {
  white-space: initial;
}
.code-title-link .c-related-request-link {
  text-align: right;
  margin-top: 10px;
}

.transport-codes .btn-danger,
.extra-codes .btn-danger {
  width: 33px;
}
.transport-codes th,
.extra-codes th {
  padding-bottom: 0 !important;
}
.transport-codes tr:first-child,
.extra-codes tr:first-child {
  background: #dddddd !important;
}
.transport-codes a[data-toggle=tooltip],
.extra-codes a[data-toggle=tooltip] {
  font-weight: bold;
}
.transport-codes label,
.extra-codes label {
  display: none;
}
.transport-codes tr,
.extra-codes tr {
  background-color: #fff !important;
}
.transport-codes tr.extra-contract-info-row,
.extra-codes tr.extra-contract-info-row {
  background-color: #e2e8f2 !important;
  height: 50px;
}
.transport-codes tr.extra-contract-info-row td,
.extra-codes tr.extra-contract-info-row td {
  border-bottom: 1px solid #0f2856;
  border-top: 4px solid #0f2856;
}
.transport-codes tr.extra-row td,
.extra-codes tr.extra-row td {
  border-top: none;
  padding-top: 0;
}
.transport-codes .table > thead > tr > th,
.extra-codes .table > thead > tr > th {
  border-bottom: none;
}
.transport-codes .table > tbody > tr > td,
.extra-codes .table > tbody > tr > td {
  vertical-align: middle;
}

.total-annex-amount {
  display: block;
  margin: 10px 0px;
}
.total-annex-amount i:before {
  content: "€ ";
  display: inline-block;
  margin: 0px 2px;
}

.hours-container {
  width: 145px;
  position: relative;
}
.hours-container .field--type-integer {
  display: inline-block;
  width: 50%;
  margin: 0 -2px;
}
.hours-container .field--type-integer input.form-control {
  width: 66px;
}

.oktopro-form-request-for-approval-form .fa-warning {
  color: red;
  padding-right: 5px;
}
.oktopro-form-request-for-approval-form [id*=edit-anex-link] a {
  font-weight: bold;
}

span[data-drupal-selector*=field-extra-picture] .file-link a {
  display: block;
  width: 230px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  span[data-drupal-selector*=field-extra-picture] .file-link a {
    width: 50px;
  }
}

.extra-works-type div[class*=field-measurement] .select-wrapper:after {
  content: "";
}

.oktopro-codes-widget-actions-area .okto-remove-fake {
  position: initial;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .oktopro-codes-widget-actions-area table {
    display: block;
    overflow: scroll;
    -webkit-overflow-scrolling: auto;
  }
  .oktopro-codes-widget-actions-area table::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .oktopro-codes-widget-actions-area table::-webkit-scrollbar:vertical {
    width: 12px;
  }
  .oktopro-codes-widget-actions-area table::-webkit-scrollbar:horizontal {
    height: 12px;
  }
  .oktopro-codes-widget-actions-area table::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    border: 2px solid #ffffff;
  }
  .oktopro-codes-widget-actions-area table::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
  }
}
.oktopro-codes-widget-actions-area table.section {
  margin-bottom: 0;
}
.oktopro-codes-widget-actions-area table.section td.code.in-code {
  max-width: 400px;
}
.oktopro-codes-widget-actions-area table.section td.measurement select {
  min-width: 95px;
}
.oktopro-codes-widget-actions-area table.section thead tr.first-header {
  background: #eeeeee;
}
.oktopro-codes-widget-actions-area table.section thead tr.first-header th {
  vertical-align: middle;
}
.oktopro-codes-widget-actions-area table.section thead tr.first-header th.import-codes {
  width: 150px;
}
.oktopro-codes-widget-actions-area table.section thead tr.first-header th.import-codes .trigger {
  cursor: pointer;
}
.oktopro-codes-widget-actions-area table.section thead tr.first-header th.import-codes .trigger i {
  padding-right: 5px;
}
.oktopro-codes-widget-actions-area table.section thead tr.first-header th.import-codes .trigger:hover {
  text-decoration: underline;
}
.oktopro-codes-widget-actions-area table.section thead tr.first-header th.toggle-section {
  cursor: pointer;
  font-size: 20px;
  width: 42px;
}
.oktopro-codes-widget-actions-area table.section thead tr.second-header {
  font-weight: bold;
}
.oktopro-codes-widget-actions-area table.section tbody td {
  vertical-align: top;
}
.oktopro-codes-widget-actions-area table.section tbody td.trigger {
  vertical-align: top;
}
.oktopro-codes-widget-actions-area table.section tbody td.trigger i {
  cursor: pointer;
  font-size: 20px;
}
.oktopro-codes-widget-actions-area .section-wrapper {
  border: 2px solid #0f2856;
  margin-bottom: 25px;
}
.oktopro-codes-widget-actions-area.cannot-view-prices .code-price {
  display: none;
}
.oktopro-codes-widget-actions-area .add-new-code {
  background: #eee;
  padding: 15px;
}
.oktopro-codes-widget-actions-area .add-new-code .add-new-code-select {
  display: flex;
  align-items: center;
}
.oktopro-codes-widget-actions-area .add-new-code .add-new-code-select .form-item {
  flex: 1;
  display: inline-block;
  margin: 0;
}
.oktopro-codes-widget-actions-area .add-new-code .add-new-code-select .form-item .select-wrapper .select2-container {
  width: 100% !important;
}
.oktopro-codes-widget-actions-area .add-new-code .add-new-code-select .form-item .select-wrapper .select2-container .selection .select2-selection .select2-selection__rendered {
  height: 38px;
  line-height: 38px;
  display: flex;
  align-items: center;
}
.oktopro-codes-widget-actions-area .add-new-code .add-new-code-select .form-item .select-wrapper .select2-container .selection .select2-selection .select2-selection__rendered img {
  max-width: 36px;
  margin: 0 4px;
  padding: 0;
}
.oktopro-codes-widget-actions-area .add-new-code .add-new-code-select .form-item .select-wrapper .select2-container .selection .select2-selection .select2-selection__rendered .select-option-text {
  overflow: hidden;
  word-break: normal;
  white-space: normal;
  padding: 0 5px;
  line-height: 15px;
}
.oktopro-codes-widget-actions-area .add-new-code .add-new-code-select .codes-select {
  flex: 0 0 45px;
  margin-left: 5px;
  position: relative;
  top: initial;
  right: initial;
  display: inline-block;
  vertical-align: super;
}

.oktopro-custom-codes-widget-actions-area .add-new-code .add-new-code-select {
  max-width: 96%;
}
.oktopro-custom-codes-widget-actions-area .codes-select {
  top: -35px;
  right: -12px;
}

.add-new-code,
.section-total-wrapper {
  background: #eeeeee;
  padding: 15px;
}

button[name=add-new-section] {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
}

.code-info-tooltip {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px solid #dddddd;
}

.codes-importer {
  z-index: 100;
  width: 320px;
  border: 2px solid #dddddd;
  padding: 15px;
  border-radius: 5px;
  background: #fff;
  position: fixed;
  top: calc(50% - 200px);
  left: calc(50% - 160px);
  -webkit-box-shadow: -3px 3px 10px 5px #8f8c8f;
  -moz-box-shadow: -3px 3px 10px 5px #8f8c8f;
  box-shadow: -3px 3px 10px 5px #8f8c8f;
}
.codes-importer .codes-importer-title {
  font-weight: bold;
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.codes-importer .codes-importer-close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 20px;
  cursor: pointer;
  padding: 5px 15px;
}
.codes-importer .codes-importer-close:hover {
  font-weight: bold;
}
.codes-importer textarea {
  width: 100% !important;
  height: 200px !important;
  resize: vertical;
}

.add-new-code-select .form-item {
  display: inline-block;
  width: calc(100% - 51px);
}
.add-new-code-select .codes-select {
  position: relative;
  top: initial;
  right: initial;
  display: inline-block;
  vertical-align: super;
}

.sections-wrapper .view-related-codes-autocomplete {
  border-radius: 0;
  border: none;
  margin: 0 -15px 20px;
  padding: 0 5px;
}

.editable-no .section-wrapper .code-tr.excluded {
  background: #dddddd !important;
}
.editable-no .section-wrapper .code-tr.excluded .btn-danger.glyphicon-trash {
  background: green !important;
  border: green !important;
}
.editable-no .section-wrapper .code-tr.excluded .btn-danger.glyphicon-trash:before {
  content: "+" !important;
}

.initial-codes tr.row-excluded {
  background: #dddddd !important;
}

.okto-error-message {
  color: red;
}

.okto-error-message-expression {
  color: red;
  background: wheat;
  position: absolute;
  padding: 0 10px;
}

.add-new-code-replace-wrapper {
  position: relative;
}
.add-new-code-replace-wrapper .codes-view-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30px;
  cursor: pointer;
  padding: 5px;
  color: #db282e;
}
.add-new-code-replace-wrapper .codes-view-close:hover {
  color: #9a161a;
}

input[type=number][readonly] {
  -moz-appearance: textfield;
}

strong.initial-status {
  white-space: nowrap;
}

.chart-pager {
  font-weight: bold;
  margin-top: 15px;
  padding: 10px 10px;
  color: #0f2856;
}
.chart-pager .back-chart {
  float: left;
}
.chart-pager .forvard-chart {
  padding-left: 10px;
  float: right;
}

.okto-chart-type {
  text-align: right;
}
.okto-chart-type a.active {
  font-weight: bold;
}

.okto-chart-x {
  font-size: 14px;
  color: #555555;
  text-align: center;
  padding: 15px 0;
}

.okto-chart-y {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: calc(50% - 35px);
  left: -20px;
  font-size: 14px;
  color: #555555;
  text-align: center;
}

.chart-dp table.ui-datepicker-calendar {
  display: none;
}

.oktopro-admin-turnovers {
  text-align: center;
}
.oktopro-admin-turnovers .form-item {
  text-align: left;
  width: 30.5%;
  display: inline-block;
}
.oktopro-admin-turnovers .okto-chart-data {
  text-align: left;
}
.oktopro-admin-turnovers .btn-block {
  max-width: 92.5%;
  margin: 0 auto;
}
.oktopro-admin-turnovers .turnover {
  font-size: 27px;
}
.oktopro-admin-turnovers .total {
  font-size: 27px;
}
.oktopro-admin-turnovers:not(.full-form) .inputs-wrapper {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
}
.oktopro-admin-turnovers:not(.full-form) .inputs-wrapper > * {
  flex: 0 48%;
}
.oktopro-admin-turnovers:not(.full-form) .inputs-wrapper button.form-submit {
  flex: 1 100%;
  margin: auto;
  max-width: 100%;
}

.full-form.oktopro-admin-turnovers .total-turnovers {
  padding-left: 120px;
}
.full-form.oktopro-admin-turnovers .total-turnovers:before {
  left: 86px;
}
.full-form.oktopro-admin-turnovers .total-contracts {
  padding-left: 85px;
}
.full-form.oktopro-admin-turnovers .total-contracts:before {
  left: 48px;
}
.full-form.oktopro-admin-turnovers .form-item {
  width: 19%;
}
.full-form.oktopro-admin-turnovers .btn-block {
  max-width: 19%;
  display: inline-block;
  margin-top: -3px;
}
.full-form.oktopro-admin-turnovers .input-group {
  display: inline-block;
}
.full-form.oktopro-admin-turnovers .input-group input {
  float: none;
}
.full-form.oktopro-admin-turnovers .input-group-addon {
  display: none;
}
.full-form.oktopro-admin-turnovers .turnover {
  font-size: 28px;
}
.full-form.oktopro-admin-turnovers .total {
  font-size: 28px;
}

.select2-selection__rendered img,
.select2-results__option img,
.select2-result-label img,
.select2-chosen img {
  max-width: 40px;
  display: inline-block;
  vertical-align: top;
  padding-top: 4px;
}
.select2-selection__rendered .select-option-text,
.select2-results__option .select-option-text,
.select2-result-label .select-option-text,
.select2-chosen .select-option-text {
  max-width: calc(100% - 45px);
  display: inline-block;
}

.field--widget-oktopro-annex-bh-widget thead {
  background: #dddddd;
  border-bottom: 2px solid #0f2856;
}
.field--widget-oktopro-annex-bh-widget .add-new-code {
  border-top: 2px solid #0f2856;
}
.field--widget-oktopro-annex-bh-widget td.persons input {
  max-width: 66px;
}
.field--widget-oktopro-annex-bh-widget .th-done,
.field--widget-oktopro-annex-bh-widget .th-approved {
  text-align: center;
}
.field--widget-oktopro-annex-bh-widget .oktopro-codes-widget-actions-area table.section tbody td.remove-code {
  vertical-align: middle;
}
.field--widget-oktopro-annex-bh-widget .oktopro-codes-widget-actions-area table.section tbody td {
  vertical-align: initial;
}
.field--widget-oktopro-annex-bh-widget .hours-approved-container,
.field--widget-oktopro-annex-bh-widget .hours-done-container {
  margin: 0 auto;
}

.has-glyphicons .select-wrapper.select-no-after:after {
  display: none !important;
}

.has-glyphicons .select-wrapper.select-no-after {
  pointer-events: none;
}

.not-editable .select-wrapper:after {
  display: none !important;
}

[readonly],
[readonly=readonly] {
  pointer-events: none;
}

.field--name-field-select-codes td.measurement {
  min-width: 130px;
}
.field--name-field-select-codes td.price {
  min-width: 90px;
}

.editable-no .code-tr:not(.new-code) .price input,
.editable-no .code-tr:not(.new-code) .measurement select,
.editable-no .code-tr:not(.new-code) .measurement .select2-container,
.editable-no .code-tr:not(.new-code) .measurement .select2-container,
.editable-no .code-tr:not(.new-code) .measurement .select2-container a {
  pointer-events: none;
  background: #eeeeee;
  border: 1px solid #cccccc;
}

.fivestar-static-form-item .fivestar-basic div.fivestar-widget .star,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star {
  background: none;
  text-indent: 0;
  width: 22px;
  height: 22px;
}
.fivestar-static-form-item .fivestar-basic div.fivestar-widget .star a, .fivestar-static-form-item .fivestar-basic div.fivestar-widget .star span,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star a,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star span {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 25px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  color: transparent;
}
.fivestar-static-form-item .fivestar-basic div.fivestar-widget .star a:before, .fivestar-static-form-item .fivestar-basic div.fivestar-widget .star span:before,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star a:before,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star span:before {
  content: "";
  color: #e5e5e5;
  font-size: 24px;
}
.fivestar-static-form-item .fivestar-basic div.fivestar-widget .star a.on, .fivestar-static-form-item .fivestar-basic div.fivestar-widget .star a.off, .fivestar-static-form-item .fivestar-basic div.fivestar-widget .star span.on, .fivestar-static-form-item .fivestar-basic div.fivestar-widget .star span.off,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star a.on,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star a.off,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star span.on,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star span.off {
  background: none;
}
.fivestar-static-form-item .fivestar-basic div.fivestar-widget .star a.on:before, .fivestar-static-form-item .fivestar-basic div.fivestar-widget .star a.on.hover:before, .fivestar-static-form-item .fivestar-basic div.fivestar-widget .star span.on:before, .fivestar-static-form-item .fivestar-basic div.fivestar-widget .star span.on.hover:before,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star a.on:before,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star a.on.hover:before,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star span.on:before,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star span.on.hover:before {
  color: #0075d3;
}
.fivestar-static-form-item .fivestar-basic div.fivestar-widget .star.hover a, .fivestar-static-form-item .fivestar-basic div.fivestar-widget .star.hover span,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star.hover a,
.fivestar-static-form-item .fivestar-basic div.fivestar-widget-static .star.hover span {
  color: #7ea0bb;
}

.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star {
  background: none;
  text-indent: 0;
  width: 22px;
  height: 22px;
}
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star a, .field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star span,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star a,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star span {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 25px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  color: transparent;
}
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star a:before, .field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star span:before,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star a:before,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star span:before {
  content: "";
  color: #e5e5e5;
  font-size: 24px;
}
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star.hover a:before,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star.hover a:before {
  color: #7ea0bb;
}
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star.on, .field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star.off,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star.on,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star.off {
  background: none;
}
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star.on a:before, .field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget .star.on.hover a:before,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star.on a:before,
.field--widget-fivestar-stars .fivestar-basic .select-wrapper div.fivestar-widget-static .star.on.hover a:before {
  color: #0075d3;
}

.p-number,
.timeline-autonumber {
  font-size: 12px;
  color: #8d8d8d;
}

.form-item-approve-checkbox {
  visibility: hidden;
  height: 0;
}

.oktopro-stars-rating {
  position: relative;
  display: inline-block;
  letter-spacing: 5px;
}
.oktopro-stars-rating:before {
  display: block;
  font-size: 24px;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "";
  color: #e5e5e5;
  padding-left: 5px;
}
.oktopro-stars-rating span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  overflow: hidden;
}
.oktopro-stars-rating span:before {
  font-size: 24px;
  font-family: FontAwesome;
  color: #0075d3;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  padding-left: 5px;
}

.mobile-portrait-warning,
.data-tr-top:not(.code-tr) {
  display: none;
}

.oktopro-form-request-for-update-of-contract-form .th-info,
.oktopro-form-request-for-update-of-contract-form .th-code,
.oktopro-form-request-for-update-of-contract-edit-form .th-info,
.oktopro-form-request-for-update-of-contract-edit-form .th-code {
  display: none;
}
.oktopro-form-request-for-update-of-contract-form .data-tr-top,
.oktopro-form-request-for-update-of-contract-edit-form .data-tr-top {
  display: table-row;
}
.oktopro-form-request-for-update-of-contract-form table tr.data-tr.data-tr-bottom td.trigger,
.oktopro-form-request-for-update-of-contract-form table tr.data-tr.data-tr-bottom td.code,
.oktopro-form-request-for-update-of-contract-edit-form table tr.data-tr.data-tr-bottom td.trigger,
.oktopro-form-request-for-update-of-contract-edit-form table tr.data-tr.data-tr-bottom td.code {
  display: none;
}
.oktopro-form-request-for-update-of-contract-form table tr.data-tr.data-tr-bottom td,
.oktopro-form-request-for-update-of-contract-edit-form table tr.data-tr.data-tr-bottom td {
  border-top: none;
}

.extra-works-type .th-info,
.extra-works-type .th-code {
  display: none;
}
.extra-works-type .data-tr-top {
  display: table-row;
}
.extra-works-type table tr.data-tr.data-tr-bottom td.trigger,
.extra-works-type table tr.data-tr.data-tr-bottom td.code {
  display: none;
}
.extra-works-type table tr.data-tr.data-tr-bottom td {
  border-top: none;
}
.extra-works-type .data-tr-bottom select[name=measurement] {
  min-width: 120px;
}
.extra-works-type .data-tr-bottom td {
  padding-top: 0 !important;
}
.extra-works-type .data-tr-top .trigger {
  text-align: right;
  padding-right: 14px;
  padding-top: 18px;
}
.extra-works-type .data-tr-top .code a {
  font-weight: bold;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: portrait) {
  .extra-works-type .mobile-portrait-warning {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .code-info-tooltip .code-img {
    display: none;
  }
}

.bh-only {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.block-views-blockcomm-tool-single-contract .tablefield-wrapper {
  overflow-x: auto;
}

.active-border {
  border-color: #0f2856 !important;
  background-color: rgba(15, 40, 86, 0.05) !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.view-comm-tool .panel.panel-default.collapsible-panel.views-row {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.view-comm-tool.view-id-comm_tool.view-display-id-replies .panel.views-row {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.number-in-circle {
  border-radius: 100%;
  display: inline-block;
  font-weight: bold;
  line-height: 1em;
  margin-left: 5px;
  text-align: center;
  width: 1.2em;
  border: 1px solid #fff;
}

.partitipation-info.form-group {
  margin: -15px -15px 0;
  background: whitesmoke;
  padding: 15px;
  border-radius: 5px 5px 0 0;
}

.btn.is-disabled:not([disabled]) {
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: line-through;
}

.masqueraded.btn,
.masqueraded .btn {
  opacity: 0.65;
  text-decoration: line-through;
}

.field--name-field-by-the-hour-works tbody td:nth-child(9),
.field--name-field-by-the-hour-works thead tr:nth-child(2) > th:nth-child(9),
.field--name-field-by-the-hour-works table thead th.th-status {
  display: none !important;
}

.sticky-header th {
  padding-left: 8px;
  padding-right: 8px;
}

.field--name-field-transport-codes tr.extra-row,
.field--name-field-transport tr.extra-row {
  border-bottom: 2px solid #0f2856;
  border-top: 3px solid #0f2856;
}
.field--name-field-transport-codes tr.extra-row td,
.field--name-field-transport tr.extra-row td {
  padding: 14px 8px;
  background: #e2e8f2;
}

.field--name-field-transport-codes tr.transport-extra-row th,
.field--name-field-transport tr.transport-extra-row th {
  padding: 14px 8px;
  background: #e2e8f2;
}

.field--widget-oktopro-transport-paragraphs table .select2-container,
.field--widget-oktopro-transport-codes table .select2-container {
  max-width: 400px;
  min-width: 150px;
}
.field--widget-oktopro-transport-paragraphs table .field--name-field-amount-done input,
.field--widget-oktopro-transport-paragraphs table .field--name-field-amount-approved input,
.field--widget-oktopro-transport-paragraphs table .field--name-field-done-by-main-amount input,
.field--widget-oktopro-transport-paragraphs table .field--name-field-done-by-sum-amount input,
.field--widget-oktopro-transport-codes table .field--name-field-amount-done input,
.field--widget-oktopro-transport-codes table .field--name-field-amount-approved input,
.field--widget-oktopro-transport-codes table .field--name-field-done-by-main-amount input,
.field--widget-oktopro-transport-codes table .field--name-field-done-by-sum-amount input {
  max-width: 125px;
}

.field--name-field-transport-codes tr.header-like-row,
.field--name-field-transport tr.header-like-row {
  border-bottom: 2px solid #0f2856;
  font-weight: bold;
}
.field--name-field-transport-codes tr.header-like-row th,
.field--name-field-transport tr.header-like-row th {
  padding: 14px 8px;
  background: #ddd;
}

.field--name-field-transport-codes tbody tr.extra-row td:nth-child(2),
.field--name-field-transport tbody tr.extra-row td:nth-child(2) {
  font-weight: bold;
}

table[data-drupal-selector=edit-field-codes-data-0-top-table] {
  margin-bottom: 60px;
}
table[data-drupal-selector=edit-field-codes-data-0-top-table] tr {
  background-color: #e2e8f2 !important;
}
table[data-drupal-selector=edit-field-codes-data-0-top-table] tr.initial-contract-info-top {
  border-top: 6px solid #0f2856;
  border-bottom: none;
}
table[data-drupal-selector=edit-field-codes-data-0-top-table] tr.initial-contract-info {
  border-bottom: 3px solid #0f2856;
}
table[data-drupal-selector=edit-field-codes-data-0-top-table] tr.initial-contract-info td {
  border-top-width: 0 !important;
}

.view-display-id-contract_timelines_block .view-content {
  display: inline-flex;
  flex-wrap: wrap;
}
.view-display-id-contract_timelines_block .view-content .row-inline {
  margin-left: 5px;
  word-break: break-word;
}

.field--name-field-by-the-hour-works table > thead > tr:nth-child(2) {
  background-color: #e2e8f2;
  border-top: 2px solid #0f2856;
}

.field--name-field-by-the-hour-works table > thead > tr:nth-child(2) > th:nth-child(6) {
  text-align: center;
}

.bh-works-top {
  background: #dddddd;
  border-top: 4px solid #0f2856;
  padding: 14px 10px 0px;
  margin-top: 5px;
}
.bh-works-top .wbh-title {
  float: left;
}
.bh-works-top .wbh-rate {
  float: right;
}

input.error {
  border: 1px solid #df2a30;
  color: red;
}

.error-dates {
  color: red;
  font-weight: bold;
}

.field--name-field-codes-data thead {
  border-top: 3px solid #0f2856;
}

.calendar-calendar .view-item a.calendar-edit-link {
  text-decoration: none;
}

.view-planning-reported-workers.view-id-planning_reported_workers .view-header {
  padding-bottom: 0;
}
.view-planning-reported-workers.view-id-planning_reported_workers .view-title {
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
  margin-left: 5px;
}
.view-planning-reported-workers.view-id-planning_reported_workers .view-content h3 {
  background-color: #00d8e3;
  height: 1.5em;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  padding-left: 10px;
  line-height: 1.5em;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 30px auto 10px;
}
.view-planning-reported-workers.view-id-planning_reported_workers .view-content h3:first-child {
  margin-top: 10px;
}
.view-planning-reported-workers.view-id-planning_reported_workers .view-content .views-row {
  padding: 0 20px;
}
.view-planning-reported-workers.view-id-planning_reported_workers .view-content .worker-data {
  display: table;
}
.view-planning-reported-workers.view-id-planning_reported_workers .view-content .worker-data .views-field-field-type,
.view-planning-reported-workers.view-id-planning_reported_workers .view-content .worker-data .worker-type {
  display: table-caption;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
}
.view-planning-reported-workers.view-id-planning_reported_workers .view-content .worker-data .views-field-user-picture {
  display: table-cell;
  width: 25%;
}
.view-planning-reported-workers.view-id-planning_reported_workers .view-content .worker-data .views-field-user-picture img {
  margin: auto;
  border-radius: 50%;
}
.view-planning-reported-workers.view-id-planning_reported_workers .view-content .worker-data .views-field-name {
  display: table-cell;
  vertical-align: middle;
}

.popup-calendar-edit-link {
  margin-top: 15px;
}
.popup-calendar-edit-link:hover {
  text-decoration: none;
}

[is_locked=locked] .footable-last-visible {
  text-align: center;
}
[is_locked=locked] .footable-last-visible:after {
  content: "";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
}

[is_locked=locked] .footable-toggle {
  display: none;
}

.not-vp .vp-hide,
.not-vp .approved-euro div,
.not-vp .th-approved-euro div {
  display: none;
}

.initial-not-vp th:nth-child(4),
.initial-not-vp th:nth-child(5),
.initial-not-vp td:nth-child(4),
.initial-not-vp td:nth-child(5) {
  display: none;
}

.general-no-wp .section-total-wrapper {
  display: none;
}

.turnover-not-vp .total-contracts {
  display: none;
}

.okto-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  background: #000;
  opacity: 0.4;
  z-index: 100;
}

.okto-popup {
  width: 400px;
  text-align: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: none;
  overflow: hidden;
  background: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 10px;
  z-index: 101;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
  color: #000;
  padding-top: 25px;
}
.okto-popup .okto-popup-title {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
  padding: 0 20px;
}
.okto-popup .okto-popup-description {
  margin: 25px auto;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.5px;
  color: #000;
  padding: 0 20px;
}
.okto-popup .okto-popup-actions {
  margin: 0;
  display: table;
  width: 100%;
  border-top: 2px solid #eeeeee;
}
.okto-popup .okto-popup-actions .okto-popup-submit,
.okto-popup .okto-popup-actions .okto-popup-cancel {
  display: table-cell;
  min-width: 200px;
  width: 50%;
  cursor: pointer;
  border: none;
  color: #0645ad;
  padding: 10px;
  font-size: 15px;
  background: #fff;
}
.okto-popup .okto-popup-actions .okto-popup-submit:hover,
.okto-popup .okto-popup-actions .okto-popup-cancel:hover {
  background: #eeeeee;
}
.okto-popup .okto-popup-actions .okto-popup-cancel {
  border-left: 2px solid #eeeeee;
}

.okto-block {
  display: block !important;
}

.oktopro-set-ssc-percentage .form-item-percentage input {
  width: 200px;
}

.comm-message:not(.colorize) .message-alert,
.comm-message:not(.colorize) .message-alert-text {
  display: none;
}

.ms-small-picture:not(.colorize):after {
  display: none !important;
}

.oktopro-form-request-for-approval-form .alert.alert-danger ul {
  margin-bottom: 0;
}

.message-main-content .half-width-block {
  width: 50%;
  float: left;
}
.message-main-content .copy-msg-link {
  position: relative;
  cursor: pointer;
  padding: 25px 0;
}
.message-main-content .copy-msg-link::before {
  content: "";
  font-family: FontAwesome;
}
.message-main-content .copy-msg-link .tooltip {
  visibility: hidden;
  width: 150px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 70%;
  left: 26%;
  margin-left: -75px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .message-main-content .copy-msg-link .tooltip {
    display: block !important;
    left: 40%;
  }
}
.message-main-content .copy-msg-link .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.message-main-content .copy-msg-link .tooltip.visible {
  visibility: visible;
  opacity: 1;
}
.message-main-content .views-field-field-included-worksessions {
  margin-top: 25px;
}
.message-main-content .paragraph--type--included-worksessions.paragraph--view-mode--default .field--name-field-comment {
  float: none;
  width: 100%;
}

.oktopro-form-request-for-update-of-contract-form .field--name-field-building-plans table td {
  vertical-align: middle;
}
.oktopro-form-request-for-update-of-contract-form .field--name-field-building-plans table td a.tabledrag-handle {
  margin: 0;
}
.oktopro-form-request-for-update-of-contract-form .field--name-field-building-plans table td div.form-managed-file {
  float: left;
}

.contract-exposed {
  margin-top: 15px;
}

.view-id-planning_map.view-display-id-map .pl-map-wrapper {
  position: relative;
  overflow-y: hidden;
}
.view-id-planning_map.view-display-id-map .pl-map-wrapper .view-filters.form-group {
  margin-bottom: 0;
}
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form {
  position: absolute;
  z-index: 10;
  background: white;
  -webkit-transition: left 0.5s linear;
  transition: left 0.5s linear;
  padding: 20px 40px 40px;
  width: 300px;
  min-height: 340px;
  -webkit-box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
  -moz-box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
  box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form {
    position: inherit;
    padding: 0 0 30px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width: 100%;
    top: 0 !important;
    left: 0 !important;
  }
}
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form h3 {
  margin-bottom: 30px;
}
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form button {
  margin-top: 40px;
}
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form h3,
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form label,
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form input,
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form select,
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form button {
  display: block;
  width: 100%;
}
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form .map-form-toggle:after {
  content: "";
  color: #0f2856;
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  font-size: 24px;
  right: -32px;
  cursor: pointer;
  top: calc(50% - 12px);
  -webkit-transform: rotate(-360deg);
  -moz-transform: rotate(-360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
@media only screen and (max-width: 767px) {
  .view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form .map-form-toggle:after {
    display: none;
  }
}
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form.closed {
  left: -260px;
}
.view-id-planning_map.view-display-id-map .pl-map-wrapper .views-exposed-form.closed .map-form-toggle:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  color: white;
  background-color: #0f2856;
  border-radius: 50%;
  padding: 7px 10px;
  text-align: center;
  right: -50px;
}

.view-id-planning_map .cluster {
  display: flex;
  justify-content: center;
  align-items: center;
}

.calendar-calendar table td[colspan="1"] .calendar a.calendar-edit-link .calendar-duration,
.calendar-calendar table td[colspan="1"] .calendar a.calendar-edit-link .calendar-event-label {
  display: none;
}

.oktopro-communication-tool-message-content-controller-message-content .message-link-wrapper a.message-link,
.modal-content .comm-message-popup-wrapper .message-link-wrapper a.message-link {
  display: block;
  width: 100%;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #555555;
}
.oktopro-communication-tool-message-content-controller-message-content .message-link-wrapper a.message-link:hover,
.modal-content .comm-message-popup-wrapper .message-link-wrapper a.message-link:hover {
  background: rgba(178, 178, 178, 0.17);
}

.flex-box {
  display: flex;
}
.flex-box.direction-column {
  flex-direction: column;
}
.flex-box.direction-column > * {
  margin-bottom: 5px;
}
.flex-box.align-center {
  align-items: center;
}

.view-id-contracts.view-display-id-contract_user .geolocation-common-map-container .views-field .flex-box {
  display: inherit;
}
.view-id-contracts.view-display-id-contract_user .geolocation-common-map-container .views-field img.img-responsive {
  display: initial;
}

td .view-display-id-contract_timelines_block {
  max-width: 300px;
}
td.views-field-oktopro-address-views-field a {
  padding-right: 8px;
}
td.views-field-oktopro-address-views-field p.address.oktopro-address {
  word-break: break-word;
  max-width: 200px;
}

th[data-th=price],
th[data-th=total] {
  min-width: 62px;
}

.panel-title-collapsible i {
  font-size: 20px;
}

.message-private-text {
  color: #74a5d7;
  font-weight: bold;
  font-size: 12px;
}

table.contract-activated-hours-table {
  background-color: #fff;
  color: #f00;
  font-size: 12px;
}
table.contract-activated-hours-table a.sc-org-link {
  color: #f00 !important;
}
table.contract-activated-hours-table .recalculation-button {
  margin: auto 25px;
}
table.contract-activated-hours-table .cell-positive {
  color: #43a235;
}

.oktopro-form-contract-activation-contract-activation-form.oktopro-form-form div[data-drupal-selector=edit-actions] {
  display: block;
}
.oktopro-form-contract-activation-contract-activation-form.oktopro-form-form .field-add-more-submit {
  float: right;
  font-size: 12px;
}
.views-field-field-work-hours-rating {
  margin-top: 20px;
}
.views-field-field-work-hours-rating .bp-quality-uploading-checkbox-wrapper.form-group,
.views-field-field-work-hours-rating .contract-activated-hours-table caption,
.views-field-field-work-hours-rating .oktopro-form-contract-activation-contract-activation-form.oktopro-form-form {
  border-top: 1px solid #d2d2d2;
  margin: 0;
  padding: 20px 0;
}

.block-region-top-right .masquerade-block-form .input-group {
  width: 100%;
}
.block-region-top-right .masquerade-block-form .form-inline .form-group.form-item-masquerade-as {
  width: calc(100% - 82px);
}

.block-oktopro-knowledge-base.panel {
  padding: 0;
}

.vat-wrapper .vat-inner-wrapper .field--name-field-o-vat {
  margin-bottom: 0;
}
.vat-wrapper .vat-inner-wrapper .field--name-field-o-vat .form-item {
  margin-bottom: 0;
}
.vat-wrapper .vat-inner-wrapper .field--name-field-o-vat .element-error-render {
  display: block;
  height: 15px;
  margin-bottom: 10px;
}
.vat-wrapper .vat-inner-wrapper .field--name-field-o-vat .element-error-render.valid {
  color: green;
}
.vat-wrapper .vat-inner-wrapper .field--name-field-o-vat .element-error-render.invalid {
  color: #b94a48;
}
.vat-wrapper .vat-inner-wrapper .vat-checker-button-wrapper {
  width: 100%;
  position: relative;
}
.vat-wrapper .vat-inner-wrapper .vat-checker-button-wrapper .vat-checker-button {
  width: 100%;
  margin-bottom: 15px;
}
.vat-wrapper .vat-inner-wrapper .vat-checker-button-wrapper .throbber-workaround {
  position: absolute;
  bottom: 23px;
  color: white;
  left: 16px;
}

.user-onboard-form {
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid #ddd;
  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);
  padding: 15px;
}
.user-onboard-form .form-actions {
  margin-top: 25px;
  text-align: center;
}
.user-onboard-form .form-actions button {
  width: 300px;
  height: 55px;
  margin-bottom: 10px;
}
.user-onboard-form .readonly {
  pointer-events: none;
  cursor: not-allowed;
}
@media only screen and (min-width: 992px) {
  .user-onboard-form .field--name-field-bank-account-number,
.user-onboard-form .field--name-field-bic-code {
    display: inline-block;
  }
  .user-onboard-form .field--name-field-o-country,
.user-onboard-form .field--name-field-bic-code {
    width: 40%;
  }
  .user-onboard-form .field--name-field-bank-account-number {
    width: calc(60% - 4px);
  }
  .user-onboard-form .field--name-field-o-country,
.user-onboard-form .vat-wrapper {
    display: inline-flex;
    align-items: flex-end;
    margin-bottom: 15px;
  }
  .user-onboard-form .field--name-field-o-country .vat-inner-wrapper,
.user-onboard-form .vat-wrapper .vat-inner-wrapper {
    display: inline-flex;
    align-items: flex-start;
  }
  .user-onboard-form .field--name-field-o-country .vat-inner-wrapper .field--name-field-o-vat,
.user-onboard-form .vat-wrapper .vat-inner-wrapper .field--name-field-o-vat {
    margin-bottom: 0;
  }
  .user-onboard-form .field--name-field-o-country .vat-inner-wrapper .field--name-field-o-vat .form-item,
.user-onboard-form .vat-wrapper .vat-inner-wrapper .field--name-field-o-vat .form-item {
    margin-bottom: 0;
  }
  .user-onboard-form .field--name-field-o-country .vat-inner-wrapper .field--name-field-o-vat .element-error-render,
.user-onboard-form .vat-wrapper .vat-inner-wrapper .field--name-field-o-vat .element-error-render {
    display: block;
    height: 15px;
  }
  .user-onboard-form .field--name-field-o-country .vat-inner-wrapper .field--name-field-o-vat .element-error-render.valid,
.user-onboard-form .vat-wrapper .vat-inner-wrapper .field--name-field-o-vat .element-error-render.valid {
    color: green;
  }
  .user-onboard-form .field--name-field-o-country .vat-inner-wrapper .field--name-field-o-vat .element-error-render.invalid,
.user-onboard-form .vat-wrapper .vat-inner-wrapper .field--name-field-o-vat .element-error-render.invalid {
    color: #b94a48;
  }
  .user-onboard-form .field--name-field-o-country .vat-inner-wrapper .vat-checker-button-wrapper,
.user-onboard-form .vat-wrapper .vat-inner-wrapper .vat-checker-button-wrapper {
    margin-left: 5px;
  }
  .user-onboard-form .field--name-field-o-country .vat-inner-wrapper .vat-checker-button-wrapper .vat-checker-button,
.user-onboard-form .vat-wrapper .vat-inner-wrapper .vat-checker-button-wrapper .vat-checker-button {
    margin-top: 24px;
  }
  .user-onboard-form .vat-wrapper {
    margin-left: 25px;
    width: calc(60% - 29px);
  }
}

.view-id-sale_orgs.view-display-id-list .view-header {
  padding: 0;
}
.view-id-sale_orgs.view-display-id-list .view-header .input-group {
  width: 100%;
}
.view-id-sale_orgs.view-display-id-list .view-header .form-inline .form-group.form-item-masquerade-as {
  width: calc(100% - 82px);
}
.view-id-sale_orgs.view-display-id-list .form-item-title {
  display: inline-block;
  width: calc(100% - 105px);
  height: 100%;
  margin: 0;
}
.view-id-sale_orgs.view-display-id-list .form-actions {
  display: inline-block;
  position: relative;
  top: 32px;
}
.view-id-sale_orgs.view-display-id-list .view-content {
  margin-top: 20px;
  border: 1px solid #dddddd;
  padding: 15px;
  overflow-y: auto;
  height: 300px;
}
.view-id-sale_orgs.view-display-id-list .view-content h3 {
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  cursor: pointer;
}
.view-id-sale_orgs.view-display-id-list .view-content button {
  font-style: italic;
  font-size: 10px;
  border: navajowhite;
  color: #0f2856;
  padding-bottom: 15px;
  box-shadow: none;
  background-image: none;
  background: none;
}

.row-collapsible {
  border: 1px solid #dddddd;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 15px;
  background: white;
}
.row-collapsible .fa {
  font-size: 21px;
  padding: 0 10px 0 5px;
  font-weight: bold;
  color: #0f2856;
}
.row-collapsible .row-collapsible-body {
  margin-top: 15px;
}
.row-collapsible.closed .row-collapsible-body {
  display: none;
}

.view-id-onboarded.view-display-id-onboarded .otype-small,
.view-id-shared_access.view-display-id-shared_access .otype-small {
  font-size: 11px;
  color: #7d7d7d;
  font-style: italic;
  font-weight: bold;
}
.view-id-onboarded.view-display-id-onboarded .footable-paging .footable-page-nav.disabled,
.view-id-onboarded.view-display-id-onboarded .footable-paging .label,
.view-id-onboarded.view-display-id-onboarded .footable-paging [data-page=last],
.view-id-onboarded.view-display-id-onboarded .footable-paging [data-page=first],
.view-id-shared_access.view-display-id-shared_access .footable-paging .footable-page-nav.disabled,
.view-id-shared_access.view-display-id-shared_access .footable-paging .label,
.view-id-shared_access.view-display-id-shared_access .footable-paging [data-page=last],
.view-id-shared_access.view-display-id-shared_access .footable-paging [data-page=first] {
  display: none;
}
.view-id-onboarded.view-display-id-onboarded .footable-paging .pagination,
.view-id-shared_access.view-display-id-shared_access .footable-paging .pagination {
  margin: 0;
}
.view-id-onboarded.view-display-id-onboarded .footable-paging .pagination .footable-page-link,
.view-id-shared_access.view-display-id-shared_access .footable-paging .pagination .footable-page-link {
  text-decoration: none;
}

.full-form-sale .form-item-organisation {
  width: 100% !important;
  max-width: 92.5% !important;
}

form.oktopro-set-ssc-percentage,
form[id*=user-password-and-security-form],
form[id*=user-my-info-form] {
  max-width: 800px;
  margin: 0 auto 25px;
  border: 1px solid #ddd;
  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);
  padding: 15px;
}
form.oktopro-set-ssc-percentage .form-actions,
form[id*=user-password-and-security-form] .form-actions,
form[id*=user-my-info-form] .form-actions {
  margin-top: 25px;
}
form.oktopro-set-ssc-percentage .field--name-field-mobile-phone label,
form.oktopro-set-ssc-percentage .field--name-field-mobile-phone input,
form[id*=user-password-and-security-form] .field--name-field-mobile-phone label,
form[id*=user-password-and-security-form] .field--name-field-mobile-phone input,
form[id*=user-my-info-form] .field--name-field-mobile-phone label,
form[id*=user-my-info-form] .field--name-field-mobile-phone input {
  display: block;
  width: 100%;
}

.profile-page .views-field.views-field-field-reference-videos,
.profile-page h2 {
  color: #afafaf;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  position: relative;
  margin-bottom: 38px;
  margin-top: 38px;
}
.profile-page .views-field.views-field-field-reference-videos:after,
.profile-page h2:after {
  display: block;
  content: " ";
  border-bottom: 2px solid #eeeeee;
  position: absolute;
  width: 0;
  right: 0;
  top: 8px;
}
.profile-page .ref-picture {
  border: 1px solid #eeeeee;
  border-radius: 15px;
}
.profile-page .field--name-field-o-pictures {
  max-height: 370px;
  overflow-y: hidden;
}
.profile-page .field--name-field-o-pictures .field--item img {
  width: 100%;
}

.profile-page .block-views-blockcolleagues-workers-list h2:after,
.profile-page .block-views-blockcolleagues-workers-workers h2:after,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-topro-organisation-log-message-history h2:after {
  width: calc(100% - 110px);
}

.profile-page .block-views-blockoktopro-company-information-preview-references h2:after,
.profile-page .block-views-blockcompany-information-references h2:after,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile h2:after {
  width: calc(100% - 105px);
}

.profile-page .block-views-blockcompany-information-company-information h2:after {
  width: calc(100% - 175px);
}

.profile-page .block-views-blockcompany-information-references h2:after {
  width: calc(100% - 105px);
}

.profile-page .block-views-blockcompany-information-references .views-field.views-field-field-reference-videos:after {
  width: calc(100% - 75px);
}

.profile-page .block-views-blocksub-subcontractors-list-blocked-partners h2:after {
  width: calc(100% - 155px);
}

.profile-page .block-views-blockcolleagues-workers-blocked-list h2:after {
  width: calc(100% - 175px);
}

.profile-page .block-views-blockcolleagues-workers-blocked-workers h2:after,
.profile-page .block-oktopro-organisation-log-message h2:after,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history h2:after {
  width: calc(100% - 175px);
}

.profile-page .block-views-blocksub-subcontractors-list-subs h2:after {
  width: calc(100% - 90px);
}

.profile-page .block-views-blocksub-subcontractors-list-blocked-partners h2,
.profile-page .block-views-blockcolleagues-workers-blocked-list h2,
.profile-page .block-views-blockcolleagues-workers-blocked-workers h2,
.profile-page .block-oktopro-organisation-log-message h2,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history h2 {
  cursor: pointer;
}
.profile-page .block-views-blocksub-subcontractors-list-blocked-partners .view,
.profile-page .block-views-blocksub-subcontractors-list-blocked-partners form,
.profile-page .block-views-blockcolleagues-workers-blocked-list .view,
.profile-page .block-views-blockcolleagues-workers-blocked-list form,
.profile-page .block-views-blockcolleagues-workers-blocked-workers .view,
.profile-page .block-views-blockcolleagues-workers-blocked-workers form,
.profile-page .block-oktopro-organisation-log-message .view,
.profile-page .block-oktopro-organisation-log-message form,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history .view,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history form {
  display: none;
}
.profile-page .block-views-blocksub-subcontractors-list-blocked-partners .view input.advanced-daterangepicker,
.profile-page .block-views-blocksub-subcontractors-list-blocked-partners form input.advanced-daterangepicker,
.profile-page .block-views-blockcolleagues-workers-blocked-list .view input.advanced-daterangepicker,
.profile-page .block-views-blockcolleagues-workers-blocked-list form input.advanced-daterangepicker,
.profile-page .block-views-blockcolleagues-workers-blocked-workers .view input.advanced-daterangepicker,
.profile-page .block-views-blockcolleagues-workers-blocked-workers form input.advanced-daterangepicker,
.profile-page .block-oktopro-organisation-log-message .view input.advanced-daterangepicker,
.profile-page .block-oktopro-organisation-log-message form input.advanced-daterangepicker,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history .view input.advanced-daterangepicker,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history form input.advanced-daterangepicker {
  max-width: 250px;
}
.profile-page .block-views-blocksub-subcontractors-list-blocked-partners.block-open .view,
.profile-page .block-views-blocksub-subcontractors-list-blocked-partners.block-open form,
.profile-page .block-views-blockcolleagues-workers-blocked-list.block-open .view,
.profile-page .block-views-blockcolleagues-workers-blocked-list.block-open form,
.profile-page .block-views-blockcolleagues-workers-blocked-workers.block-open .view,
.profile-page .block-views-blockcolleagues-workers-blocked-workers.block-open form,
.profile-page .block-oktopro-organisation-log-message.block-open .view,
.profile-page .block-oktopro-organisation-log-message.block-open form,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history.block-open .view,
.profile-page .block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history.block-open form {
  display: block;
}

.view-display-id-blocked_partners .views-row:not(.views-row-add-new):after,
.view-display-id-blocked_workers .views-row:not(.views-row-add-new):after,
.view-display-id-blocked_list .views-row:not(.views-row-add-new):after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  color: #cc2d1e;
  font-size: 15px;
  top: -4px;
  right: 9px;
  z-index: 1000;
  background: white;
  border-radius: 50%;
  padding: 2px;
}
.view-display-id-blocked_partners .onboard-add-user,
.view-display-id-blocked_workers .onboard-add-user,
.view-display-id-blocked_list .onboard-add-user {
  display: none !important;
}

.profile-page .view-sub-subcontractors-list h2:after {
  width: calc(100% - 90px);
}

.profile-page .view-sub-subcontractors-list .view-content {
  margin: 0 -15px;
}
.profile-page .view-sub-subcontractors-list .view-content .views-row {
  position: relative;
  width: 163px;
  display: inline-block;
  vertical-align: top;
  margin: 25px 0;
  padding: 0 10px;
}
@media only screen and (max-width: 1199px) {
  .profile-page .view-sub-subcontractors-list .view-content .views-row {
    width: 158px;
  }
}
@media only screen and (max-width: 991px) {
  .profile-page .view-sub-subcontractors-list .view-content .views-row {
    width: 146px;
  }
}
@media only screen and (max-width: 767px) {
  .profile-page .view-sub-subcontractors-list .view-content .views-row {
    width: 32.5%;
  }
}
@media only screen and (max-width: 480px) {
  .profile-page .view-sub-subcontractors-list .view-content .views-row {
    width: 49%;
  }
}
.profile-page .view-sub-subcontractors-list .view-content .views-row .views-field-field-o-logo {
  margin-bottom: 5px;
}
.profile-page .view-sub-subcontractors-list .view-content .views-row .views-field-field-o-logo img {
  width: 105px;
  height: 105px;
  margin: 0 auto;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .profile-page .view-sub-subcontractors-list .view-content .views-row .views-field-field-o-logo img {
    width: 90px;
    height: 90px;
  }
}
.profile-page .view-sub-subcontractors-list .view-content .views-row .views-field-title {
  text-align: center;
  margin-top: 15px;
}
.profile-page .view-sub-subcontractors-list .view-content .views-row .views-field-title a {
  color: #555555;
  text-decoration: none;
}
.profile-page .view-sub-subcontractors-list .view-content .views-row:hover .views-field-title a {
  text-decoration: underline;
}

.onboard-user-edit {
  text-decoration: none !important;
  background: #0075d3;
  color: white !important;
  padding: 10px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 40px;
  border: 1px solid white;
  width: 41px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media only screen and (max-width: 767px) {
  .onboard-user-edit {
    right: 30px;
  }
}
.onboard-user-edit:hover {
  width: 77px;
  text-indent: 0;
  right: -22px;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .onboard-user-edit:hover {
    right: -5px;
  }
}
.onboard-user-edit:hover:before {
  padding-right: 10px;
}
.onboard-user-edit:before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  text-indent: 0;
  float: left;
  font-size: 20px;
}

.company-info-title .onboard-user-edit,
.profile-user-name .onboard-user-edit {
  position: relative;
  font-size: 14px;
  font-weight: 100;
  display: inline-block;
  top: 10px;
  right: 0;
}

.view-outsourced-manager.view-display-id-outsourced_manager_mc_block,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block,
.view-outsourced-manager.view-display-id-block_out_man_dealer {
  display: flex;
  flex-wrap: wrap;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block > div,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block > div,
.view-outsourced-manager.view-display-id-block_out_man_dealer > div {
  padding: 0 10px;
}

.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .views-row-add-new,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-footer,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .views-row-add-new,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-footer,
.view-outsourced-manager.view-display-id-block_out_man_dealer .views-row-add-new,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-footer,
.view.view-sub-subcontractors-list .views-row-add-new,
.view.view-sub-subcontractors-list .view-footer,
.view.colleagues-workers .views-row-add-new,
.view.colleagues-workers .view-footer {
  text-align: center;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .views-row-add-new a,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-footer a,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .views-row-add-new a,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-footer a,
.view-outsourced-manager.view-display-id-block_out_man_dealer .views-row-add-new a,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-footer a,
.view.view-sub-subcontractors-list .views-row-add-new a,
.view.view-sub-subcontractors-list .view-footer a,
.view.colleagues-workers .views-row-add-new a,
.view.colleagues-workers .view-footer a {
  color: #0075d3;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  display: block;
  text-decoration: none;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .views-row-add-new a:hover,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-footer a:hover,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .views-row-add-new a:hover,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-footer a:hover,
.view-outsourced-manager.view-display-id-block_out_man_dealer .views-row-add-new a:hover,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-footer a:hover,
.view.view-sub-subcontractors-list .views-row-add-new a:hover,
.view.view-sub-subcontractors-list .view-footer a:hover,
.view.colleagues-workers .views-row-add-new a:hover,
.view.colleagues-workers .view-footer a:hover {
  text-decoration: underline;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .views-row-add-new a:before,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-footer a:before,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .views-row-add-new a:before,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-footer a:before,
.view-outsourced-manager.view-display-id-block_out_man_dealer .views-row-add-new a:before,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-footer a:before,
.view.view-sub-subcontractors-list .views-row-add-new a:before,
.view.view-sub-subcontractors-list .view-footer a:before,
.view.colleagues-workers .views-row-add-new a:before,
.view.colleagues-workers .view-footer a:before {
  content: " ";
  background: url(../images/new_user.png) #0075d3;
  color: #ffffff;
  display: block;
  width: 105px;
  height: 105px;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  line-height: 105px;
  font-size: 50px;
  margin-bottom: 15px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .view-outsourced-manager.view-display-id-outsourced_manager_mc_block .views-row-add-new a:before,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-footer a:before,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .views-row-add-new a:before,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-footer a:before,
.view-outsourced-manager.view-display-id-block_out_man_dealer .views-row-add-new a:before,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-footer a:before,
.view.view-sub-subcontractors-list .views-row-add-new a:before,
.view.view-sub-subcontractors-list .view-footer a:before,
.view.colleagues-workers .views-row-add-new a:before,
.view.colleagues-workers .view-footer a:before {
    width: 90px;
    height: 90px;
    background-size: 50%;
  }
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-footer a,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-footer a,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-footer a,
.view.view-sub-subcontractors-list .view-footer a,
.view.colleagues-workers .view-footer a {
  width: 163px;
  vertical-align: top;
  margin: 25px 0;
  padding: 0 10px;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content,
.view.view-sub-subcontractors-list .view-content,
.view.colleagues-workers .view-content {
  margin: 0 -15px;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row,
.view.view-sub-subcontractors-list .view-content .views-row,
.view.colleagues-workers .view-content .views-row {
  position: relative;
  width: 163px;
  display: inline-block;
  vertical-align: top;
  margin: 25px 0;
  padding: 0 10px;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter,
.view.colleagues-workers .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter {
  position: absolute;
  right: 53px;
  top: 80px;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter .oktopro-probbuilder-academy-completed-courses-counter,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter .oktopro-probbuilder-academy-completed-courses-counter,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter .oktopro-probbuilder-academy-completed-courses-counter,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter .oktopro-probbuilder-academy-completed-courses-counter,
.view.colleagues-workers .view-content .views-row .views-field-oktopro-probbuilder-academy-completed-courses-counter .oktopro-probbuilder-academy-completed-courses-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  min-width: 30px;
  height: fit-content;
  width: fit-content;
  background-image: url("../images/completed_courses_counter_image.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-family: "Source Sans Pro", "sans-serif";
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  position: absolute;
}
@media only screen and (max-width: 1199px) {
  .view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row,
.view.view-sub-subcontractors-list .view-content .views-row,
.view.colleagues-workers .view-content .views-row {
    width: 158px;
  }
}
@media only screen and (max-width: 991px) {
  .view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row,
.view.view-sub-subcontractors-list .view-content .views-row,
.view.colleagues-workers .view-content .views-row {
    width: 146px;
  }
}
@media only screen and (max-width: 767px) {
  .view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row,
.view.view-sub-subcontractors-list .view-content .views-row,
.view.colleagues-workers .view-content .views-row {
    width: 32.5%;
  }
}
@media only screen and (max-width: 480px) {
  .view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row,
.view.view-sub-subcontractors-list .view-content .views-row,
.view.colleagues-workers .view-content .views-row {
    width: 49%;
  }
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-title-1,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-name,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-title-1,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-name,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-title-1,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-name,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-title-1,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-name,
.view.colleagues-workers .view-content .views-row .views-field-title-1,
.view.colleagues-workers .view-content .views-row .views-field-name {
  text-align: center;
  margin-top: 15px;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-title-1 a,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-name a,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-title-1 a,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-name a,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-title-1 a,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-name a,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-title-1 a,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-name a,
.view.colleagues-workers .view-content .views-row .views-field-title-1 a,
.view.colleagues-workers .view-content .views-row .views-field-name a {
  color: #555555;
  text-decoration: none;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-field-user-title,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-field-user-title,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-field-user-title,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-field-user-title,
.view.colleagues-workers .view-content .views-row .views-field-field-user-title {
  text-align: center;
  font-size: 12px;
  color: #afafaf;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-field-o-logo,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-user-picture,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-field-o-logo,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-user-picture,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-field-o-logo,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-user-picture,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-field-o-logo,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-user-picture,
.view.colleagues-workers .view-content .views-row .views-field-field-o-logo,
.view.colleagues-workers .view-content .views-row .views-field-user-picture {
  margin-bottom: 5px;
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-field-o-logo img,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-user-picture img,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-field-o-logo img,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-user-picture img,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-field-o-logo img,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-user-picture img,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-field-o-logo img,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-user-picture img,
.view.colleagues-workers .view-content .views-row .views-field-field-o-logo img,
.view.colleagues-workers .view-content .views-row .views-field-user-picture img {
  width: 105px;
  height: 105px;
  margin: 0 auto;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-field-o-logo img,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row .views-field-user-picture img,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-field-o-logo img,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row .views-field-user-picture img,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-field-o-logo img,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row .views-field-user-picture img,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-field-o-logo img,
.view.view-sub-subcontractors-list .view-content .views-row .views-field-user-picture img,
.view.colleagues-workers .view-content .views-row .views-field-field-o-logo img,
.view.colleagues-workers .view-content .views-row .views-field-user-picture img {
    width: 90px;
    height: 90px;
  }
}
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row:hover .views-field-title-1 a,
.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-content .views-row:hover .views-field-name a,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row:hover .views-field-title-1 a,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-content .views-row:hover .views-field-name a,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row:hover .views-field-title-1 a,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-content .views-row:hover .views-field-name a,
.view.view-sub-subcontractors-list .view-content .views-row:hover .views-field-title-1 a,
.view.view-sub-subcontractors-list .view-content .views-row:hover .views-field-name a,
.view.colleagues-workers .view-content .views-row:hover .views-field-title-1 a,
.view.colleagues-workers .view-content .views-row:hover .views-field-name a {
  text-decoration: underline;
}

.view-outsourced-manager.view-display-id-outsourced_manager_mc_block .view-footer a,
.view-outsourced-manager.view-display-id-outsourced_manager_sc_block .view-footer a,
.view-outsourced-manager.view-display-id-block_out_man_dealer .view-footer a {
  margin-top: 0;
}

.view.user-profile {
  margin-bottom: 25px;
}
.view.user-profile .progress {
  margin-top: 25px;
}
.view.user-profile .view-content {
  position: relative;
}
.view.user-profile .view-content a {
  text-decoration: none;
}
.view.user-profile .view-content .profile-org-bg {
  max-height: 370px;
  min-height: 100px;
  overflow-y: hidden;
}
.view.user-profile .view-content .profile-org-bg img {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .view.user-profile .view-content .profile-org-bg {
    display: none;
  }
}
.view.user-profile .view-content .profile-user-pic {
  position: relative;
}
.view.user-profile .view-content .profile-user-pic img {
  position: absolute;
  border-radius: 50%;
  border: 3px solid #fff;
  top: -125px;
  left: -175px;
  background: #fff;
}
@media only screen and (max-width: 1199px) {
  .view.user-profile .view-content .profile-user-pic img {
    left: 65px;
  }
}
@media only screen and (max-width: 991px) {
  .view.user-profile .view-content .profile-user-pic img {
    position: initial;
    left: initial;
    right: initial;
  }
}
@media only screen and (max-width: 767px) {
  .view.user-profile .view-content .profile-user-pic img {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .view.user-profile .view-content .profile-user-pic {
    display: inline-block;
  }
}
@media only screen and (max-width: 1199px) {
  .view.user-profile .view-content .profile-name-title {
    padding-left: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .view.user-profile .view-content .profile-name-title {
    display: inline-block;
    vertical-align: top;
    padding-top: 35px;
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .view.user-profile .view-content .profile-name-title {
    padding-top: 20px;
  }
}
.view.user-profile .view-content .profile-fields-wrapper {
  padding-left: 300px;
  padding-top: 50px;
}
@media only screen and (max-width: 1199px) {
  .view.user-profile .view-content .profile-fields-wrapper {
    padding-left: 0;
    padding-top: 20px;
  }
}
.view.user-profile .view-content .profile-fields-wrapper .profile-user-name {
  font-size: 34px;
  font-weight: bold;
  color: #0f2856;
}
@media only screen and (max-width: 767px) {
  .view.user-profile .view-content .profile-fields-wrapper .profile-user-name {
    font-size: 26px;
  }
}
.view.user-profile .view-content .profile-fields-wrapper .profile-user-title {
  font-size: 20px;
  font-family: ng;
}
@media only screen and (max-width: 767px) {
  .view.user-profile .view-content .profile-fields-wrapper .profile-user-title {
    font-size: 16px;
  }
}
.view.user-profile .view-content .profile-fields-wrapper .contact-fields {
  padding-top: 35px;
}
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-uid,
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-field-mobile-phone {
  padding-right: 55px;
}
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-uid,
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-field-mobile-phone,
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-field-skype {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-uid,
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-field-mobile-phone,
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-field-skype {
    display: block;
  }
}
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-uid .views-label,
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-field-mobile-phone .views-label,
.view.user-profile .view-content .profile-fields-wrapper .contact-fields .views-field-field-skype .views-label {
  font-weight: bold;
  padding-right: 25px;
}

.block-views-blockoktopro-company-information-preview-references .view-content .views-row,
.block-views-blockcompany-information-references .view-content .views-row {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  padding: 15px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .block-views-blockoktopro-company-information-preview-references .view-content .views-row,
.block-views-blockcompany-information-references .view-content .views-row {
    width: 100%;
  }
}
.block-views-blockoktopro-company-information-preview-references .view-content .views-row img,
.block-views-blockcompany-information-references .view-content .views-row img {
  border-radius: 15px;
}
@media only screen and (max-width: 767px) {
  .block-views-blockoktopro-company-information-preview-references .view-content .views-row img,
.block-views-blockcompany-information-references .view-content .views-row img {
    margin: 0 auto;
  }
}
.block-views-blockoktopro-company-information-preview-references .view-content .views-row .ref-alt,
.block-views-blockcompany-information-references .view-content .views-row .ref-alt {
  padding: 15px;
  font-size: 20px;
  font-family: ng;
}
@media only screen and (max-width: 767px) {
  .block-views-blockoktopro-company-information-preview-references .view-content .views-row .ref-alt,
.block-views-blockcompany-information-references .view-content .views-row .ref-alt {
    font-size: 16px;
    text-align: center;
  }
}

.company-info .company-info-logo {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  padding: 15px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .company-info .company-info-logo {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    display: block;
  }
}
.company-info .company-info-logo img {
  margin: 0 auto;
}
.company-info .company-info-body {
  display: inline-block;
  width: 65%;
  padding: 15px 40px;
  padding-right: 0;
  padding-left: 65px;
  vertical-align: top;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1199px) {
  .company-info .company-info-body {
    padding: 0;
    padding-left: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .company-info .company-info-body {
    width: 100%;
    padding-left: 0px;
  }
}
.company-info .company-info-body .company-info-title-rating {
  margin-bottom: 25px;
}
.company-info .company-info-body .company-info-title-rating .company-info-title {
  font-size: 25px;
  font-weight: bold;
  font-family: ng;
}
.company-info .company-info-body .company-info-title-rating .company-info-title a {
  text-decoration: none;
  color: initial;
  position: relative;
}
.company-info .company-info-body .company-info-title-rating .company-info-title a:hover {
  text-decoration: underline;
}
.company-info .company-info-body .contact-org-fields {
  position: relative;
  min-height: 275px;
}
.company-info .company-info-body .contact-org-fields .views-label {
  vertical-align: top;
  min-width: 245px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .company-info .company-info-body .contact-org-fields .views-label {
    width: 100% !important;
    display: block;
  }
}
.company-info .company-info-body .contact-org-fields .field-content {
  vertical-align: top;
  padding-left: 5px;
  display: inline-block;
  width: calc(100% - 245px);
}
@media only screen and (max-width: 767px) {
  .company-info .company-info-body .contact-org-fields .field-content {
    width: 100% !important;
    display: block;
  }
}
.company-info .company-info-body .contact-org-fields .views-field {
  margin-bottom: 15px;
}

div.ssc-selection-form-element .ssc-form-description {
  margin-top: 10px;
  font-size: 14px;
  margin-bottom: 5px;
}
div.ssc-selection-form-element .ssc-form-sub-description {
  font-size: 12px;
  color: #0e2956;
  margin-bottom: 25px;
}
div.ssc-selection-form-element .ssc-form-sub-description i {
  margin-right: 5px;
}
div.ssc-selection-form-element .form-checkboxes {
  text-align: left;
}
div.ssc-selection-form-element fieldset {
  margin-bottom: 15px;
}
div.ssc-selection-form-element fieldset legend {
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-decoration: none;
  border: none;
}
div.ssc-selection-form-element fieldset legend span.fieldset-legend {
  text-decoration: underline;
}
.profile-page .block-views-blockorganisation-rating-organisation-rating,
.profile-page .block-views-blockorganisation-rating-subcontractor-rating {
  display: none;
}
.profile-page .block-entity-fieldnodefield-o-pictures,
.profile-page .block-views-blockcompany-information-company-information .view-content {
  margin-bottom: 35px;
}

.company-info .company-info-body .contact-org-fields .pager-set-ratings .views-field-nid {
  display: none;
}
.company-info .company-info-body .contact-org-fields .pager-set-ratings .views-label {
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  font-weight: bold;
  padding: initial;
  width: 245px;
}
.company-info .company-info-body .contact-org-fields .pager-set-ratings .field-content {
  width: 140px;
}
.company-info .company-info-body .contact-org-fields .pager-set-ratings .oktopro-stars-rating {
  margin-top: -9px;
}

.view-contract-information .views-field-title a {
  color: #555555 !important;
  text-decoration: none !important;
}
.view-contract-information .views-field-title a:hover {
  text-decoration: underline !important;
}

.profile-page .progress-bar {
  background-color: #0075d3;
}
.profile-page .view-display-id-top_img .view-content {
  max-height: 370px;
  overflow-y: hidden;
}
.profile-page .view-display-id-top_img .view-content img {
  width: 100%;
}

form.oktopro-contract-choosing-ssc .actions-wrapper {
  margin: 0;
  display: flex;
  width: 100%;
  border-top: 2px solid #eeeeee;
}
form.oktopro-contract-choosing-ssc .actions-wrapper .ssc-action-button {
  display: table-cell;
  min-width: 200px;
  width: 50%;
  cursor: pointer;
  border: none;
  color: #0645ad;
  padding: 10px;
  font-size: 15px;
  background: #fff;
}
form.oktopro-contract-choosing-ssc .actions-wrapper .ssc-action-button:hover {
  background: #eeeeee;
}
form.oktopro-contract-choosing-ssc .actions-wrapper button {
  border-radius: unset;
  vertical-align: unset;
  border-bottom-left-radius: 6px;
}
form.oktopro-contract-choosing-ssc .actions-wrapper span.close-modal {
  border-bottom-right-radius: 6px;
  text-align: center;
  border-left: 2px solid #eeeeee;
}

.oktopro-contract-choosing-ssc-modal .modal-body {
  padding: 0;
}
.oktopro-contract-choosing-ssc-modal .modal-body div.ssc-selection-form-element {
  padding: 0 20px;
}

.pager-sets {
  width: calc(100% - 40px);
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .pager-sets {
    padding-right: 35px;
  }
}

.view-company-information .pager-sets {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .view-company-information {
    padding-right: 25px;
  }
}

.pager-set-controll {
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 25px;
  display: flex;
}
.pager-set-controll .pager-set-controll-item {
  cursor: pointer;
  position: relative;
  display: inline-block;
  font-size: 20px;
  margin-right: 5px;
  flex: 1;
}
.pager-set-controll .pager-set-controll-item .item-inner {
  border-bottom: 3px solid transparent;
  padding-bottom: 10px;
  width: 145px;
}
@media only screen and (max-width: 767px) {
  .pager-set-controll .pager-set-controll-item .item-inner {
    width: 85px;
  }
}
.pager-set-controll .pager-set-controll-item:hover .item-inner, .pager-set-controll .pager-set-controll-item.active .item-inner {
  border-bottom: 3px solid #0075d3;
}
.pager-set-controll .pager-set-controll-item:hover #coaching-tab.item-inner, .pager-set-controll .pager-set-controll-item.active #coaching-tab.item-inner {
  border-bottom: 3px solid #F89766;
}

.view-id-documents.view-display-id-documents .views-field-field-file ul {
  list-style: none;
  padding: 0;
}
.view-id-documents.view-display-id-documents .views-field-field-type {
  font-weight: bold;
  font-size: 13px;
}

.view-id-documents .links.dropdown button,
.view-id-documents .links.dropdown .dropdown-toggle {
  padding: 8px 12px;
  background: #C71C22;
  border-color: #ffffff;
  color: #ffffff;
}
.view-id-documents .links.dropdown button span.caret,
.view-id-documents .links.dropdown .dropdown-toggle span.caret {
  border-top-color: #fff;
}
.view-id-documents .links.dropdown button span:before,
.view-id-documents .links.dropdown .dropdown-toggle span:before {
  display: none;
}
.view-id-documents .links.dropdown .dropdown-menu {
  min-width: fit-content;
  background: #C71C22;
  border-radius: unset;
}
.view-id-documents .links.dropdown .dropdown-menu li {
  max-width: fit-content;
  background: #C71C22;
}
.view-id-documents .links.dropdown .dropdown-menu li a {
  font-size: 12px;
  display: inline-block;
  padding: 8px 12px;
  color: #ffffff !important;
  background: #C71C22;
}

[class^=document-status-],
[class^=session-status-] {
  display: inline-block;
  white-space: nowrap;
  width: 75px;
}

.label.document-status-10,
.label.session-status-pending {
  background-color: #21D9E5;
}

.label.document-status-15 {
  background-color: orange;
  display: inline-block;
  white-space: nowrap;
}

.label.document-status-20 {
  background-color: #ADAEB3;
}

.label.document-status-25 {
  background-color: #7300ff;
}

.label.document-status-30,
.label.session-status-approved {
  background-color: #14791a;
}

.label.document-status-35,
.label.session-status-declined {
  background-color: #be1e1e;
}

.oktopro-file .oktopro-file-prefix {
  display: inline-block;
  width: 48px;
  height: 48px;
}
.oktopro-file.oktopro-configurable-file-formatter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.date-marker-wrapper {
  font-size: 11px;
  font-weight: bold;
}
.date-marker-wrapper .date-marker {
  display: inline-block;
  color: red;
}
.date-marker-wrapper .date-marker.pre-expired-doc {
  color: #ff8300;
}
.date-marker-wrapper .date-marker-text {
  display: inline-block;
}

.views-exposed-form[data-drupal-selector=views-exposed-form-documents-documents] .form--inline .form-item,
.views-exposed-form[data-drupal-selector=views-exposed-form-oktopro-documents-in-contracts-documents-in-contracts-page] .form--inline .form-item {
  max-width: 100%;
  width: calc(25% - 3px);
}
@media only screen and (max-width: 991px) {
  .views-exposed-form[data-drupal-selector=views-exposed-form-documents-documents] .form--inline .form-item,
.views-exposed-form[data-drupal-selector=views-exposed-form-oktopro-documents-in-contracts-documents-in-contracts-page] .form--inline .form-item {
    width: 100%;
  }
}
.views-exposed-form[data-drupal-selector=views-exposed-form-documents-documents] .form--inline .form-item .input-group-addon,
.views-exposed-form[data-drupal-selector=views-exposed-form-oktopro-documents-in-contracts-documents-in-contracts-page] .form--inline .form-item .input-group-addon {
  width: 40px;
}
.views-exposed-form[data-drupal-selector=views-exposed-form-documents-documents] .form--inline .form-item .select-wrapper,
.views-exposed-form[data-drupal-selector=views-exposed-form-oktopro-documents-in-contracts-documents-in-contracts-page] .form--inline .form-item .select-wrapper {
  width: 100%;
}
.views-exposed-form[data-drupal-selector=views-exposed-form-documents-documents] .form--inline .form-item .select-wrapper select,
.views-exposed-form[data-drupal-selector=views-exposed-form-oktopro-documents-in-contracts-documents-in-contracts-page] .form--inline .form-item .select-wrapper select {
  width: 100%;
}
.views-exposed-form[data-drupal-selector=views-exposed-form-documents-documents] .form--inline .form-item input[type=date],
.views-exposed-form[data-drupal-selector=views-exposed-form-oktopro-documents-in-contracts-documents-in-contracts-page] .form--inline .form-item input[type=date] {
  width: 100%;
}
.views-exposed-form[data-drupal-selector=views-exposed-form-documents-documents] .form--inline .form-actions,
.views-exposed-form[data-drupal-selector=views-exposed-form-oktopro-documents-in-contracts-documents-in-contracts-page] .form--inline .form-actions {
  float: none;
  padding-top: 0;
  max-width: 100%;
  width: calc(25% - 3px);
}
@media only screen and (max-width: 991px) {
  .views-exposed-form[data-drupal-selector=views-exposed-form-documents-documents] .form--inline .form-actions,
.views-exposed-form[data-drupal-selector=views-exposed-form-oktopro-documents-in-contracts-documents-in-contracts-page] .form--inline .form-actions {
    width: 100%;
  }
}

.view-id-contracts.view-display-id-contract_user .geolocation-common-map-container hr,
.view-id-planning_map.view-display-id-map .geolocation-common-map-container hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid rgba(15, 40, 86, 0.32);
}

.h-wrap {
  position: relative;
}

.view-id-planning_map.view-display-id-map .sign-tooltip {
  position: absolute;
  top: 0;
  right: 0;
}

.view-id-planning_map.view-display-id-map .sign-tooltip .icon {
  background-image: url("../images/contract-signing-info-button.png");
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  background-size: 26px;
  width: 26px;
  height: 26px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.view-id-planning_map.view-display-id-map .sign-tooltip .icon .mobile-tooltip {
  display: none;
}
@media (max-width: 480px) {
  .view-id-planning_map.view-display-id-map .sign-tooltip .icon {
    top: 0;
    left: -5px;
  }
  .view-id-planning_map.view-display-id-map .sign-tooltip .icon:hover .mobile-tooltip {
    display: block;
    background: #333;
    background: #000;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
    position: absolute;
    width: 150px;
    text-align: left;
    font-size: 14px;
    top: 40px;
    left: -25px;
    z-index: 1;
  }
  .view-id-planning_map.view-display-id-map .sign-tooltip .icon:hover .mobile-tooltip p {
    margin: 0;
    padding: 0;
  }
  .view-id-planning_map.view-display-id-map .sign-tooltip .icon:hover .mobile-tooltip:before {
    border: solid;
    border-color: #000 transparent;
    border-width: 0 8px 8px 8px;
    top: -8px;
    left: 32px;
    content: "";
    position: absolute;
  }
}

.sc-workers-lists-wrapper .sc-workers-list {
  margin: 10px 0;
}
.sc-workers-lists-wrapper .sc-workers-list h3 {
  all: unset;
  font-weight: bold;
}
.sc-workers-lists-wrapper .sc-workers-list ul.worker-type-wrapper {
  padding-left: 1.5em;
  margin: 0;
  list-style: initial;
}
.sc-workers-lists-wrapper .sc-workers-list ul.worker-type-wrapper li {
  border: none;
  padding: 0;
}

.view-id-documents.view-display-id-block_1 .views-field-field-file ul {
  list-style: none;
  padding-left: 0;
}

.documents-document-form .help-block,
.documents-form .help-block {
  color: initial;
}
.documents-document-form .help-block strong,
.documents-form .help-block strong {
  font-size: 15px;
}
.documents-document-form .help-block strong .fa:before,
.documents-form .help-block strong .fa:before {
  color: red;
}

#drupal-modal--body .oktopro-form-request-for-material-add-info-form .form-actions button[type=submit]:focus {
  outline-color: initial;
}

.view-id-messages .views-field-id-3.footable-last-visible {
  min-width: 70px;
}
.view-id-messages table > tbody > tr > td > span.footable-toggle.last-column {
  margin: 0 0 0 5px;
}

.view-comm-tool .views-exposed-form .form-item-field-event-type-value,
.view-messages-messages .views-exposed-form .form-item-field-event-type-value {
  display: none;
}

.view-messages-messages .form-item-new-read,
.view-messages-messages .form-item-expired,
.view-messages-messages .form-item-done {
  display: none;
}
.view-messages-messages .views-exposed-form .form--inline .form-actions {
  padding: initial;
  float: none;
}
.view-messages-messages .show-advanced-search {
  margin-left: 10px;
}
@media only screen and (max-width: 991px) {
  .view-messages-messages .show-advanced-search {
    width: 100%;
    margin: 0 0 10px;
  }
}
.view-messages-messages .msg-block {
  display: inline-block;
  margin-bottom: 10px;
}
.view-messages-messages .msg-block a {
  text-decoration: none;
  color: #0645ad;
}
.view-messages-messages .msg-block a:hover {
  text-decoration: underline;
}
.view-messages-messages .msg-block a:before {
  content: " ";
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-size: 19px;
  background: url(../images/ms/message.png) no-repeat 50%;
  vertical-align: middle;
  margin-right: 8px;
  margin-left: 8px;
}
.view-messages-messages .msg-block a.m-all:before {
  background-color: #0b75d9;
}
.view-messages-messages .msg-block a.m-new:before {
  background-color: #0f2856;
}
.view-messages-messages .msg-block a.m-action:before {
  background-color: #ff8300;
}
.view-messages-messages .msg-block a.m-expired:before {
  background-color: #f00;
}
.view-messages-messages .msg-block a.m-inactive {
  color: #cbcbcb !important;
}
.view-messages-messages .msg-block a.m-inactive:before {
  background-color: #cbcbcb !important;
}
.view-messages-messages .msg-block a.m-active {
  text-decoration: underline;
}

.dialog-off-canvas-main-canvas {
  height: 100%;
}

.si-float-wrapper .geolocation-info-window {
  position: absolute;
}
.si-float-wrapper .geolocation-info-window .si-shadow-frame {
  border-radius: 15px;
  box-shadow: 0 4px 20px 0 #000;
}
.si-float-wrapper .geolocation-info-window .si-frame {
  overflow: initial;
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper {
  border-radius: 12px;
  padding: 15px;
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-close-button {
  padding: 10px 17px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .si-float-wrapper .geolocation-info-window .si-content-wrapper .si-close-button {
    background-color: #fff;
    opacity: 1;
    position: absolute;
    top: -20px;
    border-radius: 50%;
  }
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content {
  width: 380px;
  height: 320px;
}
@media only screen and (max-width: 767px) {
  .si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content {
    height: 400px;
  }
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-prev,
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-next {
  position: absolute;
  top: calc(50% - 20px);
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  z-index: 10000000;
  text-decoration: none;
  font-size: 23px;
  color: transparent;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-prev:hover,
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-next:hover {
  background: #0075d3;
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-prev:hover:after,
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-next:hover:after {
  color: #fff;
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-prev:after,
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-next:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  top: 9px;
  position: absolute;
  right: 13px;
  font-size: 25px;
  color: #0075d3;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-prev {
  left: -20px;
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-next {
  right: -20px;
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-next:after {
  top: 6px;
  right: 9px;
  transform: rotate(-180deg);
}
.si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content .geolocation-pager .geolocation-pager-counters {
  position: absolute;
  bottom: 10px;
  font-size: 18px;
  text-align: center;
  width: 100%;
  left: 0;
}

.map-content-wrapper {
  position: relative;
}
.map-content-wrapper .inner-top-mobile,
.map-content-wrapper .inner-tabs {
  display: none;
}
@media only screen and (max-width: 767px) {
  .map-content-wrapper .inner-top-mobile,
.map-content-wrapper .inner-tabs {
    display: block;
  }
}
.map-content-wrapper .inner-top-mobile label,
.map-content-wrapper .inner-tabs label {
  width: 100%;
}
.map-content-wrapper .inner-tabs {
  border-bottom: 2px solid #eeeeee;
  margin-bottom: 15px;
}
.map-content-wrapper .inner-tabs .tab-item {
  display: inline-block;
  width: calc(50% - 2px);
  padding-bottom: 7px;
  cursor: pointer;
}
.map-content-wrapper .inner-tabs .tab-item.active-item {
  padding-bottom: 4px;
  border-bottom: 3px solid #0075d3;
}
.map-content-wrapper .inner-content .inner-col-left {
  height: 245px;
  border-right: 1px solid #dddddd;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .map-content-wrapper .inner-content .inner-col-left {
    text-align: left;
    border-right: none;
  }
}
.map-content-wrapper .inner-content .inner-col-right {
  margin-top: 25px;
}
.map-content-wrapper .inner-content .inner-col-right .inner-item-title {
  margin-top: 10px;
}
.map-content-wrapper .inner-content .inner-item {
  margin-bottom: 15px;
}
.map-content-wrapper .inner-content .inner-item:last-of-type {
  margin-bottom: 0;
}
.map-content-wrapper .inner-content .inner-item .inner-item-title {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}
.map-content-wrapper .inner-content .inner-item .inner-item-content {
  display: block;
}
.map-content-wrapper .inner-content .inner-item .inner-item-content .label {
  width: 100%;
  display: block;
  height: 20px;
  font-size: 13px;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .map-content-wrapper .inner-item-status {
    display: none;
  }
}
.map-content-wrapper .contract-view {
  position: absolute;
  bottom: -35px;
  right: 0;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .map-content-wrapper .contract-view {
    display: none;
  }
}
.map-content-wrapper .contract-view a {
  color: #0075d3 !important;
  text-decoration: none !important;
}
@media only screen and (max-width: 767px) {
  .map-content-wrapper .inner-content div[data-tab-id]:not(.active-item) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .map-content-wrapper .inner-content .inner-item-wrapper {
    padding-left: 10px;
    padding-right: 0;
  }
}
.map-content-wrapper .top-status span,
.map-content-wrapper .top-view a {
  display: block;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 10px;
  height: 21px;
  font-size: 13px;
  text-align: center;
  text-decoration: none !important;
}
.map-content-wrapper .top-view a {
  color: #0f2856;
  border: 2px solid #0f2856;
  margin-bottom: 20px;
  font-weight: bold;
}

.block-views-blocklocations-single-contract-location .si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content {
  height: auto;
}

.view-display-id-company_information .si-float-wrapper .geolocation-info-window .si-content-wrapper .si-content {
  height: auto;
}
.view-display-id-company_information .attachment-after h2 {
  display: none;
}
.view-display-id-company_information .attachment-after .view-header h2 {
  display: block;
}

.inner-item-content-contract-title a {
  font-size: 13px;
  text-decoration: none;
}

.inner-item.inner-item-contract-title {
  margin-bottom: 5px;
}

.inner-col-right.inner-col-right-workers {
  margin-top: 0;
}

.workers-list {
  max-height: 245px;
  overflow: auto;
}

.modal.ui-front {
  z-index: 1050 !important;
}

.modal-content {
  max-height: initial !important;
}

.user-status-0:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  color: #cc2d1e;
  font-size: 15px;
  top: -4px;
  right: 9px;
  z-index: 1000;
  background: white;
  border-radius: 50%;
  padding: 2px;
}

.span-ofd-wrapper .form-item {
  display: inline;
}
.span-ofd-wrapper .span-ofd-trigger {
  font-size: 15px;
  font-weight: bold;
  color: #787878;
  position: relative;
  padding: 7px 5px 7px 35px;
  cursor: help;
  display: inline;
}
.span-ofd-wrapper .span-ofd-trigger:before {
  display: inline-block;
  content: "";
  height: 30px;
  width: 30px;
  background-image: url(/core/misc/icons/787878/questionmark-disc.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px 23px;
  position: absolute;
  left: 0;
  top: 0;
}
.span-ofd-wrapper .span-ofd-content {
  display: block;
  background: whitesmoke;
  padding: 15px;
}

.form-item-field-event-workers-employees .select2-search-choice {
  width: 100%;
}

.worker-select-option-text {
  width: calc(100% - 40px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}

.attention-message {
  font-weight: bold;
  color: red;
}

.view-id-documents .view-display-id-block_1 {
  max-height: 350px;
  overflow-x: auto;
}

label[for=edit-project-existed],
label[for=edit-existed-or-new] {
  font-weight: bold;
  font-size: 17px;
}

.field--name-field-contract-activation-sc .table-bordered {
  border: none;
}
.field--name-field-contract-activation-sc .table-bordered tr,
.field--name-field-contract-activation-sc .table-bordered th,
.field--name-field-contract-activation-sc .table-bordered td {
  border: none !important;
}
.field--name-field-contract-activation-sc .table-bordered .field-multiple-drag {
  display: none;
}

.views-field.views-field-field-work-hours-rating table > thead > tr > th:nth-child(7),
.views-field.views-field-field-work-hours-rating table > thead > tr > th:nth-child(8) {
  min-width: 170px;
}

.block-views-blockdocuments-block-1 .view-content {
  max-height: 400px;
  overflow-y: auto;
}

.get-reported-workers {
  background-image: url(../images/rwb.png);
  display: block;
  width: 25px;
  height: 27px;
  background-size: contain;
  background-repeat: no-repeat;
}

.field--widget-oktopro-event-workers-options-select .select2-container .select2-selection ul.select2-selection__rendered,
.field--widget-pa-users-select2-entity-reference .select2-container .select2-selection ul.select2-selection__rendered {
  background: transparent;
  padding-bottom: 45px;
  display: flex;
  flex-direction: column;
}
.field--widget-oktopro-event-workers-options-select .select2-container .select2-selection ul.select2-selection__rendered li.select2-search,
.field--widget-pa-users-select2-entity-reference .select2-container .select2-selection ul.select2-selection__rendered li.select2-search {
  display: none;
}
.field--widget-oktopro-event-workers-options-select .select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice,
.field--widget-pa-users-select2-entity-reference .select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice {
  background: transparent;
  padding: 5px;
  display: flex;
  align-items: center;
}
.field--widget-oktopro-event-workers-options-select .select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove,
.field--widget-pa-users-select2-entity-reference .select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
}
.field--widget-oktopro-event-workers-options-select .select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice img,
.field--widget-pa-users-select2-entity-reference .select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice img {
  display: inline-block;
}
.field--widget-oktopro-event-workers-options-select .select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice .select-option-text,
.field--widget-pa-users-select2-entity-reference .select2-container .select2-selection ul.select2-selection__rendered li.select2-selection__choice .select-option-text {
  width: calc(100% - 40px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.field--widget-oktopro-event-workers-options-select .select2-container .select2-selection .worker-select-placeholder,
.field--widget-pa-users-select2-entity-reference .select2-container .select2-selection .worker-select-placeholder {
  padding: 25px 20px 20px 75px;
  margin-top: -56px;
  color: #0f2856;
  font-weight: bold;
}
.field--widget-oktopro-event-workers-options-select .select2-container .select2-selection .worker-select-placeholder .fa-user-plus,
.field--widget-pa-users-select2-entity-reference .select2-container .select2-selection .worker-select-placeholder .fa-user-plus {
  font-size: 40px;
  position: absolute;
  bottom: 11px;
  left: 16px;
}
.field--widget-oktopro-event-workers-options-select .select2-container .option-label-wrapper,
.field--widget-pa-users-select2-entity-reference .select2-container .option-label-wrapper {
  display: flex;
  align-items: center;
}
.field--widget-oktopro-event-workers-options-select .select2-container .option-label-wrapper .user-select-option-text,
.field--widget-pa-users-select2-entity-reference .select2-container .option-label-wrapper .user-select-option-text {
  margin-left: 10px;
}
.field--widget-oktopro-event-workers-options-select .select2-container.select2-container--open .worker-select-placeholder,
.field--widget-pa-users-select2-entity-reference .select2-container.select2-container--open .worker-select-placeholder {
  display: none;
}

.view-planning-reported-workers h3 a {
  color: #fff !important;
  text-decoration: none !important;
}

.field--name-field-file .panel-body:before {
  content: "";
  display: block;
  background: url(../images/combine_docs.png);
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
}
.field--name-field-file .panel-body .document-file-extra-description .form-item {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.documents-list-wrapper {
  padding: 15px 0;
}
.documents-list-wrapper .documents-list-header {
  display: flex;
  justify-content: space-between;
}
.documents-list-wrapper .documents-list-header .documents-list-title {
  font-size: 14px;
  color: #555555;
  font-weight: bold;
}
.documents-list-wrapper ul.user-docs-list {
  list-style-type: disc;
  padding-left: 15px;
}
.documents-list-wrapper ul.user-docs-list .user-doc-link {
  font-weight: bold;
  font-size: 12px;
  margin-left: 15px;
}

@media only screen and (max-width: 1199px) {
  .oktopro-main-menu .level-group {
    padding-right: 15px !important;
    padding-left: 15px !important;
    font-size: 14px !important;
  }
  .oktopro-main-menu .level-group.level-group-1 {
    padding: 10px;
  }
  .oktopro-main-menu .level-group.level-group-1 .level-header-1 a {
    font-size: 14px;
  }
}
body.user-reset-form .page-wrapper-bg {
  width: 100% !important;
}
body.user-reset-form .page-wrapper-bg form.user-pass-reset {
  padding: 110px 227px 140px !important;
  font-size: 15px;
  line-height: 16px;
}
@media only screen and (max-width: 1199px) {
  body.user-reset-form .page-wrapper-bg form.user-pass-reset {
    padding: 78px 158px 96px !important;
  }
}
@media only screen and (max-width: 991px) {
  body.user-reset-form .page-wrapper-bg form.user-pass-reset {
    padding: 78px 80px 96px !important;
  }
}
@media only screen and (max-width: 767px) {
  body.user-reset-form .page-wrapper-bg form.user-pass-reset {
    padding: 15% !important;
  }
}
@media only screen and (max-width: 360px) {
  body.user-reset-form .page-wrapper-bg form.user-pass-reset {
    padding: 10% !important;
  }
}
body.user-reset-form .page-wrapper-bg form.user-pass-reset:before {
  margin-bottom: 40px !important;
}
body.user-reset-form .page-wrapper-bg form.user-pass-reset p:nth-child(3) {
  margin-top: 30px;
}
body.user-reset-form .page-wrapper-bg form.user-pass-reset .form-actions {
  width: 118px !important;
}
body.user-reset-form .page-wrapper-bg form.user-pass-reset .form-actions .form-submit {
  margin-top: 60px;
}

.span-blue {
  color: #0f2856;
  text-decoration: underline;
}

.form-item-field-specialisation-cateogry .select-wrapper:after {
  content: "";
}
.form-item-field-specialisation-cateogry .shs-widget-container {
  position: relative;
}
.form-item-field-specialisation-cateogry .shs-widget-container:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  color: #0f2856;
  margin-top: -0.95em;
  padding-right: 0.5em;
  pointer-events: none;
  position: absolute;
  right: -5px;
  top: 62%;
  z-index: 10;
}

th[id^=view-field-][id$=-table-column] a {
  white-space: nowrap;
}

input.code-o0002 {
  margin-bottom: 8px;
}

.code-o0002::-webkit-input-placeholder {
  color: red;
}
.code-o0002::-moz-placeholder {
  color: red;
}
.code-o0002:-ms-input-placeholder {
  color: red;
}
.code-o0002:-moz-placeholder {
  color: red;
}

.cell-amount input[name*=field_partition].form-control,
.cell-percentage input[name*=field_partition].form-control {
  width: 85px;
}
.cell-amount input[name^="field_partition[0][tablefield][table]"][name$="[1]"].form-control,
.cell-percentage input[name^="field_partition[0][tablefield][table]"][name$="[1]"].form-control {
  width: 95px;
}
.cell-amount .euro-partition-input,
.cell-percentage .euro-partition-input {
  width: 95px;
}
.cell-amount .input-group-addon,
.cell-percentage .input-group-addon {
  width: 38px !important;
  padding: 10px;
}

.field--name-field-partition table .remaining-row, .field--name-field-partition table .remaining-row:hover, .field--name-field-partition table .remaining-row td, .field--name-field-partition table .remaining-row td:hover {
  background: #ddeaf6 !important;
}
.field--name-field-partition table .remaining-data-1 {
  font-weight: bold;
}
.field--name-field-partition table .remaining-data-2,
.field--name-field-partition table .remaining-data-3,
.field--name-field-partition table .remaining-data-4 {
  text-align: center;
}

.remaining-invoice-percentage,
.remaining-commision-percentage,
.remaining-invoice-euro,
.remaining-commision-euro {
  font-weight: bold;
}

.amount-red {
  color: red;
}

.amount-green {
  color: green;
}

.maintenance-page .main-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maintenance-page .main-container .maintenance-content {
  text-align: center;
  font-size: 18px;
}
.maintenance-page .main-container .maintenance-content .fa-wrench {
  font-size: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
  color: #0f2856;
}

.block-oktopro-planning-block .fc-list-view.panel,
.block-oktopro-planning-block .fc-list-view .table > thead > tr > th,
.block-oktopro-planning-block .fc-list-view .table > thead > tr > td,
.block-oktopro-planning-block .fc-list-view .table > tbody > tr > th,
.block-oktopro-planning-block .fc-list-view .table > tbody > tr > td,
.block-oktopro-planning-block .fc-list-view .table > tfoot > tr > th,
.block-oktopro-planning-block .fc-list-view .table > tfoot > tr > td {
  border: none;
  background: none;
}
.block-oktopro-planning-block .fc-list-view .el-last-in-project {
  border-bottom: 1px dashed #dddedf !important;
}
.block-oktopro-planning-block .fc-list-view .el-last-in-catalog {
  border-bottom: 1px solid #5a5757 !important;
}
.block-oktopro-planning-block .fc-list-view .fc-list-item {
  cursor: pointer;
}
.block-oktopro-planning-block .fc-list-view .fc-list-item:hover {
  background: whitesmoke;
}
.block-oktopro-planning-block .fc-list-view .fc-list-heading {
  text-align: center;
}
.block-oktopro-planning-block .fc-list-view .fc-list-heading td {
  padding: 0;
}
.block-oktopro-planning-block .fc-list-view .fc-list-heading .fc-list-heading-wrapper {
  margin-top: 50px;
  background: #f1f2f2;
  border-top: 2px solid #575455;
  height: 29px;
  padding-top: 8px;
  border-right: 2px solid #575455;
  border-left: 2px solid #575455;
}
.block-oktopro-planning-block .fc-list-view .fc-list-heading .fc-list-heading-wrapper .fc-list-heading-main {
  float: none;
  text-align: right;
  padding-right: 5px;
}
.block-oktopro-planning-block .fc-list-view .fc-list-heading .fc-list-heading-wrapper .fc-list-heading-alt {
  float: none;
  text-align: left;
}
.block-oktopro-planning-block .fc-list-view .fc-list-ending,
.block-oktopro-planning-block .fc-list-view .el-last-in-project.fc-list-ending,
.block-oktopro-planning-block .fc-list-view .el-last-in-catalog.fc-list-ending {
  border-bottom: 2px solid #575455 !important;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.block-oktopro-planning-block .fc-list-view td.fc-list-item-title:not(.fc-list-heading-wrapper) {
  border-right: 4px solid #575455;
}
.block-oktopro-planning-block .fc-list-view td.fc-list-item-marker:not(.fc-list-heading-wrapper) {
  border-left: 4px solid #575455;
}
.block-oktopro-planning-block .fc-event-dot {
  display: inline-block;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  margin-right: 10px;
}
.block-oktopro-planning-block .fc-title {
  font-size: 12px;
  color: black;
  font-weight: bold;
  visibility: visible !important;
}
.block-oktopro-planning-block .fc-timelineWeek-view td.fc-day,
.block-oktopro-planning-block .fc-timelineWeek-view .fc-head .fc-time-area tbody tr:nth-child(2) th,
.block-oktopro-planning-block .fc-timelineSevenDays-view td.fc-day,
.block-oktopro-planning-block .fc-timelineSevenDays-view .fc-head .fc-time-area tbody tr:nth-child(2) th {
  background-image: linear-gradient(to bottom, #bcbec1 40%, rgba(255, 255, 255, 0) 20%);
  background-position: left;
  background-size: 1px 13px;
  background-repeat: repeat-y;
}
.block-oktopro-planning-block .fc-timeline {
  border-bottom: 2px solid #5a5757 !important;
  border-right: 2px solid transparent !important;
}
.block-oktopro-planning-block .fc-timeline .fc-timeline-event .fc-content {
  position: relative;
  height: 100%;
  padding: 3px 5px;
}
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-end .fc-title,
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-start .fc-title,
.block-oktopro-planning-block .fc-timeline .fc-body .fc-time-area .fc-following {
  position: initial !important;
}
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-end .long-event:before,
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-start .long-event:before {
  top: -2px;
}
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-start .long-event:before {
  left: inherit;
  right: 11px;
}
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-end .fc-title:after,
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-start .fc-title:before,
.block-oktopro-planning-block .fc-timeline .fc-body .fc-time-area .fc-following:before {
  content: "";
  box-sizing: content-box;
  position: absolute;
  margin-top: -5px;
  border: none;
  display: block;
  background-image: url(/themes/custom/oktopro/images/planning/arrow.png);
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
  top: 7px;
}
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-end.fc-hd .fc-title:after,
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-start.fc-hd .fc-title:before {
  background-image: url(/themes/custom/oktopro/images/planning/arrow-black.png);
}
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-start .fc-title:before,
.block-oktopro-planning-block .fc-timeline .fc-body .fc-time-area .fc-following:before {
  left: 5px;
}
.block-oktopro-planning-block .fc-timeline .fc-timeline-event.fc-not-end .fc-title:after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 5px;
}
.block-oktopro-planning-block .fc-timeline .table-bordered {
  border: none;
}
.block-oktopro-planning-block .fc-timeline .fc-head .table-bordered {
  border-bottom: 2px solid #5a5757 !important;
}
.block-oktopro-planning-block .fc-timeline .fc-head .r-catalog .fc-cell-text {
  display: none;
}
.block-oktopro-planning-block .fc-timeline .table-bordered > thead > tr > td {
  border: none;
}
.block-oktopro-planning-block .fc-timeline .table-bordered > thead > tr > th,
.block-oktopro-planning-block .fc-timeline .table-bordered > thead > tr > td,
.block-oktopro-planning-block .fc-timeline .table-bordered > tbody > tr > th,
.block-oktopro-planning-block .fc-timeline .table-bordered > tbody > tr > td,
.block-oktopro-planning-block .fc-timeline .table-bordered > tfoot > tr > th,
.block-oktopro-planning-block .fc-timeline .table-bordered > tfoot > tr > td {
  border: none;
}
.block-oktopro-planning-block .fc-timeline .fc-divider {
  border-left: 2px solid transparent !important;
}
.block-oktopro-planning-block .fc-timeline .fc-divider.fc-col-resizer {
  width: 0.5px;
}
.block-oktopro-planning-block .fc-timeline tr[data-resource-id] {
  border-bottom: 2px solid transparent;
}
.block-oktopro-planning-block .fc-timeline td.fc-time-area tr[data-resource-id]:nth-child(even) td {
  background: rgba(0, 0, 0, 0.03);
}
.block-oktopro-planning-block .fc-timeline .last-in-project,
.block-oktopro-planning-block .fc-timeline td.r-project {
  border-bottom: 2px solid transparent !important;
}
.block-oktopro-planning-block .fc-timeline .last-in-catalog,
.block-oktopro-planning-block .fc-timeline td.r-catalog:not([data-resource-id=custom_event]),
.block-oktopro-planning-block .fc-timeline .last-in-project.last-in-catalog:not([data-resource-id=custom_event]),
.block-oktopro-planning-block .fc-timeline td.r-project.last-in-project.last-in-catalog:not([data-resource-id=custom_event]),
.block-oktopro-planning-block .fc-timeline td.r-project.last-in-catalog:not([data-resource-id=custom_event]) {
  border-bottom: 2px solid transparent !important;
}
.block-oktopro-planning-block .fc-timeline .fc-time-area .fc-content table tr:first-child th {
  background-image: linear-gradient(to bottom, #bcbec1 40%, rgba(255, 255, 255, 0) 20%);
  background-position: right;
  background-size: 1px 13px;
  background-repeat: repeat-y;
}
.block-oktopro-planning-block .fc-timeline .fc-time-area .fc-content table tr:first-child th:last-child {
  background-image: none;
}
.block-oktopro-planning-block .fc-timeline .fc-time-area .fc-content table .last-in-project:last-child,
.block-oktopro-planning-block .fc-timeline .fc-time-area .fc-content table td.r-project:last-child {
  border-bottom: 2px solid transparent !important;
}
.block-oktopro-planning-block .fc-timeline .fc-time-area .fc-content table .last-in-catalog:last-child {
  border-bottom: 2px solid transparent !important;
}
.block-oktopro-planning-block .fc-timeline th.fc-em-cell,
.block-oktopro-planning-block .fc-timeline td.fc-em-cell {
  background-image: linear-gradient(to bottom, #bcbec1 40%, rgba(255, 255, 255, 0) 20%);
  background-position: left;
  background-size: 1px 13px;
  background-repeat: repeat-y;
}
.block-oktopro-planning-block .fc-timeline .fc-head .fc-time-area tbody tr:nth-child(2) th.fc-today,
.block-oktopro-planning-block .fc-timeline td.fc-today {
  background: #e4f2f7;
}
.block-oktopro-planning-block .long-event:before {
  content: "" !important;
  font: normal normal normal 14px/1 FontAwesome;
  background: none !important;
  font-size: 18px;
  font-weight: 100;
  position: absolute;
  top: -1px;
  left: -6px;
}
.block-oktopro-planning-block .holiday .long-event:before {
  display: none;
}
.block-oktopro-planning-block .fc-not-end .holiday .calendar-holiday-icon {
  margin-right: 8px !important;
}
.block-oktopro-planning-block .fc-not-start .holiday .calendar-holiday-icon {
  margin-left: 2px !important;
}
.block-oktopro-planning-block .fc-timelineMonth-view .fc-time-area tbody tr:last-child,
.block-oktopro-planning-block .fc-fiveWeeksTltimeline-view .fc-time-area tbody tr:last-child {
  font-size: 10px;
  letter-spacing: -1px;
}
.block-oktopro-planning-block .fc-scroller {
  overflow: hidden !important;
}
.block-oktopro-planning-block .fc-time-area .fc-scroller-clip .fc-scroller {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.block-oktopro-planning-block .fc-time-area .fc-scroller-clip > .fc-following {
  display: none !important;
}
.block-oktopro-planning-block .fc-event {
  cursor: pointer;
}
.block-oktopro-planning-block .fc-event .fc-bg {
  opacity: 0;
}
.block-oktopro-planning-block .fc-timeline-event {
  text-align: center;
  border-radius: 15px;
  height: 19px;
}
.block-oktopro-planning-block .fc-agenda-view .fc-event {
  font-size: 15px;
  font-weight: bold;
  color: white;
  padding: 2px 5px;
  border-radius: 5px;
}
.block-oktopro-planning-block .fc-agenda-view .fc-time-grid-container {
  display: none;
}
.block-oktopro-planning-block .r-catalog {
  width: 65px;
  text-align: center;
}
.block-oktopro-planning-block .r-catalog img {
  padding-top: 5px;
  margin: 0 auto;
}
.block-oktopro-planning-block tr[data-resource-id=custom_event] .r-project .fc-cell-text,
.block-oktopro-planning-block tr[data-resource-id=custom_event] .r-contract .fc-cell-text {
  display: none;
}
.block-oktopro-planning-block .fc-body td {
  height: 95px;
}
.block-oktopro-planning-block .fc-body .fc-resource-area tbody tr:last-of-type td {
  border-bottom: none !important;
}
.block-oktopro-planning-block .fc-body .fc-resource-area .fc-cell-content {
  padding: 0 5px;
}
.block-oktopro-planning-block .fc-body .fc-resource-area .fc-cell-content .category-title {
  font-size: 12px;
}
.block-oktopro-planning-block .fc-head tr .fc-time-area {
  position: sticky;
  top: 0;
  z-index: 100;
  background: white;
}

.planning-qtip .calendar-event-label {
  display: inline;
}
.planning-qtip.pqt-meeting_approved .qtip-title, .planning-qtip.pqt-meeting_not_approved .qtip-title {
  color: #0f2856;
}
.planning-qtip.pqt-meeting_approved .calendar-event-label.calendar-event-label-meeting, .planning-qtip.pqt-meeting_not_approved .calendar-event-label.calendar-event-label-meeting {
  display: inline;
}
.planning-qtip .qtip-title {
  text-align: center;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 12px;
  color: black;
  font-weight: bold;
}
.planning-qtip .qtip-content .ui-icon-close {
  background-position: -122px -152px;
  background-size: 315px 285px;
}
.planning-qtip .qtip-content .fake-actions-replies {
  width: 100%;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list {
  list-style: none;
  padding: 0;
  width: 100%;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li:not(:last-child) {
  margin-bottom: 10px;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a {
  border: 1px solid #ccc;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  line-height: 34px;
  text-decoration: none;
  color: #0f2856;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a:hover {
  text-decoration: none;
  background: rgba(178, 178, 178, 0.17);
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved] .action-approved {
  color: #43a235;
  display: inline-block;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved] .action-pickup_required {
  color: #ff8300;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:active, .planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:focus {
  background: #43a235;
  color: #fff;
  text-decoration: none;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:active .action-approved, .planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:focus .action-approved {
  color: #fff;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:active .action-pickup_required, .planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=approved]:focus .action-pickup_required {
  color: #ffcb00;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled] .action-canceled {
  color: #f00;
  display: inline-block;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled]:active, .planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled]:focus {
  text-decoration: none;
  background: #f00;
  color: #fff;
}
.planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled]:active .action-canceled, .planning-qtip .qtip-content .fake-actions-replies .fake-action-links ul.fake-action-links-list li a[data-real=canceled]:focus .action-canceled {
  color: #fff;
}
.planning-qtip .qtip-content .add-to-calendar-wrapper {
  width: 100%;
}
.planning-qtip .qtip-content .add-to-calendar-wrapper .add-to-calendar-dropdown.show {
  top: initial;
  bottom: -5px;
}
.planning-qtip .qtip-bootstrap .qtip-icon .ui-icon {
  color: #ffffff;
  opacity: 0.8;
}
.planning-qtip .btn {
  width: 100%;
  font-weight: bold;
}

.calendar-event-title-wrapper.holiday {
  display: inline-flex;
}
.calendar-event-title-wrapper.holiday .calendar-holiday-icon {
  margin-right: 0;
  margin-left: -2px;
}
.calendar-event-title-wrapper.holiday .calendar-holiday-icon:before {
  content: url(/themes/custom/oktopro/images/planning/holiday.png?v=1);
}
.calendar-event-title-wrapper.holiday .calendar-event-label {
  margin-left: 2px;
}
.calendar-event-title-wrapper.holiday .calendar-auto-number.no-padding {
  padding: 0;
}

.calendar-auto-number {
  position: relative;
  padding-left: 18px;
  font-size: 12px;
  color: black;
  font-weight: bold;
}
.calendar-auto-number:first-child {
  margin-left: 4px;
}
.calendar-auto-number:before {
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 3px;
  background-size: contain;
  -webkit-print-color-adjust: exact;
}
.calendar-auto-number.calendar-holiday-icon:before {
  content: url(/themes/custom/oktopro/images/planning/holiday.png?v=1);
  left: 6px;
  top: 1px;
}
.calendar-auto-number.timeline-auto-number:before {
  content: url(/themes/custom/oktopro/images/planning/tl.png?v=1);
}
.calendar-auto-number.timeline-auto-number.long-event:before {
  top: -3px;
  left: -7px;
}
.calendar-auto-number.worksession-auto-number:before {
  content: url(/themes/custom/oktopro/images/planning/hummer.png?v=1);
  top: 1px;
}
.calendar-auto-number.worksession-auto-number.long-event:before {
  top: -2px;
  left: -7px;
}
.calendar-auto-number.custom-event-title:before {
  content: url(/themes/custom/oktopro/images/planning/custom.png?v=1);
}
.calendar-auto-number.report-auto-number:before, .calendar-auto-number.reported-workers-number:before {
  top: 1px;
  content: url(/themes/custom/oktopro/images/planning/worker.png?v=1);
}
.calendar-auto-number.general-auto-number:before {
  width: 14px;
  height: 14px;
  top: 0px;
  content: "";
  background: url(/themes/custom/oktopro/images/planning/tfr.png?v=1);
  background-repeat: no-repeat;
  background-size: contain;
}
.calendar-auto-number.general-auto-number.general-auto-number-pr:before {
  background: url(/themes/custom/oktopro/images/planning/pr.png?v=1) no-repeat;
  background-size: 100%;
}
.calendar-auto-number.general-auto-number.general-auto-number-co:before {
  background: url(/themes/custom/oktopro/images/planning/co.png?v=1) no-repeat;
  background-size: 100%;
}
.calendar-auto-number.general-auto-number.general-auto-number-in:before {
  background: url(/themes/custom/oktopro/images/planning/in.png?v=1) no-repeat;
  background-size: 100%;
}
.calendar-auto-number.appointment:before {
  content: url(/themes/custom/oktopro/images/planning/meeting.png?v=1);
  width: 19px;
  height: 18px;
  left: -7px;
}
form[id*=views-exposed-form-planning-solr-block-with-exposed] .project-info,
form[id*=views-exposed-form-planning-solr-block-with-exposed] .contract-info,
form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-contract,
form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-project,
form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-evet-project-mc,
form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-contract-mc,
form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-contract-sc,
form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-holiday-org,
form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-end,
form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-start,
form[id*=views-exposed-form-planning-solr-block-with-exposed] fieldset[id*=edit-none-catalog-],
form[id*=views-exposed-form-planning-solr-block-with-exposed] fieldset[id*=edit-none-contract-],
form[id*=views-exposed-form-planning-solr-block-with-exposed] fieldset[id*=edit-none-project-],
form[id*=views-exposed-form-planning-solr-block-with-exposed] fieldset[id*=edit-not-pm-],
form[id*=views-exposed-form-planning-solr-block-with-exposed] fieldset[id*=edit-none-org-],
form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-event-project {
  display: none;
}

.event-catalog-small {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 14px;
}
.event-catalog-small img {
  width: 17px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 9px;
}

.event-catalog-section {
  color: #fff;
  background: #0c2e56;
  padding: 1px 25px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  top: -5px;
  position: relative;
  margin-right: 10px;
}

span.event-catalog-contract {
  display: inline-block;
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.add-event {
  position: relative;
  min-width: 175px;
  padding: 2px;
}
.add-event:before {
  content: " ";
  display: inline-block;
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  top: 1px;
  position: relative;
}
.add-event.add-custom-event {
  background: #b3b3ff;
  border: 1px solid #b3b3ff !important;
  color: black;
}
.add-event.add-custom-event:before {
  background-image: url(/themes/custom/oktopro/images/planning/custom.png);
}
.add-event.add-holiday:before {
  background-image: url(/themes/custom/oktopro/images/planning/holiday.png);
}
.add-event.add-phase:before {
  background-image: url(/themes/custom/oktopro/images/planning/tl.png);
}
.add-event.add-worksession:before {
  background-image: url(/themes/custom/oktopro/images/planning/hummer.png);
}
.add-event.add-meeting:before {
  background-image: url(/themes/custom/oktopro/images/planning/meeting.png);
  background-size: 16px;
  top: 2px;
  left: -3px;
}
.add-event.add-pro-academy:before {
  background-image: url(/themes/custom/oktopro/images/planning/pro-builder.svg);
  background-size: contain;
  top: 1px;
  left: -2px;
  height: 12px;
  width: 16px;
}
.add-event.view-contract:before {
  background-image: url(/themes/custom/oktopro/images/planning/view_contract.svg);
  left: 11px;
  background-size: 16px;
}

.page-node-type-contract .block-views-exposed-filter-blockplanning-solr-block-with-exposed {
  display: none;
}

.planning-calendar-wrapper {
  margin-top: 50px;
}

.planning-buttons-group {
  margin-top: 25px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .planning-buttons-group {
    display: block;
  }
}
.planning-buttons-group .form-group {
  margin-right: 15px;
}
.planning-buttons-group .form-group .btn-default {
  border-radius: 18px;
  border: 1px solid #808285;
  height: 25px;
  padding-top: 3px;
}
@media only screen and (max-width: 991px) {
  .planning-buttons-group .form-group {
    margin: 0 0 15px;
  }
  .planning-buttons-group .form-group .btn-default {
    width: 100%;
  }
}

.node-project-post-a-job-form [data-drupal-selector=edit-title-fake] .form-item-city {
  display: inline-block;
  width: 24%;
  min-width: 150px;
}
@media only screen and (max-width: 767px) {
  .node-project-post-a-job-form [data-drupal-selector=edit-title-fake] .form-item-city {
    width: 100%;
  }
}
.node-project-post-a-job-form [data-drupal-selector=edit-title-fake] .field--name-title {
  display: inline-block;
  width: 75%;
  min-width: 150px;
}
@media only screen and (max-width: 767px) {
  .node-project-post-a-job-form [data-drupal-selector=edit-title-fake] .field--name-title {
    width: 100%;
  }
}

.category-title {
  text-align: center;
  color: #437adf;
  font-size: 13px;
  font-weight: bold;
  padding-top: 5px;
  display: block;
  white-space: normal;
  line-height: 14px;
}

.planning-print #toolbar-administration,
.planning-print .region-top,
.planning-print .planning-date,
.planning-print footer,
.planning-print .col-sm-12[role=heading],
.planning-print .views-exposed-form,
.planning-print .planning-buttons-group,
.planning-print .fc-header-toolbar .fc-left,
.planning-print .fc-header-toolbar .fc-right {
  display: none !important;
}

.block-container {
  display: block !important;
  clear: both;
}

span.calendar-event-label {
  font-size: 12px;
  color: black;
  font-weight: bold;
}

span.calendar-pro-academy-label {
  position: relative;
}
span.calendar-pro-academy-label:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -19px;
  background-size: cover;
  background-position: center;
  -webkit-print-color-adjust: exact;
  background-image: url("../images/planning/pro-builder.svg");
}

.form-item-fake-operations .select2-choices .select2-search-choice {
  padding: 5px 25px 5px 15px;
  margin: 0 2px 0 0;
  border: none;
  background: whitesmoke;
  line-height: 20px;
}
.form-item-fake-operations .select2-choices .select2-search-choice .select2-search-choice-close {
  right: 3px;
  left: inherit;
  background: initial;
}
.form-item-fake-operations .select2-choices .select2-search-choice .select2-search-choice-close:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  top: 3px;
  position: absolute;
  right: 4px;
  font-size: 14px;
  color: #a7a9ac;
}
.form-item-fake-operations .select2-choices .select2-search-choice .select2-search-choice-close:hover:after {
  color: #5f5555;
}

.view-id-planning_event_view.view-display-id-timelines .views-field-field-comment {
  background: #0f2856;
  color: white;
  margin: 0 -15px;
  padding: 5px 15px;
  font-style: italic;
}
.view-id-planning_event_view.view-display-id-timelines .views-field-field-comment a[class*=okto-translate] {
  color: white !important;
}

.add-events-qtip .form-group {
  margin-bottom: 2px;
}
.add-events-qtip .form-group a.btn.btn-default {
  border-radius: 20px;
  box-shadow: none;
  padding: 5px 5px;
  width: 170px;
  min-width: initial;
  font-size: 13px;
  background: white;
}
.add-events-qtip .form-group a.btn.btn-default:hover {
  background: #0c2e56;
  color: white;
}
.add-events-qtip .form-group a.btn.btn-default:before {
  position: absolute;
  top: 8px;
}
.add-events-qtip .form-group a.btn.btn-default.add-event.add-phase:before {
  left: 14px;
}
.add-events-qtip .form-group a.btn.btn-default:hover.add-event.add-phase:before {
  background-image: url(/themes/custom/oktopro/images/planning/tl-white.png);
}
.add-events-qtip .form-group a.btn.btn-default.add-event.add-worksession:before {
  left: 13px;
}
.add-events-qtip .form-group a.btn.btn-default.add-event.add-meeting:before {
  top: 9px;
  left: 11px;
}
.add-events-qtip .form-group a.btn.btn-default.add-pro-academy:before {
  left: 11px;
}
.add-events-qtip .form-group a.btn.btn-default:hover.add-event.add-worksession:before {
  background-image: url(/themes/custom/oktopro/images/planning/hummer-white.png);
}
.add-events-qtip .form-group a.btn.btn-default:hover.add-event.add-meeting:before {
  background-image: url(/themes/custom/oktopro/images/planning/meeting-white.png);
}
.add-events-qtip .form-group a.btn.btn-default:hover.add-event.add-pro-academy:before {
  background-image: url(/themes/custom/oktopro/images/planning/pro-builder-white.svg);
}
.add-events-qtip .form-group a.btn.btn-default:hover.view-contract:before {
  background-position-y: 110%;
}

.node-phase-calendar-event-form [data-drupal-selector=edit-field-comment-wrapper] {
  display: inline-block;
  width: 375px;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .node-phase-calendar-event-form [data-drupal-selector=edit-field-comment-wrapper] {
    width: 100%;
  }
}
.node-phase-calendar-event-form [data-drupal-selector=edit-work-examples] {
  display: inline-block;
  width: 179px;
  vertical-align: top;
  padding-left: 5px;
}
@media only screen and (max-width: 767px) {
  .node-phase-calendar-event-form [data-drupal-selector=edit-work-examples] {
    width: 100%;
  }
}
.node-phase-calendar-event-form .example-item {
  display: none;
  font-size: 13px;
  font-style: italic;
}
.node-phase-calendar-event-form .example-item[data-catalog-id=no-results] {
  color: #f70000;
}
.node-phase-calendar-event-form .example-item.example-item-view {
  display: block;
}
.node-phase-calendar-event-form .example-item-prev,
.node-phase-calendar-event-form .example-item-next {
  color: #083769;
  font-size: 16px;
  user-select: none;
  cursor: pointer;
}
.node-phase-calendar-event-form .example-item-prev.inactive,
.node-phase-calendar-event-form .example-item-next.inactive {
  color: #e4e4e4;
  cursor: not-allowed;
}
.node-phase-calendar-event-form .example-item-title {
  font-weight: bold;
  font-size: 13px;
  vertical-align: top;
}
.node-phase-calendar-event-form [data-drupal-selector=edit-controll] {
  margin-bottom: 0;
  padding-top: 32px;
}

@media only screen and (max-width: 767px) {
  .view-planning-today-solr .views-field-field-event-reference {
    display: none;
  }
}
.view-planning-today-solr .calendar-event-label {
  display: none;
}
.view-planning-today-solr [data-catalog-color-id] {
  padding: 0px 5px;
  display: block;
  text-align: center;
  border-radius: 15px;
}
.view-planning-today-solr tbody tr {
  cursor: pointer;
}

.open-location-btn {
  margin-bottom: 10px;
}
.open-location-btn:before {
  content: url(/themes/custom/oktopro/images/planning/location.png);
  position: absolute;
  left: 20px;
}

form[id*=views-exposed-form-planning-map-map] .form-item-nid {
  display: none;
}

.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-checkboxes {
  border: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
  margin-bottom: 10px;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-checkboxes {
    display: block;
  }
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-checkboxes .form-item {
  min-width: 160px;
}
@media only screen and (max-width: 1199px) {
  .views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-checkboxes .form-item {
    min-width: 140px;
  }
}
@media only screen and (max-width: 991px) {
  .views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-checkboxes .form-item {
    margin-top: 10px;
    margin-bottom: 15px;
    display: inline-block;
    width: 50%;
    margin: 7px -1px;
  }
}
@media only screen and (max-width: 479px) {
  .views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-checkboxes .form-item {
    min-width: initial;
    width: 100%;
    margin: 7px 0;
  }
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label {
  border-radius: 18px;
  padding: 4px 15px;
  height: 25px;
  text-align: center;
  background: #f1f2f2;
  user-select: none;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label:before {
  content: " ";
  display: inline-block;
  position: relative;
  left: 3px;
  width: 20px;
  height: 14px;
  background-repeat: no-repeat;
  top: 2px;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label[for=edit-event-type-custom-event]:before {
  background-image: url(/themes/custom/oktopro/images/planning/custom.png);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label[for=edit-event-type-meeting]:before {
  background-image: url(/themes/custom/oktopro/images/planning/meeting.png?v=1);
  top: 3px;
  background-size: 17px;
  left: -3px;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label[for=edit-event-type-holiday]:before {
  background-image: url(/themes/custom/oktopro/images/planning/holiday.png?v=1);
  background-size: 11px;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label[for=edit-event-type-work-session]:before {
  background-image: url(/themes/custom/oktopro/images/planning/hummer.png?v=1);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label[for=edit-event-type-phase]:before {
  background-image: url(/themes/custom/oktopro/images/planning/tl.png?v=1);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label[for=edit-event-type-general-phase]:before {
  background-image: url(/themes/custom/oktopro/images/planning/tfr.png?v=1);
  background-size: 13px;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label.checked {
  background: #0c2e56;
  color: white;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label.checked[for=edit-event-type-custom-event]:before {
  background-image: url(/themes/custom/oktopro/images/planning/custom-w.png);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label.checked[for=edit-event-type-meeting]:before {
  background-image: url(/themes/custom/oktopro/images/planning/meeting-white.png);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label.checked[for=edit-event-type-holiday]:before {
  background-image: url(/themes/custom/oktopro/images/planning/holiday-w.png?v=1);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label.checked[for=edit-event-type-work-session]:before {
  background-image: url(/themes/custom/oktopro/images/planning/hummer-white.png);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label.checked[for=edit-event-type-phase]:before {
  background-image: url(/themes/custom/oktopro/images/planning/tl-white.png);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox label.checked[for=edit-event-type-general-phase]:before {
  background-image: url(/themes/custom/oktopro/images/planning/tfr-w.png?v=1);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .fieldgroup .form-item.checkbox input {
  display: none;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline fieldset[data-drupal-selector=edit-event-type].form-item {
  width: 100%;
  max-width: 100%;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline fieldset[data-drupal-selector=edit-event-type].form-item legend {
  display: none;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-account-manager-name,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-organisation-fake,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .project-replace,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .contract-replace,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .form-item.form-item-pm {
  display: inline-block;
  width: 33%;
  max-width: 33%;
}
@media only screen and (max-width: 479px) {
  .views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-account-manager-name,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-organisation-fake,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .project-replace,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .contract-replace,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .form-item.form-item-pm {
    min-width: 100%;
    width: 100%;
  }
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-account-manager-name .select-wrapper,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-organisation-fake .select-wrapper,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .project-replace .select-wrapper,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .contract-replace .select-wrapper,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .form-item.form-item-pm .select-wrapper {
  width: 100%;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item-account-manager-name .select-wrapper select,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-organisation-fake .select-wrapper select,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .project-replace .select-wrapper select,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .contract-replace .select-wrapper select,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form--inline .form-item.form-item-pm .select-wrapper select {
  width: 100%;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-catalog,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-price-type {
  width: 33%;
  max-width: 33%;
}
@media only screen and (max-width: 479px) {
  .views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-catalog,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-price-type {
    min-width: 100%;
    width: 100%;
  }
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-catalog .select-wrapper,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-price-type .select-wrapper {
  width: 100%;
  max-width: 100%;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-catalog .select-wrapper select,
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] .form-item.form-item-price-type .select-wrapper select {
  width: 100%;
  max-width: 100%;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] [data-drupal-selector*=edit-actions] {
  width: calc(100% - 18px);
  float: none;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] [data-drupal-selector*=edit-actions] button {
  width: 160px;
  margin: 0;
  font-weight: bold;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] [data-drupal-selector*=edit-actions] button:before, .views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] [data-drupal-selector*=edit-actions] button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #808285;
  top: 37px;
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] [data-drupal-selector*=edit-actions] button:before {
  left: calc(-50% - 130px);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] [data-drupal-selector*=edit-actions] button:after {
  right: calc(-50% - 130px);
}
.views-exposed-form form[id*=views-exposed-form-planning-solr-block-with-exposed] [data-drupal-selector*=edit-actions] button span {
  display: none;
}

.fc-header-toolbar button.btn {
  width: 83px;
  height: 35px;
  font-size: 13px;
}
.fc-header-toolbar button.btn.fc-today-button {
  text-transform: capitalize;
}
.fc-header-toolbar button.btn.fc-prevSingleStep-button, .fc-header-toolbar button.btn.fc-nextSingleStep-button, .fc-header-toolbar button.btn.fc-next-button, .fc-header-toolbar button.btn.fc-prev-button {
  width: 30px;
}
.fc-header-toolbar button.btn.fc-prevSingleStep-button {
  margin-right: 30px;
}
.fc-header-toolbar button.btn.fc-nextSingleStep-button {
  margin-left: 30px;
}

.fc-header-toolbar {
  position: relative;
}
.fc-header-toolbar .fc-center h2 {
  position: absolute;
  top: -120px;
  left: calc(50% - 200px);
  width: 400px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .fc-header-toolbar .fc-center h2 {
    top: -220px;
  }
}
@media only screen and (max-width: 767px) {
  .fc-header-toolbar .fc-left,
.fc-header-toolbar .fc-right,
.fc-header-toolbar .fc-center,
.fc-header-toolbar .planning-date {
    display: block;
    float: none;
    width: 100%;
    position: relative;
    left: 0;
  }
  .fc-header-toolbar .fc-left input,
.fc-header-toolbar .fc-right input,
.fc-header-toolbar .fc-center input,
.fc-header-toolbar .planning-date input {
    width: 100% !important;
  }
  .fc-header-toolbar .fc-left .form-type-date, .fc-header-toolbar .fc-left help-toggle button,
.fc-header-toolbar .fc-right .form-type-date,
.fc-header-toolbar .fc-right help-toggle button,
.fc-header-toolbar .fc-center .form-type-date,
.fc-header-toolbar .fc-center help-toggle button,
.fc-header-toolbar .planning-date .form-type-date,
.fc-header-toolbar .planning-date help-toggle button {
    width: 33% !important;
  }
  .fc-header-toolbar .fc-left [data-drupal-selector=edit-jump],
.fc-header-toolbar .fc-right [data-drupal-selector=edit-jump],
.fc-header-toolbar .fc-center [data-drupal-selector=edit-jump],
.fc-header-toolbar .planning-date [data-drupal-selector=edit-jump] {
    display: block !important;
    margin-left: 0 !important;
  }
  .fc-header-toolbar .fc-left .btn-group,
.fc-header-toolbar .fc-right .btn-group,
.fc-header-toolbar .fc-center .btn-group,
.fc-header-toolbar .planning-date .btn-group {
    float: none;
    width: 100%;
    height: 45px;
    margin: 0 !important;
    display: flex;
    justify-content: center;
  }
  .fc-header-toolbar .fc-center .btn-group {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 479px) {
  .fc-header-toolbar div.planning-date .form-type-date,
.fc-header-toolbar div.planning-date button {
    width: 50% !important;
  }
}

.planning-calendar-init .fc-toolbar.fc-header-toolbar {
  margin-bottom: 80px;
}
.planning-calendar-init .fc-toolbar.fc-header-toolbar button {
  height: 38px;
}

.single-contract-planning .fc-header-toolbar .fc-center h2 {
  top: -45px;
  font-size: 24px;
}
@media only screen and (max-width: 479px), only screen and (max-width: 767px) {
  .single-contract-planning .fc-header-toolbar .fc-center h2 {
    top: 60px;
    font-size: 19px;
  }
}
@media only screen and (max-width: 479px) {
  .single-contract-planning .planning-buttons-group.planning-buttons-header {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 479px) {
  .single-contract-planning .planning-buttons-group .form-group {
    margin-right: 0;
  }
}
.single-contract-planning .planning-calendar-init .fc-toolbar.fc-header-toolbar {
  margin-bottom: 25px;
}
@media only screen and (max-width: 479px) {
  .single-contract-planning .planning-calendar-init .fc-toolbar.fc-header-toolbar {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .single-contract-planning .planning-calendar-init .fc-toolbar.fc-header-toolbar {
    margin-bottom: 50px;
  }
}

.planning-date {
  position: absolute;
  left: calc(50% - 70px);
}
.planning-date .form-inline input.form-control {
  width: 141px;
  padding-right: 5px;
  padding-left: 5px;
}
.planning-date button {
  height: 38px;
  display: none;
  width: 50px;
  font-weight: bold;
}
.planning-date:hover button {
  display: block;
}

.block-views-exposed-filter-blockplanning-solr-block-with-exposed {
  margin-bottom: 85px;
}

.fc-view-container .fc-timeline .sticky-header {
  background: transparent;
  z-index: 1000;
}
.fc-view-container .fc-timeline .sticky-header .fc-time-area {
  background: white;
  border-bottom: 2px solid #5b5858;
}
.fc-view-container .fc-timeline .sticky-header .fc-head .table-bordered {
  border-bottom: 0 !important;
}
.fc-view-container .fc-timeline .sticky-header th, .fc-view-container .fc-timeline .sticky-header td {
  border: none;
  padding: 0;
}
.fc-view-container .fc-timeline .sticky-header .fc-divider.fc-col-resizer {
  width: 0;
  border: none;
}
.fc-view-container .fc-timeline .fc-time-area table tbody tr:last-child th .fc-cell-text {
  white-space: pre-wrap;
  padding: 2px;
  word-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .fc-view-container .fc-timeline .fc-time-area table tbody tr:last-child th .fc-cell-text {
    font-size: 9px;
  }
}

.fc-cell-content.is_stuck {
  left: inherit !important;
  background: white;
}

body.adminimal-admin-toolbar .fc-cell-content.is_stuck {
  top: 31px !important;
}
body.adminimal-admin-toolbar .block-oktopro-planning-block .fc-head tr .fc-time-area {
  top: 39px !important;
}
body.adminimal-admin-toolbar.toolbar-tray-open .fc-cell-content.is_stuck {
  top: 71px !important;
}
body.adminimal-admin-toolbar.toolbar-tray-open .block-oktopro-planning-block .fc-head tr .fc-time-area {
  top: 79px !important;
}

th.fc-today {
  background: #e2f2f7;
}

.oktopro-form-message-message-replies-form .field--name-field-to-user {
  margin-bottom: 10px;
}
.oktopro-form-message-message-replies-form .field--name-field-to-user .form-item {
  margin-bottom: 0;
}
.oktopro-form-message-message-replies-form .field--name-field-comment {
  margin-bottom: 0;
}

#environment-indicator {
  position: absolute;
  opacity: 0.9;
}

body.env-dev section.region-top, body.env-dev .btn-info, body.env-dev .btn-primary, body.env-dev .block-oktopro-messages-help-block .help-toggle {
  background: #4ca249 none;
  color: white;
}
body.env-dev .btn-info, body.env-dev .btn-primary {
  border: #4ca249;
}
body.env-dev .btn-info {
  background: #4ca249;
}
body.env-dev .oktopro-main-menu .level-group:hover a {
  color: #4ca249;
}
body.env-dev .block-oktopro-messages-help-block .help-toggle:hover {
  border-color: #4ca249;
  color: #4ca249;
  background: white;
}
body.env-dev h1, body.env-dev h2, body.env-dev h3, body.env-dev h4, body.env-dev h5, body.env-dev h6, body.env-dev .h1, body.env-dev .h2, body.env-dev .h3, body.env-dev .h4, body.env-dev .h5, body.env-dev .h6 {
  color: #4ca249;
}
body.env-dev a, body.env-dev .oktopro-main-menu .level-group .level-1 a, body.env-dev .view-content a:not(.btn):not(.okto-reply-fake-btn), body.env-dev .round-user .views-field-field-first-name {
  color: #4ca249;
}
body.env-dev .block-oktopro-messages-help-block .help-toggle::after {
  border-color: #4ca249;
}
body.env-dev .oktopro-main-menu .level-group.level-group-0:first-child:hover, body.env-dev .oktopro-main-menu .level-group.oktopro-active:hover {
  background: none;
}
body.env-dev body.env-test a, body.env-dev body.env-test .oktopro-main-menu .level-group .level-1 a:hover {
  color: white;
}

body.env-test section.region-top, body.env-test .btn-info, body.env-test .btn-primary, body.env-test .block-oktopro-messages-help-block .help-toggle {
  background: #cc2d1e none;
  color: white;
}
body.env-test .btn-info, body.env-test .btn-primary {
  border: #cc2d1e;
}
body.env-test .btn-info {
  background: #cc2d1e;
}
body.env-test .oktopro-main-menu .level-group:hover a {
  color: #cc2d1e;
}
body.env-test .block-oktopro-messages-help-block .help-toggle:hover {
  border-color: #cc2d1e;
  color: #cc2d1e;
  background: white;
}
body.env-test h1, body.env-test h2, body.env-test h3, body.env-test h4, body.env-test h5, body.env-test h6, body.env-test .h1, body.env-test .h2, body.env-test .h3, body.env-test .h4, body.env-test .h5, body.env-test .h6 {
  color: #cc2d1e;
}
body.env-test a, body.env-test .oktopro-main-menu .level-group .level-1 a, body.env-test .view-content a:not(.btn):not(.okto-reply-fake-btn), body.env-test .round-user .views-field-field-first-name {
  color: #cc2d1e;
}
body.env-test .block-oktopro-messages-help-block .help-toggle::after {
  border-color: #cc2d1e;
}
body.env-test .oktopro-main-menu .level-group.level-group-0:first-child:hover, body.env-test .oktopro-main-menu .level-group.oktopro-active:hover {
  background: none;
}
body.env-test body.env-test a, body.env-test body.env-test .oktopro-main-menu .level-group .level-1 a:hover {
  color: white;
}

.contract_prices_manage .code-tr.data-tr:not(.new-code) select[name=measurement] {
  background-color: #eee;
  opacity: 1;
  pointer-events: none;
}

.price-info-popup {
  position: fixed;
  bottom: -14px;
  z-index: 1000;
  background: white;
  width: 100%;
  left: 0;
  padding: 30px;
  font-weight: bold;
  border-top: 3px solid #0c2e56;
}
.price-info-popup [data-drupal-selector*=edit-p-text] {
  max-width: 945px;
  margin: 0 auto;
  position: relative;
}
.price-info-popup [data-drupal-selector*=edit-p-text]:before {
  content: "";
  color: red;
  font: normal normal normal 14px/1 FontAwesome;
  top: 1px;
  font-size: 18px;
  display: inline;
  padding-right: 5px;
}
.price-info-popup [data-drupal-selector*=edit-p-close] {
  position: absolute;
  right: 0spx;
  top: -10px;
  cursor: pointer;
}

.request-new-contract .field,
.request-new-contract .codes-total {
  display: none;
}
.request-new-contract .field-group-tabs-wrapper .field,
.request-new-contract .field-group-tabs-wrapper .codes-total {
  display: block;
}

.go-to-contract-btn {
  margin-bottom: 25px;
}

.no-dest table [data-drupal-selector=edit-codes-tablefield-table-0] td:nth-child(3),
.no-dest table [data-drupal-selector=edit-codes-tablefield-table-0] td:nth-child(4),
.no-dest table [data-drupal-selector=edit-codes-tablefield-table-0] td:nth-child(5) {
  width: 150px;
  max-width: 150px;
}

.user-role-marker {
  font-size: 12px;
  font-style: italic;
}

#views-exposed-form-projects-project-user.views-exposed-form .input-group-addon {
  width: 40px;
}
@media only screen and (min-width: 992px) {
  #views-exposed-form-projects-project-user.views-exposed-form .form--inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #views-exposed-form-projects-project-user.views-exposed-form .form--inline .form-item-project {
    width: 40%;
    max-width: initial;
  }
  #views-exposed-form-projects-project-user.views-exposed-form .form--inline .form-item-uid {
    max-width: 250px;
  }
  #views-exposed-form-projects-project-user.views-exposed-form .form--inline .form-type-date input.form-date {
    width: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #views-exposed-form-projects-project-user.views-exposed-form .form--inline .form-item-location input.form-text {
    max-width: 200px;
  }
}

.form-type-password {
  position: relative;
  padding-right: 24px;
}
.form-type-password .eye-open, .form-type-password .eye-close {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: calc(50% - 8px);
}

@media only screen and (min-width: 992px) {
  .hh-mode .region-top.mb .region.region-top:after {
    content: url(/themes/custom/oktopro/images/holidays/hh.svg);
    display: block;
    position: absolute;
    width: 600px;
    left: calc(50% - 300px);
    padding-top: 25px;
    z-index: -1000;
  }
}
.hh-mode .region-top.mb .slide-wrap {
  margin-bottom: 90px;
}
.hh-mode .region-top.mb .slide-wrap:after {
  content: url(/themes/custom/oktopro/images/holidays/hh.svg);
  display: block;
  position: absolute;
  width: 450px;
  left: calc(50% - 225px);
  padding-top: 25px;
  z-index: -1000;
}
@media only screen and (max-width: 479px) {
  .hh-mode .region-top.mb .slide-wrap:after {
    width: 100%;
    left: 0;
    padding: 25px 10px 0 10px;
  }
}

.kn-base-shoutbox {
  display: inline-block;
}
.kn-base-shoutbox .bubbled-link-wrapper {
  position: relative;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-original-text {
  display: none;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter {
  position: absolute;
  top: calc(100% - 30px);
  right: -25px;
  margin: 0;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper {
  border: 2px solid transparent;
  border-radius: 100%;
  -webkit-transition: all 0.1s ease-in-out;
  transition: border 0.1s ease-in-out;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper.not-read:hover {
  border-color: #fff;
  background-color: #fff;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper.not-read:hover .shoutbox.not-read {
  background-position: 0 -46px;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper.all-read:hover {
  border-color: #fff;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper.all-read:hover .shoutbox.all-read {
  background-position: -46px -46px;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper .shoutbox {
  background: url(../images/knowledge_base_shoutbox_noback.svg) no-repeat;
  background-size: 200%;
  width: 45px;
  height: 45px;
  display: block;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper .shoutbox.not-read {
  position: relative;
  background-position: 0 0;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper .shoutbox.not-read .number {
  border-radius: 12px;
  position: absolute;
  top: -3px;
  right: -3px;
  font-size: 11px;
  font-weight: 400;
  padding: 1px 5px 0 5px;
  display: block;
  background-color: #f65f7c;
  color: white;
  z-index: 100;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper .shoutbox.all-read {
  background-position: -46px 1px;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper .shoutbox.all-read .number {
  display: none;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble {
  z-index: 1001;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.all-read, .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.not-read {
  border: 2px solid #c4c4c4;
  border-radius: 100px 100px 0 0;
  border-bottom: none;
  background-color: #fff;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.all-read:hover, .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.not-read:hover {
  border: 2px solid #c4c4c4;
  border-radius: 100px 100px 0 0;
  border-bottom: none;
  background-color: #fff;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.all-read:hover .shoutbox, .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.not-read:hover .shoutbox {
  background-position: -46px -92px;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.all-read .shoutbox, .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.not-read .shoutbox {
  background-position: -46px -92px;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.all-read:after, .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter.show-bubble .shoutbox-wrapper.not-read:after {
  content: "";
  display: block;
  width: 2px;
  height: 25px;
  background: white;
  position: absolute;
  top: 32px;
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble:not(.show-bubble) {
  display: none;
  overflow: hidden;
  height: 0;
  width: 0;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble {
  background: white;
  overflow: auto;
  height: 460px;
  position: absolute;
  z-index: 1000;
  top: 0;
  width: 400px;
  right: -25px;
  border: 2px solid #c4c4c4;
  border-left: none;
  direction: rtl;
  border-radius: 0px 0px 5px 5px;
  box-shadow: -1px 10px 44px -20px rgba(0, 0, 0, 0.94);
  /* Scrollbar */
}
@media only screen and (max-width: 479px) {
  .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble {
    max-width: 300px;
  }
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble::-webkit-scrollbar {
  width: 2px;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble::-webkit-scrollbar-track {
  background: #c4c4c4;
  border-bottom-left-radius: 5px;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 100%;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view {
  direction: ltr;
  position: relative;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-header {
  position: sticky;
  top: 0;
  z-index: 10002;
  text-align: center;
  padding: 5px;
  font-size: 13px;
  border-bottom: 1px solid #e1e1e1;
  color: #9a9a9a;
  font-weight: bold;
  background-color: #fff;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row {
  padding: 15px 10px 15px 0;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .views-field-fieldset, .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .left-side {
  flex: 1 20%;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .views-field-fieldset-1, .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .right-side {
  flex: 1 80%;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .article-title, .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .article-title a {
  font-size: 13px;
  font-weight: bold;
  color: #0075cd;
  text-decoration: none;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .article-title:hover, .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .article-title a:hover {
  color: #142d55;
  text-decoration: none;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .authored-by {
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: bold;
  color: #9a9a9a;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .authored-on {
  margin-top: 10px;
  display: flex;
  line-height: 15px;
  font-size: 13px;
  font-weight: bold;
  color: #9a9a9a;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .authored-on .glyphicon {
  margin-right: 5px;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .article-summary {
  font-size: 13px;
  font-weight: bold;
  color: black;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .images ul {
  list-style: none;
  padding: 0;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row .user-picture img {
  margin: auto;
}
.kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble.show-bubble .view .view-content .views-row.not-read-article {
  background-color: #ecf7fd;
}

.slide-wrap .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter {
  position: relative;
  left: 47px;
}
.slide-wrap .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper.not-read:after, .slide-wrap .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-counter .shoutbox-wrapper.all-read:after {
  left: initial;
  right: -1px;
  top: 25px;
  width: 4px;
}
.slide-wrap .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble {
  top: 23px;
  left: 47px;
  direction: initial;
  border: 2px solid #c4c4c4;
  border-right: none;
}
.slide-wrap .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble .view a {
  pointer-events: initial;
}
.slide-wrap .kn-base-shoutbox .bubbled-link-wrapper .bubbled-link-bubble .view .article-title a {
  padding: 0;
}

.border-radius-50 img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

tr[data-transport-row] td:last-child {
  display: none;
}

body.train-instance section.region-top {
  background-color: #0b75d9;
}
body.train-instance .oktopro-main-menu .level-group.oktopro-active:hover {
  background: #0b75d9;
}
body.train-instance .oktopro-main-menu .level-group.level-group-0:first-child:hover {
  background: #0b75d9;
}
body.train-instance .slide-wrap {
  background-color: #0b75d9;
}
body.train-instance .slide-wrap .slide-menu .oktopro-main-menu {
  background-color: #0b75d9;
}
body.local-instance section.region-top {
  background-color: #1b5600;
}
body.local-instance .oktopro-main-menu .level-group.oktopro-active:hover {
  background: #1b5600;
}
body.local-instance .oktopro-main-menu .level-group.level-group-0:first-child:hover {
  background: #1b5600;
}
body.local-instance .slide-wrap {
  background-color: #1b5600;
}
body.local-instance .slide-wrap .slide-menu .oktopro-main-menu {
  background-color: #1b5600;
}
body.stage-instance section.region-top {
  background-color: #cc2d1e;
}
body.stage-instance .oktopro-main-menu .level-group.oktopro-active:hover {
  background: #cc2d1e;
}
body.stage-instance .oktopro-main-menu .level-group.level-group-0:first-child:hover {
  background: #cc2d1e;
}
body.stage-instance .slide-wrap {
  background-color: #cc2d1e;
}
body.stage-instance .slide-wrap .slide-menu .oktopro-main-menu {
  background-color: #cc2d1e;
}
body.dev-instance section.region-top {
  background-color: #cc8b00;
}
body.dev-instance .oktopro-main-menu .level-group.oktopro-active:hover {
  background: #cc8b00;
}
body.dev-instance .oktopro-main-menu .level-group.level-group-0:first-child:hover {
  background: #cc8b00;
}
body.dev-instance .slide-wrap {
  background-color: #cc8b00;
}
body.dev-instance .slide-wrap .slide-menu .oktopro-main-menu {
  background-color: #cc8b00;
}

.instance-label-wrapper {
  display: flex;
  justify-content: center;
}
.instance-label-wrapper .instance-label {
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 200px;
  text-transform: uppercase;
  margin: 15px auto;
  letter-spacing: 1.5em;
  padding-left: calc(20px + 1.5em);
}
.instance-label-wrapper .instance-label:hover {
  background-image: linear-gradient(180deg, #e2e8f2, #e2e8f2);
  color: #0f2856;
}

.tooltip.instance-label-tooltip {
  margin-top: 6px;
  opacity: 1;
}
.tooltip.instance-label-tooltip .tooltip-arrow {
  top: -3px;
  border-width: 0 10px 10px;
  border-bottom-color: #333;
}
.tooltip.instance-label-tooltip .tooltip-inner {
  padding: 20px;
  color: #fff;
  background-color: #333;
  font-size: 16px;
  width: 275px;
  max-width: 275px;
  text-align: justify;
}

body.has-instance-label .oktopro-main-menu .level-group .level-1 {
  top: calc(64px + 74px);
}
body.has-instance-label.adminimal-admin-toolbar #block-oktopro-main-menu .level-1 {
  top: calc(103px + 74px);
}
body.has-instance-label.adminimal-admin-toolbar.toolbar-tray-open.toolbar-horizontal #block-oktopro-main-menu .level-1 {
  top: calc(143px + 74px);
}
body.has-instance-label.adminimal-admin-toolbar.toolbar-tray-open.toolbar-vertical #block-oktopro-main-menu .level-1 {
  top: calc(96px + 80px);
}

tr[data-transport-row] td:last-child {
  display: none;
}

.form-type-password {
  position: relative;
  padding-right: 34px;
}
.form-type-password .eye-open, .form-type-password .eye-close {
  margin: 0;
  position: absolute;
  right: 5px;
  bottom: 0;
  height: 100%;
  width: 24px;
}
.form-type-password .eye-open {
  background: url(/themes/custom/oktopro/images/icons/materials/eye.svg) no-repeat;
  background-size: 24px;
  background-position: center;
}
.form-type-password .eye-close {
  background: url(/themes/custom/oktopro/images/icons/materials/eye-off.svg) no-repeat;
  background-size: 24px;
  background-position: center;
}

span.org-type-group-label {
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  display: block;
}

.ui-autocomplete .ui-menu-item span.project-name {
  font-weight: bold;
}
.ui-autocomplete .ui-menu-item span.project-number {
  color: #888;
  font-style: italic;
}
.ui-autocomplete .ui-menu-item span.project-number:hover {
  color: #fff;
}
.ui-autocomplete .ui-menu-item:hover span.project-number {
  color: #fff;
}

.commercial-container .commercial-container-inputs {
  float: right;
}
.commercial-container .commercial-container-inputs .form-item {
  display: inline-block;
}

.org-blocked .company-info-title a:first-child {
  position: relative;
}
.org-blocked .company-info-title a:first-child:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  color: #cc2d1e;
  font-size: 15px;
  top: -13px;
  right: -50px;
  z-index: 1000;
  background: white;
  border-radius: 50%;
  padding: 2px;
}

.select-primary {
  border: 2px solid #0375da;
}

.select-secondary {
  border: 2px solid #1cdae6;
}

.entity-node-invite-form .view-invite .col .views-field-oktopro-invite,
.path-marketplace .view-invite .col .views-field-oktopro-invite {
  border-bottom: 1px solid black;
}
.entity-node-invite-form h2,
.path-marketplace h2 {
  font-size: 14px;
}
.entity-node-invite-form .views-label,
.path-marketplace .views-label {
  font-weight: bold;
  display: inline;
}
.entity-node-invite-form .field-content,
.path-marketplace .field-content {
  display: inline;
}
.entity-node-invite-form .field-content .address,
.path-marketplace .field-content .address {
  display: inline;
}
.entity-node-invite-form .field-content .address span,
.path-marketplace .field-content .address span {
  display: inline;
}

.related-catalog-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.related-catalog-links > .btn {
  min-width: 30%;
  margin-bottom: 15px;
}

div[id*=drupal-dialog-entityentity-legal-documentcanonical] {
  z-index: 100000;
}
div[id*=drupal-dialog-entityentity-legal-documentcanonical] .modal-dialog {
  position: fixed;
  background: #000000c7;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  overflow: scroll;
}
div[id*=drupal-dialog-entityentity-legal-documentcanonical] .modal-dialog .modal-content.cookies-dialog {
  max-width: 600px;
  vertical-align: middle;
  width: 90%;
  margin: 30px auto auto;
  max-height: none;
}

.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical {
  width: 100%;
  background-color: #e2e8f2;
  padding: 30px 10px;
  -moz-box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.12);
  border: none;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper {
  float: left;
  width: 20%;
  padding-right: 10px;
}
@media only screen and (max-width: 479px) {
  .oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper {
    width: 100%;
  }
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  float: none;
  background: none;
  border: none;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin: 0 0 5px;
  background: none;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li:hover,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li:hover {
  background-color: #fff;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li:focus, .oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li:visited, .oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li:active, .oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li.ui-state-focus,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li:focus,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li:visited,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li:active,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li.ui-state-focus {
  outline: none;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li a,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li a {
  display: block;
  width: 100%;
  font-weight: bold;
  padding: 10px;
  white-space: normal;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li a:hover,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li a:hover {
  text-decoration: none;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li a:focus, .oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li a:visited, .oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li a:active, .oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li a.ui-state-focus,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li a:focus,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li a:visited,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li a:active,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li a.ui-state-focus {
  outline: none;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li.ui-tabs-active,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li.ui-tabs-active {
  background: #fff;
  border-left: 4px solid #0f2856;
  -moz-box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.12);
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li.ui-tabs-active a,
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li.ui-tabs-active a {
  color: #00d8e1;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.additional-links li[aria-controls=three-party-agreement],
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .tabs-navigation-wrapper ul.ui-tabs-nav li[aria-controls=three-party-agreement] {
  filter: grayscale(1);
  opacity: 0.5;
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .ui-tabs-panel {
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  float: left;
  width: 80%;
  padding: 0;
}
@media only screen and (max-width: 479px) {
  .oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .ui-tabs-panel {
    width: 100%;
  }
}
.oktopro-legal-pages-wrapper .block-blocktabs .blocktabs.ui-tabs-vertical .ui-tabs-panel .oktopro-legal-document {
  background: #fff;
}

.oktopro-legal-document.legal-page {
  padding: 15px 5px;
}
.oktopro-legal-document.legal-page .header {
  border-bottom: 2px solid #c4c5c4;
  padding: 10px 0;
}
.oktopro-legal-document.legal-page .header .title-wrapper {
  padding: 0 30px;
}
.oktopro-legal-document.legal-page .header .title-wrapper .title {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
}
.oktopro-legal-document.legal-page .header .title-wrapper .title .doc-version {
  font-size: 10px;
  display: block;
}
.oktopro-legal-document.legal-page .header .title-wrapper .created-date {
  font-size: 12px;
  color: #8a8a8a;
  font-weight: bold;
}
.oktopro-legal-document.legal-page .header .download-link .print__link {
  width: 100%;
  color: #fff;
  background-color: #0f2856;
  border-color: #0f2856;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-image: linear-gradient(#153879, #0f2856 60%, #0c2045);
  background-repeat: no-repeat;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  padding: 8px 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;
}
.oktopro-legal-document.legal-page .header .download-link .print__link:hover {
  text-decoration: none;
}
.oktopro-legal-document.legal-page .content {
  padding: 15px;
  height: 450px;
  overflow: auto;
}
.oktopro-legal-document.legal-page.entity-legal-document h2, .oktopro-legal-document.legal-page.entity-legal-document h3, .oktopro-legal-document.legal-page.entity-legal-document h4 {
  color: #00d8e1;
}
.oktopro-legal-document.legal-page.entity-legal-document h3 {
  font-size: 18px;
  font-weight: bold;
}

.building-plans-file-formatter-wrapper .field--name-field-building-plans-info {
  padding: 5px 10px 20px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.building-plans-file-formatter-wrapper .field--name-field-building-plans-info .field--label {
  color: #0f2856;
  font-size: 18px;
  font-family: ng;
  margin-bottom: 10px;
  font-weight: normal;
}
.building-plans-file-formatter-wrapper .field--name-field-building-plans-info .g-translation {
  border-top: 1px solid #efecec;
}
.building-plans-file-formatter-wrapper .field--name-field-building-plans-info .action-buttons {
  display: flex;
  flex-direction: row-reverse;
}
.building-plans-file-formatter-wrapper .field--name-field-building-plans-info .action-buttons > * {
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  text-align: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px;
  font-size: 18px;
  padding: 6px;
  color: #000 !important;
  opacity: 0.4;
}
.building-plans-file-formatter-wrapper .field--name-field-building-plans-info .action-buttons > *:hover {
  opacity: 1;
}
.building-plans-file-formatter-wrapper .field--name-field-building-plans-info .action-buttons > * .material-icons {
  font-size: 16px;
}
.building-plans-file-formatter-wrapper .field--name-field-building-plans-info .action-buttons a.okto-translate {
  position: relative;
}
.building-plans-file-formatter-wrapper .field--name-field-building-plans-info .action-buttons a.okto-translate .ajax-throbber {
  font-size: 14px;
  position: absolute;
  top: calc(50% - 7px);
}
.building-plans-file-formatter-wrapper .views-label {
  font-size: 18px;
  margin-left: 12px;
  color: #0f2856;
  margin-bottom: 10px;
  display: block;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper {
  display: flex;
  flex-direction: column-reverse;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table {
  border: none;
  margin-bottom: 0;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table thead {
  display: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table > thead > tr > th,
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table > thead > tr > td,
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table > tbody > tr > th,
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table > tbody > tr > td,
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table > tfoot > tr > th,
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table > tfoot > tr > td {
  border: none;
  padding: 0 5px;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table > thead > tr > th,
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table > thead > tr > td {
  border: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table th:last-child,
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table th:first-child {
  font-size: 0;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table .tabledrag-hide {
  display: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td:last-child {
  text-align: right;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td a.tabledrag-handle {
  display: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .file {
  margin: 0;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .file > * {
  border: none;
  background: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .file .file-link a {
  text-decoration: none !important;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .file .file-link a:hover {
  text-decoration: underline;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .file .file-size {
  display: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .button {
  font-size: 12px;
  font-weight: bold;
  border: none;
  background: none;
  color: #ff0000;
  padding: 0 10px;
  margin: 0;
  position: relative;
  outline: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .button:hover {
  text-decoration: underline !important;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .button:focus {
  outline: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .button .icon {
  display: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper table tr.draggable td .button .icon.ajax-throbber {
  font-size: 10px;
  margin-top: 5px;
  display: inline-block;
  position: absolute;
  left: -5px;
  top: 0;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file {
  position: relative;
  height: 27px;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file label {
  position: absolute;
  top: 5px;
  left: 13px;
  font-size: 10.5px;
  cursor: pointer;
  color: #0645ad;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file label:before {
  content: " ";
  display: inline-block;
  border: 1px dashed;
  width: 15.75px;
  height: 15px;
  margin-right: 7px;
  margin-bottom: -2px;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file div.form-managed-file {
  position: absolute;
  width: 100%;
  height: 100%;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file div.form-managed-file *:not(.progress-bar) {
  color: transparent;
  background: transparent;
  border: transparent;
  box-shadow: none;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file div.form-managed-file *:not(.progress-bar).messages {
  position: absolute;
  bottom: 0;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 15px;
  animation: 15s hide;
  animation-fill-mode: forwards;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file div.form-managed-file *:not(.progress-bar).messages, .building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file div.form-managed-file *:not(.progress-bar).messages * {
  color: inherit;
  background-color: inherit;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file div.form-managed-file *:not(.progress-bar).messages.messages--error, .building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file div.form-managed-file *:not(.progress-bar).messages *.messages--error {
  color: indianred;
  background-color: #ffececeb;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file div.form-managed-file input.form-file {
  opacity: 0;
  width: 90px;
  height: 20px;
  cursor: pointer;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file .progress-wrapper {
  margin: 0;
  position: absolute;
  top: -16px;
  width: 100%;
  background: white !important;
  padding: 0 12px;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file .progress-wrapper .message {
  color: gray !important;
  font-size: 10px;
  margin-top: 10px;
  margin-bottom: 0;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file .progress-wrapper .progress {
  margin: 0;
}
.building-plans-file-formatter-wrapper div[class*=field--widget-] .form-wrapper div.form-type-managed-file .help-block {
  display: none;
}
.building-plans-file-formatter-wrapper .form-actions {
  text-align: center;
  margin-top: 20px;
}
.building-plans-file-formatter-wrapper .form-actions button {
  border-radius: 25px;
  padding: 5px 30px;
  background: none !important;
}
.building-plans-file-formatter-wrapper .form-actions button .icon:not(.ajax-throbber) {
  display: none;
}
.building-plans-file-formatter-wrapper .form-actions button.btn-success {
  color: #153879;
  border-color: #153879 !important;
}
.building-plans-file-formatter-wrapper .form-actions button:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.225);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.225);
}
.building-plans-file-formatter-wrapper .edit-link-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}
.building-plans-file-formatter-wrapper .edit-link-wrapper a {
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.22);
  text-align: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px;
  font-size: 18px;
  padding: 6px;
  color: #000 !important;
  opacity: 0.4;
  position: relative;
}
.building-plans-file-formatter-wrapper .edit-link-wrapper a .ajax-throbber {
  font-size: 14px;
  position: absolute;
  top: calc(50% - 7px);
  color: #fff;
}
.building-plans-file-formatter-wrapper .edit-link-wrapper a i {
  font-size: 16px;
}
.building-plans-file-formatter-wrapper .edit-link-wrapper a:focus, .building-plans-file-formatter-wrapper .edit-link-wrapper a:active, .building-plans-file-formatter-wrapper .edit-link-wrapper a:hover {
  opacity: 1;
  text-decoration: none;
  background-color: #0f2856;
}
.building-plans-file-formatter-wrapper .edit-link-wrapper a:focus i, .building-plans-file-formatter-wrapper .edit-link-wrapper a:active i, .building-plans-file-formatter-wrapper .edit-link-wrapper a:hover i {
  color: #fff;
}
.building-plans-file-formatter-wrapper .file {
  margin: 0;
  padding: 0 5px;
}
.building-plans-file-formatter-wrapper .file > *, .building-plans-file-formatter-wrapper .file span:first-child, .building-plans-file-formatter-wrapper .file span {
  border: none;
}
.building-plans-file-formatter-wrapper .file .file-size {
  display: none;
  opacity: 0.3;
  font-style: italic;
}

.block-views-blockoktopro-tools-and-instrucions-block-oktopro-tools-and-instrucions .views-infinite-scroll-header {
  color: #0f2856;
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  font-weight: normal;
  border-bottom: 1px solid #eee;
}

.jeditable .placeholder {
  font-style: italic;
  opacity: 0.4;
}
.jeditable form button {
  margin-right: 5px;
  /* Overlay */
  /* Ripple */
  /* Hover, Focus */
  /* Active */
  /* Disabled */
}
.jeditable form button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  border: none;
  padding: 0 16px;
  min-width: 64px;
  height: 24px;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  color: #000;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  transition: box-shadow 0.2s;
  background: none;
  border-radius: 15px;
}
.jeditable form button::-moz-focus-inner {
  border: none;
}
.jeditable form button::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #efefef;
  opacity: 0;
  transition: opacity 0.2s;
}
.jeditable form button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  padding: 50%;
  width: 32px;
  /* Safari */
  height: 32px;
  /* Safari */
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: opacity 1s, transform 0.5s;
}
.jeditable form button:hover, .jeditable form button:focus {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.jeditable form button:hover::before {
  opacity: 0.08;
}
.jeditable form button:focus::before {
  opacity: 0.24;
}
.jeditable form button:hover:focus::before {
  opacity: 0.3;
}
.jeditable form button:active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jeditable form button:active::after {
  opacity: 0.32;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0s;
}
.jeditable form button:disabled {
  color: rgba(0, 0, 0, 0.38);
  background-color: rgba(0, 0, 0, 0.12);
  box-shadow: none;
  cursor: initial;
}
.jeditable form button:disabled::before {
  opacity: 0;
}
.jeditable form button:disabled::after {
  opacity: 0;
}

.service-commission-fee-document .field-label {
  font-weight: bold;
}
.service-commission-fee-document .sides-wrapper .left-side,
.service-commission-fee-document .sides-wrapper .right-side {
  padding: 0 5px 0 0;
}
.service-commission-fee-document .line {
  padding: 1px 3px;
  margin: 8px 0;
}
.service-commission-fee-document .line.odd {
  background-color: #e2e8f2;
}
.service-commission-fee-document .content .content-header {
  text-align: center;
  padding: 15px;
}
.service-commission-fee-document .content .content-header .full-logo img {
  width: 150px;
}
.service-commission-fee-document .content .content-header .content-header-text {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  max-width: 350px;
  margin: 20px auto 0;
}
.service-commission-fee-document .content .content-container .commission-fee-container {
  margin-top: 20px;
}
.service-commission-fee-document .content .content-container .specializations-container .line.odd {
  margin-top: 0;
}
.service-commission-fee-document .content .content-container .specializations-container .field-label {
  padding: 1px 3px;
}
.service-commission-fee-document .content .content-container .specializations-container .specializations-list ul {
  list-style: none;
  padding: 0;
}
.service-commission-fee-document .content .content-container .specializations-container .specializations-list ul li {
  text-align: center;
  margin: 0;
  line-height: 1em;
}
.service-commission-fee-document .content .content-container .specializations-container .specializations-list ul li .spec-scf-wrapper {
  display: inline-flex;
  justify-content: space-around;
  margin: 5px 0;
  align-items: center;
  width: 100%;
}
.service-commission-fee-document .content .content-container .specializations-container .specializations-list ul li .spec-scf-wrapper article.taxonomy_term--view-mode-icon_label {
  flex: 1;
  padding: 0 5px 0 0;
  text-align: left;
}
.service-commission-fee-document .content .content-container .specializations-container .specializations-list ul li .spec-scf-wrapper article.taxonomy_term--view-mode-icon_label .block-region-main section {
  display: inline-block;
  vertical-align: middle;
}
.service-commission-fee-document .content .content-container .specializations-container .specializations-list ul li .spec-scf-wrapper article.taxonomy_term--view-mode-icon_label .block-region-main section .field--name-field-image {
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  padding: 8px;
  border-radius: 50%;
}
.service-commission-fee-document .content .content-container .specializations-container .specializations-list ul li .spec-scf-wrapper article.taxonomy_term--view-mode-icon_label .block-region-main section .field--name-field-image img {
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin: auto;
}
.service-commission-fee-document .content .content-container .specializations-container .specializations-list ul li .spec-scf-wrapper article.taxonomy_term--view-mode-icon_label .block-region-main section .field--name-name {
  min-width: 130px;
  font-family: "ng";
  font-weight: bold;
  font-size: 12px;
  margin: 5px;
  text-align: left;
}
.service-commission-fee-document .content .content-container .specializations-container .specializations-list ul li .spec-scf-wrapper .percentage {
  flex: 1;
  text-align: left;
}

.legal-page-form-sliding-popup-bottom {
  background-color: #00d8e1;
  margin: 0;
  width: 100%;
  z-index: 199;
  left: 0;
  text-align: center;
  position: fixed;
  padding: 15px 40px;
  color: #0f2856;
  font-weight: bold;
}
.legal-page-form-sliding-popup-bottom legend {
  display: none;
}
.legal-page-form-sliding-popup-bottom .checkbox label {
  font-weight: bold;
}
.legal-page-form-sliding-popup-bottom .btn {
  padding-top: 5px;
  padding-bottom: 5px;
}
.legal-page-form-sliding-popup-bottom .notification-text {
  font-size: 12px;
  color: #fff;
}
.legal-page-form-sliding-popup-bottom .form-body-part {
  overflow: auto;
}
@media only screen and (max-width: 479px) {
  .legal-page-form-sliding-popup-bottom .form-body-part {
    padding: 0;
  }
}
.legal-page-form-sliding-popup-bottom .form-body-part .left-side {
  text-align: left;
}
.legal-page-form-sliding-popup-bottom .form-body-part .right-side .fee-acceptance-warning {
  margin-top: 20px;
}
.legal-page-form-sliding-popup-bottom .form-body-part .right-side .fee-acceptance-warning .form-actions {
  margin-top: 20px;
}
.legal-page-form-sliding-popup-bottom .form-body-part .right-side .fee-acceptance-warning .form-actions button {
  background: none;
  border: none;
  color: #0f2856;
}
.legal-page-form-sliding-popup-bottom .form-body-part .right-side .fee-acceptance-warning .form-actions button:hover {
  font-weight: bold;
}
.legal-page-form-sliding-popup-bottom .form-header,
.legal-page-form-sliding-popup-bottom .form-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width: 479px) {
  .legal-page-form-sliding-popup-bottom .form-header,
.legal-page-form-sliding-popup-bottom .form-footer {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 479px) {
  .legal-page-form-sliding-popup-bottom .form-header .form-actions,
.legal-page-form-sliding-popup-bottom .form-footer .form-actions {
    margin-top: 20px;
    text-align: center;
  }
}

.anonymous-legal-pages-acceptance-form {
  position: fixed;
  z-index: 101;
  height: 100%;
  width: 100%;
}

.anonymous-legal-pages-acceptance-form-back {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.5;
  top: 0;
  z-index: 100;
}

.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements {
  display: flex;
  width: 100%;
  margin: auto;
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements > div {
  flex-basis: 0;
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements .search-fields {
  flex-grow: 1;
  margin-right: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 4px;
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements .search-fields:empty {
  display: none;
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements .search-fields > div {
  flex-basis: 0;
  margin: 0;
}
@media only screen and (max-width: 479px) {
  .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements .search-fields {
    flex-direction: column;
  }
  .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements .search-fields > div {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements {
    flex-direction: column-reverse;
  }
  .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements > div {
    flex-basis: auto;
  }
  .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements .search-fields {
    margin-right: 0;
    flex-basis: auto;
    flex-direction: row;
    justify-content: space-around;
  }
  .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements .search-fields > div {
    margin-top: 15px;
    margin-right: 10px;
    flex-basis: auto;
  }
}
@media only screen and (max-width: 479px) {
  .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements .search-fields {
    flex-direction: column;
  }
  .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .exposed-form-elements .search-fields > div {
    width: 100%;
  }
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .form-footer .search-actions-wrapper {
  text-align: right;
  margin-top: 48px;
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .form-footer .search-actions-wrapper .form-actions {
  width: calc(100% - 18px);
  float: none;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .form-footer .search-actions-wrapper .form-actions button {
  width: 160px;
  margin: 0;
  font-weight: bold;
  color: #555555;
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .form-footer .search-actions-wrapper .form-actions button:before, .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .form-footer .search-actions-wrapper .form-actions button:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #808285;
  top: calc(50%);
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .form-footer .search-actions-wrapper .form-actions button:before {
  left: calc(-50% - 130px);
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .form-footer .search-actions-wrapper .form-actions button:after {
  right: calc(-50% - 130px);
}
.block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .form-footer .search-actions-wrapper .form-actions button span {
  display: none;
}
@media only screen and (max-width: 767px) {
  .block-views-exposed-filter-blocksigning-log-signing-log-table-block #views-exposed-form-signing-log-signing-log-table-block .form-footer .search-actions-wrapper button {
    width: 100%;
  }
}

.options-like-buttons {
  margin-top: 20px;
  flex-grow: 2;
}
.options-like-buttons .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
}
.options-like-buttons .form-checkboxes div.form-item.checkbox {
  flex: 1 0 175px;
  max-width: 175px;
  box-sizing: border-box;
  margin: 7px 7px;
}
@media (max-width: 619px) {
  .options-like-buttons .form-checkboxes div.form-item.checkbox {
    margin: 10px 0;
    max-width: calc(100%);
    flex: 1 0 100%;
  }
}
@media (min-width: 620px) {
  .options-like-buttons .form-checkboxes div.form-item.checkbox {
    max-width: calc(33.3333% - 14px);
  }
}
@media (min-width: 830px) {
  .options-like-buttons .form-checkboxes div.form-item.checkbox {
    max-width: calc(33.33333% - 14px);
  }
}
@media (min-width: 1024px) {
  .options-like-buttons .form-checkboxes div.form-item.checkbox {
    max-width: calc(25% - 14px);
  }
}
@media (min-width: 1250px) {
  .options-like-buttons .form-checkboxes div.form-item.checkbox {
    max-width: calc(25% - 14px);
  }
}
@media (min-width: 1460px) {
  .options-like-buttons .form-checkboxes div.form-item.checkbox {
    max-width: calc(25% - 10px);
  }
}
@media (min-width: 1670px) {
  .options-like-buttons .form-checkboxes div.form-item.checkbox {
    max-width: calc(25% - 14px);
  }
}
.options-like-buttons .form-checkboxes div.form-item.checkbox input:checked + label,
.options-like-buttons .form-checkboxes div.form-item.checkbox input:checked + label:active {
  background-color: #f1f2f2;
  border: 1px solid #e0dede;
  color: #0f2856;
}
.options-like-buttons .form-checkboxes div.form-item.checkbox .control-label {
  font-size: 13px;
  border-radius: 18px;
  padding: 4px 15px;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  border: 1px solid #0f2856;
  background-color: #0f2856;
  color: #fff;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.options-like-buttons .form-checkboxes div.form-item.checkbox input {
  display: none;
}

.view-display-id-signing_log_table_block .view-header {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 479px) {
  .view-display-id-signing_log_table_block .view-header {
    flex-direction: column;
  }
}
.view-display-id-signing_log_table_block .view-header a[href*="/print/"] {
  display: block;
  font-size: 0;
  margin: 20px 20px 10px;
}
.view-display-id-signing_log_table_block .view-header a[href*="/print/"]:before {
  content: "";
  width: 30px;
  height: 30px;
  background: url(/themes/custom/oktopro/images/download_icon.svg) no-repeat;
  background-size: contain;
  display: block;
}
@media only screen and (max-width: 479px) {
  .view-display-id-signing_log_table_block .view-header a[href*="/print/"] {
    margin: 0;
  }
}
.view-display-id-signing_log_table_block .view-content table > thead > tr > th,
.view-display-id-signing_log_table_block .view-content table > thead > tr > td,
.view-display-id-signing_log_table_block .view-content table > tbody > tr > th,
.view-display-id-signing_log_table_block .view-content table > tbody > tr > td,
.view-display-id-signing_log_table_block .view-content table > tfoot > tr > th,
.view-display-id-signing_log_table_block .view-content table > tfoot > tr > td {
  padding-top: 15px;
  padding-bottom: 15px;
}
.view-display-id-signing_log_table_block .view-content table thead {
  color: #000;
}
.view-display-id-signing_log_table_block .view-content table thead tr th {
  border-width: 2px;
}
.view-display-id-signing_log_table_block .view-content table thead tr th a, .view-display-id-signing_log_table_block .view-content table thead tr th a:not(.btn) {
  color: #000;
}
.view-display-id-signing_log_table_block .view-content table tbody tr td {
  border: none;
}
.view-display-id-signing_log_table_block .view-content table tbody .suffix {
  font-size: 10px;
  color: #969595;
}
.view-display-id-signing_log_table_block .view-content table.table-striped tbody > tr:nth-child(even) > td, .view-display-id-signing_log_table_block .view-content table.table-striped tbody > tr:nth-child(even) > th {
  background-color: #f4f4f4;
}

.block-oktopro-esignature-logo-block {
  margin: 30px 0;
}
@media only screen and (max-width: 991px) {
  .block-oktopro-esignature-logo-block {
    text-align: center;
  }
}
.block-oktopro-esignature-logo-block .esignature-logo {
  max-width: 250px;
}

.anonymous-acceptance-modal div#drupal-modal--dialog {
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}

.view-knowledge-base-articles img {
  max-width: 100%;
  height: auto;
}

span.org-type-group-label {
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  display: block;
}

@media print {
  .oktopro-locked-functionality-popup,
.block-oktopro-messages-help-block {
    display: none;
  }
}
.trigger-jeditable-form {
  display: block;
  cursor: pointer;
  color: #000;
  opacity: 0.4;
  margin-left: auto;
  margin-right: 0;
}
.trigger-jeditable-form:hover {
  opacity: 1;
}

.block.my-contracts-switcher-form {
  text-align: right;
}

.my-docs-switcher-form {
  padding-right: 15px;
}
.my-docs-switcher-form form {
  display: inline-flex;
}
.my-docs-switcher-form .ajax-throbber.glyphicon-spin {
  position: absolute;
  right: -15px;
  top: calc(50% - 8px);
}
.my-docs-switcher-form .form-type-select .input-group select {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.my-docs-switcher-form .form-type-select .input-group .input-group-addon {
  display: none;
}
.my-docs-switcher-form .add-document-link {
  margin-left: 15px;
}
.my-docs-switcher-form .checkbox {
  display: inline-flex;
}
.my-docs-switcher-form .checkbox .fake-title {
  font-weight: bold;
  margin-right: 10px;
}
.my-docs-switcher-form .checkbox .control-label {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
  padding: 0;
}
.my-docs-switcher-form .checkbox .control-label:before {
  content: "";
  position: relative;
  top: 3px;
  left: 3px;
  width: 34px;
  height: 14px;
  display: block;
  background: #9A9999;
  border-radius: 8px;
  transition: background 0.2s ease;
}
.my-docs-switcher-form .checkbox .control-label span {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: white;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
  transition: all 0.2s ease;
}
.my-docs-switcher-form .checkbox .control-label span:before {
  content: "";
  position: absolute;
  display: block;
  margin: -18px;
  width: 56px;
  height: 56px;
  background: rgba(79, 46, 220, 0.5);
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}
.my-docs-switcher-form .checkbox input {
  display: none;
}
.my-docs-switcher-form .checkbox input:checked + .control-label:before {
  background: #37b0fe;
}
.my-docs-switcher-form .checkbox input:checked + .control-label span {
  background: #1f74d3;
  transform: translateX(20px);
  transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
  box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
}
.my-docs-switcher-form .checkbox input:checked + .control-label span:before {
  transform: scale(1);
  opacity: 0;
  transition: all 0.4s ease;
}

.nice-switcher.checkbox {
  display: inline-flex;
}
.nice-switcher.checkbox.stacked {
  display: block;
  margin: 0 10px;
}
.nice-switcher.checkbox.stacked .prefix {
  display: block;
  margin-bottom: 5px;
  text-align: center;
}
.nice-switcher.checkbox.stacked .prefix .fake-title {
  margin: auto;
}
.nice-switcher.checkbox.stacked label {
  margin: 12px auto auto;
}
@media only screen and (max-width: 1199px) {
  .nice-switcher.checkbox.stacked {
    display: flex;
    margin: 10px 0;
  }
  .nice-switcher.checkbox.stacked .prefix {
    margin: 0 5px 0 0;
  }
  .nice-switcher.checkbox.stacked .prefix .fake-title {
    margin: 0;
  }
  .nice-switcher.checkbox.stacked label {
    margin: 0;
  }
}
.nice-switcher.checkbox .fake-title {
  font-weight: bold;
  margin-right: 10px;
}
.nice-switcher.checkbox .control-label {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
  padding: 0;
}
.nice-switcher.checkbox .control-label:before {
  content: "";
  position: relative;
  top: 3px;
  left: 3px;
  width: 34px;
  height: 14px;
  display: block;
  background: #9A9999;
  border-radius: 8px;
  transition: background 0.2s ease;
}
.nice-switcher.checkbox .control-label span {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  display: block;
  background: white;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
  transition: all 0.2s ease;
}
.nice-switcher.checkbox .control-label span:before {
  content: "";
  position: absolute;
  display: block;
  margin: -18px;
  width: 56px;
  height: 56px;
  background: rgba(79, 46, 220, 0.5);
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
  pointer-events: none;
}
.nice-switcher.checkbox input {
  display: none;
}
.nice-switcher.checkbox input:checked + .control-label:before {
  background: #37b0fe;
}
.nice-switcher.checkbox input:checked + .control-label span {
  background: #1f74d3;
  transform: translateX(20px);
  transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
  box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
}
.nice-switcher.checkbox input:checked + .control-label span:before {
  transform: scale(1);
  opacity: 0;
  transition: all 0.4s ease;
}

.user-anonymous .modal[id*=drupal-dialog] {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}
.user-anonymous .modal[id*=drupal-modal] {
  z-index: 10000;
}
.user-anonymous .modal[id*=drupal-modal] [data-drupal-selector=edit-advanced] {
  display: none;
}

.add-to-calendar-wrapper {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  position: relative;
  z-index: 999;
  font-family: "Open Sans", Roboto, "Helvetica Neue", Helvetica, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
  color: #000 !important;
  font-weight: 600;
  line-height: 100%;
  background: #fff;
  font-size: 15px;
  text-decoration: none;
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-font-smoothing: antialiased !important;
  outline-color: rgba(0, 78, 255, 0.5);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 0.5px rgba(50, 50, 93, 0.17), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 0 transparent !important;
}
.add-to-calendar-wrapper:active {
  border-width: 2px 1px 0 1px;
}
.add-to-calendar-wrapper:hover {
  background-color: #fafafa;
  color: #000;
  font-size: 15px;
  text-decoration: none;
}
.add-to-calendar-wrapper .dropdown-trigger {
  padding: 13px 12px 12px 13px;
}
.add-to-calendar-wrapper .add-to-calendar-dropdown {
  width: 230px;
  position: absolute;
  padding: 6px 0;
  font-family: "Open Sans", Roboto, "Helvetica Neue", Helvetica, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
  color: #000 !important;
  font-weight: 600;
  line-height: 100%;
  background: #fff;
  font-size: 15px;
  text-decoration: none;
  text-align: left;
  margin-left: -1px;
  display: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 10px 26px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 10px 26px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 10px 26px;
  transform: scale(0.98, 0.98) translateY(5px);
  opacity: 0.5;
  z-index: -1;
  transition: transform 0.15s ease;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.add-to-calendar-wrapper .add-to-calendar-dropdown.show {
  display: block;
  left: -2px;
  top: -80.5px;
  opacity: 1;
  transform: scale(1, 1) translateY(0px);
  z-index: 1000;
}
.add-to-calendar-wrapper .add-to-calendar-dropdown a {
  display: block;
  line-height: 100%;
  background: #fff;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 15px;
  color: #333 !important;
  font-weight: 600;
  padding: 14px 10px 14px 55px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.add-to-calendar-wrapper .add-to-calendar-dropdown a.yahoo {
  background: url(/themes/custom/oktopro/images/add_to_calendar/icon-yahoo.svg) 18px 40% no-repeat;
  background-size: 22px 100%;
}
.add-to-calendar-wrapper .add-to-calendar-dropdown a.webOutlook {
  background: url(/themes/custom/oktopro/images/add_to_calendar/icon-outlookcom.svg) 18px 40% no-repeat;
  background-size: 22px 100%;
}
.add-to-calendar-wrapper .add-to-calendar-dropdown a.ics {
  background: url(/themes/custom/oktopro/images/add_to_calendar/icon-outlook.svg) 18px 40% no-repeat;
  background-size: 22px 100%;
}
.add-to-calendar-wrapper .add-to-calendar-dropdown a.google {
  background: url(/themes/custom/oktopro/images/add_to_calendar/icon-google.svg) 18px 40% no-repeat;
  background-size: 22px 100%;
}
.add-to-calendar-wrapper .add-to-calendar-dropdown a:hover {
  background-color: #f4f4f4;
  color: #000;
  text-decoration: none;
  font-size: 15px;
}
.add-to-calendar-wrapper .add-to-calendar-dropdown a em {
  color: #999 !important;
  font-size: 12px !important;
  font-weight: 400;
}
.add-to-calendar-wrapper.inside-modal {
  display: block;
  max-width: 270px;
  margin: 60px auto 20px;
}
.add-to-calendar-wrapper.inside-modal .add-to-calendar-dropdown.show {
  top: -115px;
  left: calc(50% - 115px);
}

.view-oktopro-documents-in-contracts .view-header {
  text-align: right;
  padding: 0 8px;
}

.user-anonymous .modal[id*=drupal-dialog] {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}
.user-anonymous .modal[id*=drupal-modal] {
  z-index: 10000;
}
.user-anonymous .modal[id*=drupal-modal] [data-drupal-selector=edit-advanced] {
  display: none;
}

.invite-wrapper {
  border: 1px solid #80808014;
  -moz-box-shadow: 0 0 7px 0 rgba(99, 84, 84, 0.47);
  -webkit-box-shadow: 0 0 7px 0 rgba(99, 84, 84, 0.47);
  box-shadow: 0 0 7px 0 rgba(99, 84, 84, 0.47);
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 35px;
}
.invite-wrapper.own-prices {
  border-color: #3cdde8;
}
.invite-wrapper:hover .invite-selection .form-item label {
  border: 1px solid #0b75d9;
}
.invite-wrapper .invite-selection {
  position: absolute;
  top: -10px;
  left: calc(50% - 145px);
  background: white;
  border-radius: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: none;
}
.invite-wrapper .invite-selection .form-item {
  display: inline-block;
  margin: 0;
}
.invite-wrapper .invite-selection .form-item label {
  color: #0b75d9;
  background: #fff;
  border: 1px solid #fff;
  padding: 1px 5px;
  min-width: 145px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: bold;
  font-size: 12px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -moz-box-shadow: 0 0 7px 0 rgba(99, 84, 84, 0.47);
  -webkit-box-shadow: 0 0 7px 0 rgba(99, 84, 84, 0.47);
  box-shadow: 0 0 7px 0 rgba(99, 84, 84, 0.47);
}
.invite-wrapper .invite-selection .form-item label:hover, .invite-wrapper .invite-selection .form-item label.invited {
  color: #fff;
  background: #0b75d9;
}
.invite-wrapper .invite-selection .form-item label input {
  display: none;
}
.invite-wrapper .invite-content-top-right {
  margin-bottom: 20px;
  padding-top: 15px;
}
.invite-wrapper .invite-field-label {
  font-size: 13px;
}
.invite-wrapper .invite-field-content {
  margin-bottom: 20px;
  font-size: 13px;
}
.invite-wrapper .invite-field-content:last-child {
  margin-bottom: 0;
}
.invite-wrapper .invite-content-bottom {
  display: grid;
  grid-template-rows: repeat(auto-fit, 65px);
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 15px;
  grid-column-gap: 10px;
  margin: 10px 10px 10px 60px;
}
.invite-wrapper .invite-content-bottom:before, .invite-wrapper .invite-content-bottom:after {
  display: none;
}
.invitation-prices-summary {
  border-top: 1px solid #efecec;
  margin-top: 25px;
}
.invitation-prices-summary .inner-row {
  display: flex;
  justify-content: space-between;
  padding: 15px 5px;
}
.invitation-prices-summary .inner-row > div {
  width: 50%;
}
.invitation-prices-summary .inner-row.figures .inner-row-splitter {
  border-right: 1px solid #efecec;
  flex: 0 0 0;
}
.invitation-prices-summary .inner-row.figures .field {
  padding: 0 10px 10px;
}
.invitation-prices-summary .inner-row.figures .field .field--label {
  font-size: 13px;
}
.invitation-prices-summary .inner-row.figures .field .field--item {
  font-size: 26px;
}
.invitation-prices-summary .inner-row.figures .field .field--item i.fa {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 5px;
}
.invitation-prices-summary .inner-row.figures .field .field--item i.fa.fa-exchange {
  color: #ddd;
}
.invitation-prices-summary .inner-row.figures .field .field--item i.fa.fa-arrow-circle-up {
  color: #D81E1E;
}
.invitation-prices-summary .inner-row.figures .field .field--item i.fa.fa-arrow-circle-down {
  color: #058C42;
}
.invitation-prices-summary .inner-row.figures .difference {
  display: flex;
  justify-content: space-between;
  padding: 0 10px 10px;
}
.invitation-prices-summary .inner-row.figures .difference .field {
  padding: 0;
}
.invitation-prices-summary .inner-row.figures .difference .field .field--item {
  font-size: 14px;
}
.invitation-prices-summary .inner-row.link {
  justify-content: center;
  padding: 0;
}
.invitation-prices-summary .inner-row.link a {
  padding: 3px 15px;
}

.node-contract-invite-form [data-drupal-selector=edit-actions] {
  text-align: center;
}
.node-contract-invite-form .field--name-field-send-to-market #edit-field-send-to-market {
  display: flex;
  flex-direction: column-reverse;
  text-align: left;
  margin: 0 auto;
  max-width: 450px;
  padding-top: 20px;
}
.node-contract-invite-form .field--name-field-send-to-market #edit-field-send-to-market div {
  margin-top: 0 !important;
}

.view-display-id-public .contract.marketplace-item.mp-clean,
.view-display-id-out .contract.marketplace-item.mp-clean {
  padding-top: 0;
}
.view-display-id-public .contract.marketplace-item.mp-clean .marketplace-fields-header,
.view-display-id-out .contract.marketplace-item.mp-clean .marketplace-fields-header {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.contract.marketplace-item,
.contract.market-preview,
.contract.market-preview-mc,
.contract.marketplace-item-outsourced-manager-sc,
.contract.marketplace-item-sc-partner {
  border: 3px solid #80808014;
  border-radius: 15px;
  padding: 15px 30px 25px 30px;
  margin-bottom: 35px;
}
.contract.marketplace-item .mpi-invitations .mpi-invitations-header,
.contract.market-preview .mpi-invitations .mpi-invitations-header,
.contract.market-preview-mc .mpi-invitations .mpi-invitations-header,
.contract.marketplace-item-outsourced-manager-sc .mpi-invitations .mpi-invitations-header,
.contract.marketplace-item-sc-partner .mpi-invitations .mpi-invitations-header {
  position: absolute;
  top: -10px;
  left: calc(50% - 110px);
  background: white;
  border-top: 3px solid #80808014;
  border-radius: 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.contract.marketplace-item .mpi-invitations .mpi-invitations-header div,
.contract.market-preview .mpi-invitations .mpi-invitations-header div,
.contract.market-preview-mc .mpi-invitations .mpi-invitations-header div,
.contract.marketplace-item-outsourced-manager-sc .mpi-invitations .mpi-invitations-header div,
.contract.marketplace-item-sc-partner .mpi-invitations .mpi-invitations-header div {
  color: #0b75d9;
  background: #fff;
  border: 1px solid #fff;
  padding: 1px 5px;
  min-width: 110px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.contract.marketplace-item .mpi-invitations .mpi-invitations-header div.mpi-active, .contract.marketplace-item .mpi-invitations .mpi-invitations-header div:hover,
.contract.market-preview .mpi-invitations .mpi-invitations-header div.mpi-active,
.contract.market-preview .mpi-invitations .mpi-invitations-header div:hover,
.contract.market-preview-mc .mpi-invitations .mpi-invitations-header div.mpi-active,
.contract.market-preview-mc .mpi-invitations .mpi-invitations-header div:hover,
.contract.marketplace-item-outsourced-manager-sc .mpi-invitations .mpi-invitations-header div.mpi-active,
.contract.marketplace-item-outsourced-manager-sc .mpi-invitations .mpi-invitations-header div:hover,
.contract.marketplace-item-sc-partner .mpi-invitations .mpi-invitations-header div.mpi-active,
.contract.marketplace-item-sc-partner .mpi-invitations .mpi-invitations-header div:hover {
  color: #fff;
  background: #0b75d9;
}
.contract.marketplace-item .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab,
.contract.market-preview .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab,
.contract.market-preview-mc .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab,
.contract.marketplace-item-outsourced-manager-sc .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab,
.contract.marketplace-item-sc-partner .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab {
  display: none;
}
.contract.marketplace-item .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab.mpi-invitations-tabs-active,
.contract.market-preview .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab.mpi-invitations-tabs-active,
.contract.market-preview-mc .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab.mpi-invitations-tabs-active,
.contract.marketplace-item-outsourced-manager-sc .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab.mpi-invitations-tabs-active,
.contract.marketplace-item-sc-partner .mpi-invitations .mpi-invitations-tabs .mpi-invitations-tab.mpi-invitations-tabs-active {
  display: block;
}
.contract.marketplace-item .views-row,
.contract.market-preview .views-row,
.contract.market-preview-mc .views-row,
.contract.marketplace-item-outsourced-manager-sc .views-row,
.contract.marketplace-item-sc-partner .views-row {
  float: none !important;
}
.contract.marketplace-item .marketplace-fields-header,
.contract.market-preview .marketplace-fields-header,
.contract.market-preview-mc .marketplace-fields-header,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-header,
.contract.marketplace-item-sc-partner .marketplace-fields-header {
  margin-bottom: 5px;
  padding: 20px;
  margin-left: -30px;
  margin-right: -30px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.contract.marketplace-item .marketplace-fields-header .market-price,
.contract.market-preview .marketplace-fields-header .market-price,
.contract.market-preview-mc .marketplace-fields-header .market-price,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-header .market-price,
.contract.marketplace-item-sc-partner .marketplace-fields-header .market-price {
  font-size: 31px;
}
.contract.marketplace-item .marketplace-fields-header .market-rate,
.contract.market-preview .marketplace-fields-header .market-rate,
.contract.market-preview-mc .marketplace-fields-header .market-rate,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-header .market-rate,
.contract.marketplace-item-sc-partner .marketplace-fields-header .market-rate {
  font-size: 14px;
  margin-top: -3px;
}
.contract.marketplace-item .marketplace-fields-header .col-xs-3,
.contract.market-preview .marketplace-fields-header .col-xs-3,
.contract.market-preview-mc .marketplace-fields-header .col-xs-3,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-header .col-xs-3,
.contract.marketplace-item-sc-partner .marketplace-fields-header .col-xs-3 {
  padding-right: 0;
  padding-left: 10px;
}
.contract.marketplace-item .marketplace-fields-header .col-xs-3 img,
.contract.market-preview .marketplace-fields-header .col-xs-3 img,
.contract.market-preview-mc .marketplace-fields-header .col-xs-3 img,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-header .col-xs-3 img,
.contract.marketplace-item-sc-partner .marketplace-fields-header .col-xs-3 img {
  width: 68px;
  height: auto;
  max-width: initial;
}
.contract.marketplace-item .marketplace-fields-container,
.contract.market-preview .marketplace-fields-container,
.contract.market-preview-mc .marketplace-fields-container,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-container,
.contract.marketplace-item-sc-partner .marketplace-fields-container {
  margin-bottom: 30px;
  padding: 0 0 0 14px;
}
.contract.marketplace-item .marketplace-fields-container .market-project-container,
.contract.market-preview .marketplace-fields-container .market-project-container,
.contract.market-preview-mc .marketplace-fields-container .market-project-container,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-container .market-project-container,
.contract.marketplace-item-sc-partner .marketplace-fields-container .market-project-container {
  margin-bottom: 15px;
}
.contract.marketplace-item .marketplace-fields-container .market-project-container .market-project-wrapper,
.contract.market-preview .marketplace-fields-container .market-project-container .market-project-wrapper,
.contract.market-preview-mc .marketplace-fields-container .market-project-container .market-project-wrapper,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-container .market-project-container .market-project-wrapper,
.contract.marketplace-item-sc-partner .marketplace-fields-container .market-project-container .market-project-wrapper {
  display: flex;
  align-items: center;
}
.contract.marketplace-item .marketplace-fields-container .market-project-container .market-project-wrapper .market-price-type,
.contract.market-preview .marketplace-fields-container .market-project-container .market-project-wrapper .market-price-type,
.contract.market-preview-mc .marketplace-fields-container .market-project-container .market-project-wrapper .market-price-type,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-container .market-project-container .market-project-wrapper .market-price-type,
.contract.marketplace-item-sc-partner .marketplace-fields-container .market-project-container .market-project-wrapper .market-price-type {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  font-size: 10px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  padding: 10px;
  margin: 2px 5px 0 0;
  text-transform: uppercase;
  color: white;
  background-color: #0f2856;
  border-radius: 50%;
}
.contract.marketplace-item .marketplace-fields-container .market-project-container .market-project-wrapper .market-project-name,
.contract.market-preview .marketplace-fields-container .market-project-container .market-project-wrapper .market-project-name,
.contract.market-preview-mc .marketplace-fields-container .market-project-container .market-project-wrapper .market-project-name,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-container .market-project-container .market-project-wrapper .market-project-name,
.contract.marketplace-item-sc-partner .marketplace-fields-container .market-project-container .market-project-wrapper .market-project-name {
  color: #0f2856;
  font-weight: bold;
  font-size: 18px;
}
.contract.marketplace-item .marketplace-fields-container .market-project-container .market-project-number,
.contract.market-preview .marketplace-fields-container .market-project-container .market-project-number,
.contract.market-preview-mc .marketplace-fields-container .market-project-container .market-project-number,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-container .market-project-container .market-project-number,
.contract.marketplace-item-sc-partner .marketplace-fields-container .market-project-container .market-project-number {
  font-size: 13px;
  margin-left: 25px;
}
.contract.marketplace-item .marketplace-fields-container .market-content-row,
.contract.market-preview .marketplace-fields-container .market-content-row,
.contract.market-preview-mc .marketplace-fields-container .market-content-row,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-container .market-content-row,
.contract.marketplace-item-sc-partner .marketplace-fields-container .market-content-row {
  margin-bottom: 15px;
}
.contract.marketplace-item .marketplace-fields-container .market-content,
.contract.market-preview .marketplace-fields-container .market-content,
.contract.market-preview-mc .marketplace-fields-container .market-content,
.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-container .market-content,
.contract.marketplace-item-sc-partner .marketplace-fields-container .market-content {
  font-size: 13px;
}
.contract.marketplace-item .market-actions-container .okto-btn,
.contract.market-preview .market-actions-container .okto-btn,
.contract.market-preview-mc .market-actions-container .okto-btn,
.contract.marketplace-item-outsourced-manager-sc .market-actions-container .okto-btn,
.contract.marketplace-item-sc-partner .market-actions-container .okto-btn {
  width: 100%;
  min-width: auto;
  margin: 0 0 10px 0;
  border-width: 1px;
}
.contract.marketplace-item .market-actions-container .flex-actions,
.contract.market-preview .market-actions-container .flex-actions,
.contract.market-preview-mc .market-actions-container .flex-actions,
.contract.marketplace-item-outsourced-manager-sc .market-actions-container .flex-actions,
.contract.marketplace-item-sc-partner .market-actions-container .flex-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
}
.contract.marketplace-item .market-actions-container .last-action,
.contract.market-preview .market-actions-container .last-action,
.contract.market-preview-mc .market-actions-container .last-action,
.contract.marketplace-item-outsourced-manager-sc .market-actions-container .last-action,
.contract.marketplace-item-sc-partner .market-actions-container .last-action {
  margin-bottom: 0;
}
.contract.marketplace-item .market-actions-container.actions-count-3 .flex-actions .okto-btn,
.contract.market-preview .market-actions-container.actions-count-3 .flex-actions .okto-btn,
.contract.market-preview-mc .market-actions-container.actions-count-3 .flex-actions .okto-btn,
.contract.marketplace-item-outsourced-manager-sc .market-actions-container.actions-count-3 .flex-actions .okto-btn,
.contract.marketplace-item-sc-partner .market-actions-container.actions-count-3 .flex-actions .okto-btn {
  width: 48%;
}
.contract.marketplace-item .market-actions-container.actions-count-4 .flex-actions .okto-btn,
.contract.market-preview .market-actions-container.actions-count-4 .flex-actions .okto-btn,
.contract.market-preview-mc .market-actions-container.actions-count-4 .flex-actions .okto-btn,
.contract.marketplace-item-outsourced-manager-sc .market-actions-container.actions-count-4 .flex-actions .okto-btn,
.contract.marketplace-item-sc-partner .market-actions-container.actions-count-4 .flex-actions .okto-btn {
  width: 32%;
}
.contract.marketplace-item .market-actions-container.actions-count-5 .flex-actions .okto-btn,
.contract.market-preview .market-actions-container.actions-count-5 .flex-actions .okto-btn,
.contract.market-preview-mc .market-actions-container.actions-count-5 .flex-actions .okto-btn,
.contract.marketplace-item-outsourced-manager-sc .market-actions-container.actions-count-5 .flex-actions .okto-btn,
.contract.marketplace-item-sc-partner .market-actions-container.actions-count-5 .flex-actions .okto-btn {
  width: 24%;
  font-size: 12px;
}

.marketplace-fields-wrapper .marketplace-fields .marketplace-fields-container .market-project-container .okto-org.row {
  padding: 25px 0;
}

.okto-org .okto-org-logo {
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .okto-org .okto-org-logo {
    padding-right: 15px;
  }
}
.okto-org .okto-org-label {
  font-weight: bold;
}
.okto-org .okto-rating-wrapper {
  display: block;
  position: relative;
  height: 18px;
  letter-spacing: 5px;
  width: 86px;
}
.okto-org .okto-rating-wrapper:before {
  display: block;
  font-size: 14px;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "";
  color: #e5e5e5;
}
.okto-org .okto-rating-wrapper .okto-org-rating {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
.okto-org .okto-rating-wrapper .okto-org-rating:before {
  font-size: 14px;
  font-family: FontAwesome;
  color: #0075d3;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
}

.okto-btn {
  display: inline-block;
  color: initial;
  border: 1px solid black;
  box-shadow: none;
  background: none;
  border-radius: 19px;
  min-width: 160px;
  padding: 5px;
  margin: 5px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none !important;
}
@media only screen and (max-width: 767px) {
  .okto-btn {
    width: 100%;
  }
}
.okto-btn.okto-btn-block {
  display: block;
}
.okto-btn.okto-btn-blue {
  color: #0b75d9;
  border-color: #0b75d9;
}
.okto-btn.okto-btn-blue:hover, .okto-btn.okto-btn-blue:active {
  color: white;
  background: #0b75d9;
}
.okto-btn.okto-btn-blue.reverse {
  color: white;
  background: #0b75d9;
}
.okto-btn.okto-btn-blue.reverse:hover, .okto-btn.okto-btn-blue.reverse:active {
  color: #0b75d9;
  border-color: #0b75d9;
  background: white;
}
.okto-btn.okto-btn-red {
  color: #ec280e;
  border-color: #ec280e;
}
.okto-btn.okto-btn-red:hover, .okto-btn.okto-btn-red:active {
  color: white;
  background: #ec280e;
}
.okto-btn.okto-btn-green {
  color: #43aa43;
  border-color: #43aa43;
}
.okto-btn.okto-btn-green:hover, .okto-btn.okto-btn-green:active {
  color: white;
  background: #43aa43;
}
.okto-btn.okto-btn-black {
  color: #6f6f70;
  border-color: #6f6f70;
}
.okto-btn.okto-btn-black:hover, .okto-btn.okto-btn-black:active {
  color: white;
  background: #6f6f70;
}

.view-invite .pager-nav {
  float: none;
}

.block-quicktabs-blockmarketplace-outman-mc .quicktabs-tabs,
.block-quicktabs-blockmp-mc .quicktabs-tabs,
.block-quicktabs-blockmarketplace-outman-sc .quicktabs-tabs,
.block-quicktabs-blockmarketplace-sc .quicktabs-tabs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  border-bottom: 1px solid #b3b5b7;
}
.block-quicktabs-blockmarketplace-outman-mc .quicktabs-tabs li,
.block-quicktabs-blockmp-mc .quicktabs-tabs li,
.block-quicktabs-blockmarketplace-outman-sc .quicktabs-tabs li,
.block-quicktabs-blockmarketplace-sc .quicktabs-tabs li {
  width: 33%;
  text-align: center;
  padding: 0;
}
.block-quicktabs-blockmarketplace-outman-mc .quicktabs-tabs li a,
.block-quicktabs-blockmp-mc .quicktabs-tabs li a,
.block-quicktabs-blockmarketplace-outman-sc .quicktabs-tabs li a,
.block-quicktabs-blockmarketplace-sc .quicktabs-tabs li a {
  color: #a2a2a2;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none !important;
  font-size: 17px;
  font-weight: 100;
  border-bottom: 1px solid transparent;
  padding-bottom: 10px;
  width: 100%;
  height: 100%;
  display: block;
}
.block-quicktabs-blockmarketplace-outman-mc .quicktabs-tabs li:hover a, .block-quicktabs-blockmarketplace-outman-mc .quicktabs-tabs li.active a,
.block-quicktabs-blockmp-mc .quicktabs-tabs li:hover a,
.block-quicktabs-blockmp-mc .quicktabs-tabs li.active a,
.block-quicktabs-blockmarketplace-outman-sc .quicktabs-tabs li:hover a,
.block-quicktabs-blockmarketplace-outman-sc .quicktabs-tabs li.active a,
.block-quicktabs-blockmarketplace-sc .quicktabs-tabs li:hover a,
.block-quicktabs-blockmarketplace-sc .quicktabs-tabs li.active a {
  color: #0b75d9;
  border-bottom: 1px solid #0b75d9;
}

.block-quicktabs-blockmarketplace-outman-mc ul.quicktabs-tabs li,
.block-quicktabs-blockmp-mc ul.quicktabs-tabs li {
  width: 25%;
}

.block-quicktabs-blockmarketplace-outman-sc #quicktabs-collaborations,
.block-quicktabs-blockmarketplace-sc #quicktabs-collaborations {
  margin-top: 35px;
}
.block-quicktabs-blockmarketplace-outman-sc #quicktabs-collaborations .view-header,
.block-quicktabs-blockmarketplace-sc #quicktabs-collaborations .view-header {
  display: none;
}
.block-quicktabs-blockmarketplace-outman-sc #quicktabs-collaborations ul.quicktabs-tabs,
.block-quicktabs-blockmarketplace-sc #quicktabs-collaborations ul.quicktabs-tabs {
  display: block;
  padding-left: 25px;
  border-bottom: none !important;
}
.block-quicktabs-blockmarketplace-outman-sc #quicktabs-collaborations ul.quicktabs-tabs li a,
.block-quicktabs-blockmarketplace-sc #quicktabs-collaborations ul.quicktabs-tabs li a {
  text-align: left;
  padding-left: 15px;
  margin-bottom: 15px;
  padding-bottom: 0;
  border-bottom: none !important;
  border-left: 1px solid transparent;
}
.block-quicktabs-blockmarketplace-outman-sc #quicktabs-collaborations ul.quicktabs-tabs li a:hover,
.block-quicktabs-blockmarketplace-sc #quicktabs-collaborations ul.quicktabs-tabs li a:hover {
  border-left: 1px solid #0b75d9 !important;
}
.block-quicktabs-blockmarketplace-outman-sc #quicktabs-collaborations ul.quicktabs-tabs li.active a,
.block-quicktabs-blockmarketplace-sc #quicktabs-collaborations ul.quicktabs-tabs li.active a {
  border-left: 1px solid #0b75d9 !important;
}
@media only screen and (max-width: 767px) {
  .block-quicktabs-blockmarketplace-outman-mc ul.quicktabs-tabs,
.block-quicktabs-blockmp-mc ul.quicktabs-tabs,
.block-quicktabs-blockmarketplace-outman-sc ul.quicktabs-tabs,
.block-quicktabs-blockmarketplace-sc ul.quicktabs-tabs {
    border-bottom: 0;
  }
  .block-quicktabs-blockmarketplace-outman-mc ul.quicktabs-tabs li,
.block-quicktabs-blockmp-mc ul.quicktabs-tabs li,
.block-quicktabs-blockmarketplace-outman-sc ul.quicktabs-tabs li,
.block-quicktabs-blockmarketplace-sc ul.quicktabs-tabs li {
    width: 100%;
    margin-bottom: 13px;
    border-bottom: 1px solid #b3b5b7;
  }
}

.view-id-marketplace_mc_admin_list:not(.view-display-id-waiting) .mpi-invitations {
  display: none;
}

.view-id-marketplace_mc_admin_list:not(.view-display-id-applications) .mpi-applications {
  display: none;
}

.view-id-marketplace_mc_admin_list.view-display-id-application_outsourced_manager_mc .mpi-applications,
.view-id-marketplace_mc_admin_list.view-display-id-waiting_contracts_outsourced_manager_block .mpi-invitations {
  display: initial;
}

.mpi-invitations .contract-invitations-wrapper {
  padding-top: 20px;
}
.mpi-invitations .contract-invitations-wrapper .contract-invitations-header {
  padding-bottom: 25px;
}
.mpi-invitations .contract-invitations-wrapper .contract-invitations-header .invitation-status {
  border-radius: 50%;
  background-color: white;
  padding: 22px 2px;
  height: 100%;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 68px;
}
.mpi-invitations .contract-invitations-wrapper .contract-invitations-header .invitation-status.invitation-status-invited {
  color: initial;
  border: 2px solid #21d6e2;
}
.mpi-invitations .contract-invitations-wrapper .contract-invitations-header .invitation-status.invitation-status-pending {
  background-color: #dedfe0;
  border: 2px solid #dedfe0;
}
.mpi-invitations .contract-invitations-wrapper .contract-invitations-header .invitation-status.invitation-status-declined, .mpi-invitations .contract-invitations-wrapper .contract-invitations-header .invitation-status.invitation-status-auto_declined {
  background-color: #e41c24;
  border: 2px solid #e41c24;
}
.mpi-invitations .contract-invitations-wrapper .contract-invitations-header .okto-org-label {
  font-size: 19px;
  font-weight: bold;
  line-height: 20px;
  padding-top: 7px;
}
.mpi-invitations .contract-invitations-wrapper .contract-invitations-fields > .col {
  margin-top: 5px;
}
.mpi-invitations .contract-invitations-wrapper .contract-invitations-fields .invite-field-content {
  font-size: 13px;
}
.mpi-invitations .contract-invitations-wrapper .contract-invitations-fields .invitation-prices-summary {
  display: none;
}

.mp-separator {
  margin-top: 15px;
  border-bottom: 2px solid #f5f5f5;
  margin-left: -30px;
  margin-right: -30px;
}

.contract-applications-wrapper {
  padding-top: 20px;
}
.contract-applications-wrapper .contract-applications-fields > .col {
  margin-top: 5px;
}
.contract-applications-wrapper .applications-label-wrapper {
  position: absolute;
  top: -10px;
  left: calc(50% - 55px);
  background: white;
  border-top: 3px solid #80808014;
  border-radius: 15px;
}
.contract-applications-wrapper .applications-label {
  color: #fff;
  background: #0b75d9;
  padding: 1px 5px;
  min-width: 110px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
.contract-applications-wrapper .apply-content-top-right {
  padding-bottom: 25px;
}
.contract-applications-wrapper .apply-content-top-right .okto-org-label {
  font-size: 19px;
  font-weight: bold;
  line-height: 20px;
  padding-top: 7px;
}
.contract-applications-wrapper .apply-content-top-right .contract-application {
  padding: 22px 2px;
  border-radius: 50%;
  background-color: white;
  height: 100%;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 68px;
}
.contract-applications-wrapper .apply-content-top-right .contract-application.contract-application-new {
  background-color: #dedfe0;
  border: 2px solid #dedfe0;
}
.contract-applications-wrapper .application-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
}
.contract-applications-wrapper .application-actions > a, .contract-applications-wrapper .application-actions span {
  width: 48%;
  min-width: auto;
  margin: 0 0 10px 0;
  border-width: 1px;
}

.marketplace-fields-header.row,
.okto-org.row {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .contract.marketplace-item .marketplace-fields-header .col-xs-3 img,
.contract.marketplace-item-sc-partner .marketplace-fields-header .col-xs-3 img,
.contract.market-preview .marketplace-fields-header .col-xs-3 img,
.contract.market-preview-mc .marketplace-fields-header .col-xs-3 img,
.mpi-invitations .contract-invitations-wrapper .contract-invitations-header .invitation-status.invitation-status-invited,
.contract-applications-wrapper .apply-content-top-right .contract-application.contract-application-new {
    margin-left: -15px;
  }

  .contract.marketplace-item .marketplace-fields-header .market-price,
.contract.marketplace-item-sc-partner .marketplace-fields-header .market-price,
.contract.market-preview .marketplace-fields-header .market-price,
.contract.market-preview-mc .marketplace-fields-header .market-price {
    font-size: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contract.marketplace-item .marketplace-fields-header .col-xs-3 img,
.contract.marketplace-item-sc-partner .marketplace-fields-header .col-xs-3 img,
.contract.market-preview .marketplace-fields-header .col-xs-3 img,
.contract.market-preview-mc .marketplace-fields-header .col-xs-3 img,
.mpi-invitations .contract-invitations-wrapper .contract-invitations-header .invitation-status.invitation-status-invited,
.contract-applications-wrapper .apply-content-top-right .contract-application.contract-application-new {
    margin-left: -15px;
  }
}
.view-id-contract_invitations.view-display-id-invitation_secondary .view-empty {
  padding: 25px 5px;
  text-align: center;
}

.pice-updated {
  position: absolute;
  top: -6px;
  background: #21d4e0;
  width: 100px;
  text-align: center;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding: 2px;
  font-size: 13px;
  font-weight: bold;
  color: white;
  left: calc(50% - 50px);
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.view-display-id-applications article.contract.marketplace-item .pice-updated,
.view-display-id-waiting article.contract.marketplace-item .pice-updated {
  top: 13px;
}
.view-display-id-applications article.contract.marketplace-item:hover .pice-updated,
.view-display-id-waiting article.contract.marketplace-item:hover .pice-updated {
  background: #21d4e0;
}

article.contract.marketplace-item:hover .pice-updated {
  background: #0f2856;
}

.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item .market-project-container .okto-org {
  padding-top: 25px;
}

.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item,
article.contract.marketplace-item-outsourced-manager-sc,
article.contract.marketplace-item-sc-partner,
article.contract.market-preview,
article.contract.market-preview-mc {
  padding-top: 0;
}
.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item:hover .pice-updated,
article.contract.marketplace-item-outsourced-manager-sc:hover .pice-updated,
article.contract.marketplace-item-sc-partner:hover .pice-updated,
article.contract.market-preview:hover .pice-updated,
article.contract.market-preview-mc:hover .pice-updated {
  background: #0f2856;
}
.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item .marketplace-fields-header,
article.contract.marketplace-item-outsourced-manager-sc .marketplace-fields-header,
article.contract.marketplace-item-sc-partner .marketplace-fields-header,
article.contract.market-preview .marketplace-fields-header,
article.contract.market-preview-mc .marketplace-fields-header {
  padding-top: 35px;
  padding-bottom: 30px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item .okto-org,
article.contract.marketplace-item-outsourced-manager-sc .okto-org,
article.contract.marketplace-item-sc-partner .okto-org,
article.contract.market-preview .okto-org,
article.contract.market-preview-mc .okto-org {
  padding-bottom: 25px;
}
.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item .okto-btn,
article.contract.marketplace-item-outsourced-manager-sc .okto-btn,
article.contract.marketplace-item-sc-partner .okto-btn,
article.contract.market-preview .okto-btn,
article.contract.market-preview-mc .okto-btn {
  margin-left: 0;
  margin-right: 0;
}
.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item .market-actions-container.form-group,
article.contract.marketplace-item-outsourced-manager-sc .market-actions-container.form-group,
article.contract.marketplace-item-sc-partner .market-actions-container.form-group,
article.contract.market-preview .market-actions-container.form-group,
article.contract.market-preview-mc .market-actions-container.form-group {
  margin-bottom: 0;
}
.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item .view-contract-invitations .invitation-status-formatter-wrapper,
article.contract.marketplace-item-outsourced-manager-sc .view-contract-invitations .invitation-status-formatter-wrapper,
article.contract.marketplace-item-sc-partner .view-contract-invitations .invitation-status-formatter-wrapper,
article.contract.market-preview .view-contract-invitations .invitation-status-formatter-wrapper,
article.contract.market-preview-mc .view-contract-invitations .invitation-status-formatter-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
}
.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item .view-contract-invitations .invitation-status-formatter-wrapper > *,
article.contract.marketplace-item-outsourced-manager-sc .view-contract-invitations .invitation-status-formatter-wrapper > *,
article.contract.marketplace-item-sc-partner .view-contract-invitations .invitation-status-formatter-wrapper > *,
article.contract.market-preview .view-contract-invitations .invitation-status-formatter-wrapper > *,
article.contract.market-preview-mc .view-contract-invitations .invitation-status-formatter-wrapper > * {
  flex: 1;
  min-width: auto;
  margin: 0 0 10px 0;
  border-width: 1px;
}
.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item .view-contract-invitations .invitation-status-formatter-wrapper > *:first-child:not(:last-child),
article.contract.marketplace-item-outsourced-manager-sc .view-contract-invitations .invitation-status-formatter-wrapper > *:first-child:not(:last-child),
article.contract.marketplace-item-sc-partner .view-contract-invitations .invitation-status-formatter-wrapper > *:first-child:not(:last-child),
article.contract.market-preview .view-contract-invitations .invitation-status-formatter-wrapper > *:first-child:not(:last-child),
article.contract.market-preview-mc .view-contract-invitations .invitation-status-formatter-wrapper > *:first-child:not(:last-child) {
  margin-right: 5px;
}
.view-id-marketplac_single_entry_mc_admin_.view-display-id-marketplace_item .view-contract-invitations .invitation-status-formatter-wrapper > *:last-child:not(:first-child),
article.contract.marketplace-item-outsourced-manager-sc .view-contract-invitations .invitation-status-formatter-wrapper > *:last-child:not(:first-child),
article.contract.marketplace-item-sc-partner .view-contract-invitations .invitation-status-formatter-wrapper > *:last-child:not(:first-child),
article.contract.market-preview .view-contract-invitations .invitation-status-formatter-wrapper > *:last-child:not(:first-child),
article.contract.market-preview-mc .view-contract-invitations .invitation-status-formatter-wrapper > *:last-child:not(:first-child) {
  margin-left: 5px;
}

.view-outsourced-manager-invite .views-field-field-linked-main-contractor .form-group,
.view-active-invitations-dashboard .views-field-field-linked-main-contractor .form-group {
  display: inline-block;
}
.view-outsourced-manager-invite .actions,
.view-outsourced-manager-invite .invitation-status-formatter-wrapper,
.view-active-invitations-dashboard .actions,
.view-active-invitations-dashboard .invitation-status-formatter-wrapper {
  display: flex;
}
.view-outsourced-manager-invite .actions > *, .view-outsourced-manager-invite .actions .view, .view-outsourced-manager-invite .actions .okto-btn,
.view-outsourced-manager-invite .invitation-status-formatter-wrapper > *,
.view-outsourced-manager-invite .invitation-status-formatter-wrapper .view,
.view-outsourced-manager-invite .invitation-status-formatter-wrapper .okto-btn,
.view-active-invitations-dashboard .actions > *,
.view-active-invitations-dashboard .actions .view,
.view-active-invitations-dashboard .actions .okto-btn,
.view-active-invitations-dashboard .invitation-status-formatter-wrapper > *,
.view-active-invitations-dashboard .invitation-status-formatter-wrapper .view,
.view-active-invitations-dashboard .invitation-status-formatter-wrapper .okto-btn {
  flex-grow: 1;
  flex-basis: 0;
}
@media only screen and (max-width: 1199px) {
  .view-outsourced-manager-invite .actions,
.view-outsourced-manager-invite .invitation-status-formatter-wrapper,
.view-active-invitations-dashboard .actions,
.view-active-invitations-dashboard .invitation-status-formatter-wrapper {
    flex-direction: column;
  }
  .view-outsourced-manager-invite .actions > *, .view-outsourced-manager-invite .actions .view, .view-outsourced-manager-invite .actions .okto-btn,
.view-outsourced-manager-invite .invitation-status-formatter-wrapper > *,
.view-outsourced-manager-invite .invitation-status-formatter-wrapper .view,
.view-outsourced-manager-invite .invitation-status-formatter-wrapper .okto-btn,
.view-active-invitations-dashboard .actions > *,
.view-active-invitations-dashboard .actions .view,
.view-active-invitations-dashboard .actions .okto-btn,
.view-active-invitations-dashboard .invitation-status-formatter-wrapper > *,
.view-active-invitations-dashboard .invitation-status-formatter-wrapper .view,
.view-active-invitations-dashboard .invitation-status-formatter-wrapper .okto-btn {
    font-size: 12px;
    padding: 3px;
    width: 100%;
  }
}
.view-outsourced-manager-invite .okto-btn,
.view-active-invitations-dashboard .okto-btn {
  display: inline-block;
  min-width: inherit;
  font-size: 13px;
}
.view-outsourced-manager-invite .view,
.view-active-invitations-dashboard .view {
  display: inline-block;
  min-width: inherit;
  font-size: 13px;
  border-radius: 19px;
  padding: 5px;
  color: #0079d0;
  border-color: #0079d0;
  box-shadow: none;
  background: none;
  margin: 5px;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none !important;
  position: relative;
}
.view-outsourced-manager-invite .view:hover,
.view-active-invitations-dashboard .view:hover {
  background: #0079d0;
  color: #e5e5e5;
}

.page-manager-page-view-node-preview-node-preview-panels-variant-0 .planning-calendar-init .fc-toolbar.fc-header-toolbar {
  margin-bottom: 10px;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-planning .planning-date,
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-planning .add-event,
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-planning .fc-left,
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-planning .fc-center h2,
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-planning .fc-right {
  display: none !important;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-annex .important-info {
  margin-bottom: 15px;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-annex table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-annex table caption {
  color: #555555;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-annex table caption .section-name {
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-annex table caption .section-color {
  margin-left: 15px;
  display: inline-block;
  width: 30px;
  height: 18px;
  vertical-align: middle;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-annex table td:last-child {
  width: 65px;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-annex table td:nth-last-child(2) {
  width: 100px;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-annex table td:nth-last-child(3) {
  width: 65px;
}
.page-manager-page-view-node-preview-node-preview-panels-variant-0 .contract-preview-side-tab-annex table td:nth-last-child(4) {
  width: 65px;
}

.oktopro-colorbox-files-widget .field--items,
.oktopro-colorbox-files-widget,
.contract-preview-side-tab-bp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.oktopro-colorbox-files-widget .field--items .field-item,
.oktopro-colorbox-files-widget .field-item,
.contract-preview-side-tab-bp .field-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file .file-info,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper .file-info,
.oktopro-colorbox-files-widget .oktopro-colorbox-file .file-info,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper .file-info,
.contract-preview-side-tab-bp .oktopro-colorbox-file .file-info,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper .file-info {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file .file-info .icon,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-colorbox-file .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper .file-info .icon,
.contract-preview-side-tab-bp .oktopro-colorbox-file .file-info .icon,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper .file-info .icon {
  background: url(/themes/custom/oktopro/images/icons/file-types/svg/file.svg) no-repeat;
  background-position: center;
  background-size: auto;
  min-height: 50px;
  min-width: 50px;
  display: block;
  margin-bottom: 15px;
}
.oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file .file-info .name,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper .file-info .name,
.oktopro-colorbox-files-widget .oktopro-colorbox-file .file-info .name,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper .file-info .name,
.contract-preview-side-tab-bp .oktopro-colorbox-file .file-info .name,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper .file-info .name {
  font-weight: bold;
  word-break: break-word;
}
.oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file .file-info .size,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper .file-info .size,
.oktopro-colorbox-files-widget .oktopro-colorbox-file .file-info .size,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper .file-info .size,
.contract-preview-side-tab-bp .oktopro-colorbox-file .file-info .size,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper .file-info .size {
  font-size: 10px;
}
.oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file.extension-doc .file-info .icon, .oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file.extension-docx .file-info .icon,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper.extension-doc .file-info .icon,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper.extension-docx .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-colorbox-file.extension-doc .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-colorbox-file.extension-docx .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper.extension-doc .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper.extension-docx .file-info .icon,
.contract-preview-side-tab-bp .oktopro-colorbox-file.extension-doc .file-info .icon,
.contract-preview-side-tab-bp .oktopro-colorbox-file.extension-docx .file-info .icon,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper.extension-doc .file-info .icon,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper.extension-docx .file-info .icon {
  background: url(/themes/custom/oktopro/images/icons/file-types/svg/doc.svg) no-repeat;
}
.oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file.extension-txt .file-info .icon,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper.extension-txt .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-colorbox-file.extension-txt .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper.extension-txt .file-info .icon,
.contract-preview-side-tab-bp .oktopro-colorbox-file.extension-txt .file-info .icon,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper.extension-txt .file-info .icon {
  background: url(/themes/custom/oktopro/images/icons/file-types/svg/txt.svg) no-repeat;
}
.oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file.extension-xls .file-info .icon, .oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file.extension-xlsx .file-info .icon,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper.extension-xls .file-info .icon,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper.extension-xlsx .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-colorbox-file.extension-xls .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-colorbox-file.extension-xlsx .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper.extension-xls .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper.extension-xlsx .file-info .icon,
.contract-preview-side-tab-bp .oktopro-colorbox-file.extension-xls .file-info .icon,
.contract-preview-side-tab-bp .oktopro-colorbox-file.extension-xlsx .file-info .icon,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper.extension-xls .file-info .icon,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper.extension-xlsx .file-info .icon {
  background: url(/themes/custom/oktopro/images/icons/file-types/svg/xls.svg) no-repeat;
}
.oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file.extension-csv .file-info .icon,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper.extension-csv .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-colorbox-file.extension-csv .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper.extension-csv .file-info .icon,
.contract-preview-side-tab-bp .oktopro-colorbox-file.extension-csv .file-info .icon,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper.extension-csv .file-info .icon {
  background: url(/themes/custom/oktopro/images/icons/file-types/svg/csv.svg) no-repeat;
}
.oktopro-colorbox-files-widget .field--items .oktopro-colorbox-file.extension-pdf .file-info .icon,
.oktopro-colorbox-files-widget .field--items .oktopro-file-with-translatable-description-wrapper.extension-pdf .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-colorbox-file.extension-pdf .file-info .icon,
.oktopro-colorbox-files-widget .oktopro-file-with-translatable-description-wrapper.extension-pdf .file-info .icon,
.contract-preview-side-tab-bp .oktopro-colorbox-file.extension-pdf .file-info .icon,
.contract-preview-side-tab-bp .oktopro-file-with-translatable-description-wrapper.extension-pdf .file-info .icon {
  background: url(/themes/custom/oktopro/images/icons/file-types/svg/pdf.svg) no-repeat;
}
.oktopro-colorbox-files-widget .field--items > *,
.oktopro-colorbox-files-widget > *,
.contract-preview-side-tab-bp > * {
  flex: 0 0 33%;
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 15px;
}
.oktopro-colorbox-files-widget .field--items > *.building-additional-information,
.oktopro-colorbox-files-widget > *.building-additional-information,
.contract-preview-side-tab-bp > *.building-additional-information {
  flex: 0 0 100%;
}
.oktopro-colorbox-files-widget .field--items > * img,
.oktopro-colorbox-files-widget > * img,
.contract-preview-side-tab-bp > * img {
  border-radius: 15px;
}
.oktopro-colorbox-files-widget .field--items > * .file-info,
.oktopro-colorbox-files-widget > * .file-info,
.contract-preview-side-tab-bp > * .file-info {
  border-radius: 15px;
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
  padding: 10px;
  max-width: 120px;
}
@media only screen and (max-width: 1199px) {
  .oktopro-colorbox-files-widget .field--items > * .file-info,
.oktopro-colorbox-files-widget > * .file-info,
.contract-preview-side-tab-bp > * .file-info {
    padding: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .oktopro-colorbox-files-widget .field--items > *,
.oktopro-colorbox-files-widget > *,
.contract-preview-side-tab-bp > * {
    flex-basis: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .oktopro-colorbox-files-widget .field--items > * .file-info,
.oktopro-colorbox-files-widget > * .file-info,
.contract-preview-side-tab-bp > * .file-info {
    padding: 10px;
  }
  .oktopro-colorbox-files-widget .field--items > * .file-info .icon,
.oktopro-colorbox-files-widget > * .file-info .icon,
.contract-preview-side-tab-bp > * .file-info .icon {
    min-height: 35px;
    min-width: 35px;
  }
  .oktopro-colorbox-files-widget .field--items > * .file-info .name,
.oktopro-colorbox-files-widget > * .file-info .name,
.contract-preview-side-tab-bp > * .file-info .name {
    font-size: 12px;
  }
}

article.contract.market-preview .catalog-img-wrapper {
  display: none;
}

article.contract.market-preview-mc .sign-wrapper {
  display: none;
}

article.contract.market-preview,
article.contract.market-preview-mc {
  border: none !important;
  padding: 0 10px 0 0 !important;
}
article.contract.market-preview .catalog-img-wrapper img,
article.contract.market-preview-mc .catalog-img-wrapper img {
  width: 88px;
}
article.contract.market-preview .content .okto-operation-accept_invite,
article.contract.market-preview-mc .content .okto-operation-accept_invite {
  display: none !important;
}
article.contract.market-preview .content .view-contract-invitations .field-content a,
article.contract.market-preview-mc .content .view-contract-invitations .field-content a {
  width: 100% !important;
}
article.contract.market-preview .content .sign-circle,
article.contract.market-preview-mc .content .sign-circle {
  color: initial;
  border: 2px dashed #21d6e2;
  border-radius: 50%;
  background-color: white;
  padding: 22px 2px;
  height: 88px;
  width: 88px;
  font-weight: bold;
  text-align: center;
  display: block;
  cursor: pointer;
}
article.contract.market-preview .content .sign-circle:hover, article.contract.market-preview .content .sign-circle.sircle-signed,
article.contract.market-preview-mc .content .sign-circle:hover,
article.contract.market-preview-mc .content .sign-circle.sircle-signed {
  color: white;
  border: 2px solid #21d6e2;
  background-color: #21d6e2;
}
article.contract.market-preview .content .preview-tabs,
article.contract.market-preview-mc .content .preview-tabs {
  padding-bottom: 25px;
  border-bottom: 1px solid #0b75d9;
  margin-bottom: 25px;
}
article.contract.market-preview .content .preview-tabs .preview-tab,
article.contract.market-preview-mc .content .preview-tabs .preview-tab {
  color: #0b75d9;
  background: #fff;
  padding: 3px 5px;
  width: 32%;
  text-align: center;
  border-radius: 15px;
  font-weight: bold;
  font-size: 13px;
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  border: 1px solid #0b75d9;
}
article.contract.market-preview .content .preview-tabs .preview-tab:hover, article.contract.market-preview .content .preview-tabs .preview-tab.preview-tab-active,
article.contract.market-preview-mc .content .preview-tabs .preview-tab:hover,
article.contract.market-preview-mc .content .preview-tabs .preview-tab.preview-tab-active {
  color: #fff;
  background: #0b75d9;
}
article.contract.market-preview .okto-org.row,
article.contract.market-preview-mc .okto-org.row {
  display: block;
}

.fc-preview-extender {
  display: none !important;
}

.fc-preview .fc-content .fc-title {
  color: white !important;
}

.r-catalog-New {
  font-weight: bold;
}

.organisation-brief-info-wrapper {
  display: flex;
  align-items: center;
}
.organisation-brief-info-wrapper .logo-wrapper {
  display: flex;
  align-items: center;
  min-height: auto;
  min-width: 70px;
  margin-right: 10px;
}
.organisation-brief-info-wrapper .logo-wrapper img {
  background-color: white;
  height: auto;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 70px;
}
.organisation-brief-info-wrapper .info-wrapper .organisation-label {
  font-size: 16px;
}
.organisation-brief-info-wrapper .info-wrapper .organisation-rating-wrapper {
  display: block;
  position: relative;
  height: 18px;
  letter-spacing: 5px;
  width: 86px;
}
.organisation-brief-info-wrapper .info-wrapper .organisation-rating-wrapper:before {
  display: block;
  font-size: 14px;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "";
  color: #e5e5e5;
}
.organisation-brief-info-wrapper .info-wrapper .organisation-rating-wrapper .organisation-rating {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
.organisation-brief-info-wrapper .info-wrapper .organisation-rating-wrapper .organisation-rating:before {
  font-size: 14px;
  font-family: FontAwesome;
  color: #0075d3;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
}

.partners-approval-element-wrapper {
  padding: 15px;
}
.partners-approval-element-wrapper fieldset:not(:first-child):before {
  content: " ";
  display: block;
  height: 1px;
  margin: 5px 45px;
  background: #d2d2d2;
}
.partners-approval-element-wrapper fieldset legend {
  margin: 0;
  padding: 0;
  max-width: 300px;
  border: none;
  float: left;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper {
  max-width: 230px;
  padding: 40px 0;
  float: right;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div {
  display: flex;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div > div {
  margin: 0;
  padding: 0;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div > div:first-child label {
  border-radius: 20px 0 0 20px;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div > div:first-child input:checked + label {
  background-color: #43a235;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div > div:last-child label {
  border-radius: 0 20px 20px 0;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div > div:last-child input:checked + label {
  background-color: #f00;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div > div label {
  background-color: #e4e4e4;
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  padding: 8px 20px;
  margin-right: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div > div label:hover {
  cursor: pointer;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div > div input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}
.partners-approval-element-wrapper fieldset .fieldset-wrapper > div > div input:checked + label {
  box-shadow: none;
  color: #fff;
}
.partners-approval-element-wrapper fieldset.declined .organisation-brief-info-wrapper {
  opacity: 0.3;
  filter: grayscale(1);
}

[data-drupal-selector=edit-field-send-to-market-wrapper] legend {
  display: none;
}

.bef-exposed-form .form--inline > .form-item {
  float: initial;
}

.prettify-entities-table table.table th:last-child {
  font-size: 0;
}
.prettify-entities-table table.table td:last-child {
  text-align: center;
  padding: 0;
  vertical-align: middle;
}
.prettify-entities-table table.table tr.draggable td {
  overflow: auto;
}
.prettify-entities-table table.table tr.draggable td .tabledrag-handle {
  padding: 10px 10px 10px 5px;
  margin: initial;
}
.prettify-entities-table table.table tr.draggable td .form-managed-file {
  float: left;
  max-width: 320px;
}
.prettify-entities-table table.table tr.draggable td button {
  font-size: 0;
  padding: 5px;
  margin: 5px 5px;
}
.prettify-entities-table table.table tr.draggable td button .glyphicon {
  font-size: 12px;
  margin: 0;
}
.prettify-entities-table table.table tr.draggable td button .glyphicon.ajax-throbber {
  font-size: 10px;
  display: block;
  margin-top: 5px;
}
@media only screen and (max-width: 479px) {
  .prettify-entities-table table.table {
    table-layout: fixed;
  }
  .prettify-entities-table table.table tr.draggable td .tabledrag-handle {
    padding: 10px;
    margin: -10px 0 0 -10px;
  }
  .prettify-entities-table table.table tr.draggable td .form-managed-file {
    float: left;
    max-width: 350px;
  }
}

.field--widget-image-image table.table tr.draggable td,
.field--widget-file-generic table.table tr.draggable td {
  overflow: auto;
}
.field--widget-image-image table.table tr.draggable td .tabledrag-handle,
.field--widget-file-generic table.table tr.draggable td .tabledrag-handle {
  padding: 10px 10px 10px 5px;
  margin: initial;
}
.field--widget-image-image table.table tr.draggable td .form-managed-file,
.field--widget-file-generic table.table tr.draggable td .form-managed-file {
  float: left;
  max-width: 320px;
}
@media only screen and (min-width: 768px) {
  .field--widget-image-image table.table tr.draggable td .form-managed-file,
.field--widget-file-generic table.table tr.draggable td .form-managed-file {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 479px) {
  .field--widget-image-image table.table,
.field--widget-file-generic table.table {
    table-layout: fixed;
  }
  .field--widget-image-image table.table tr.draggable td .tabledrag-handle,
.field--widget-file-generic table.table tr.draggable td .tabledrag-handle {
    padding: 10px;
    margin: -10px 0 0 -10px;
  }
  .field--widget-image-image table.table tr.draggable td .form-managed-file,
.field--widget-file-generic table.table tr.draggable td .form-managed-file {
    float: left;
    max-width: 350px;
  }
}

@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: initial;
  }
}
.view-active-applications-for-mc .views-field-title a {
  white-space: nowrap;
}
.view-active-applications-for-mc .views-field-field-application-status {
  min-width: 180px;
}
.view-active-applications-for-mc .views-field-field-application-status .okto-btn {
  min-width: initial;
  font-size: 11px;
  padding: 5px 3px;
  width: 47%;
  margin: 2px;
  margin-top: -3px;
}

.placeholder-page-content {
  margin: auto;
  text-align: center;
  padding: 50px;
}
.placeholder-page-content.coming-soon {
  color: #0e2865;
}
.placeholder-page-content.coming-soon .icon {
  font-size: 50px;
  margin: 20px;
}
.placeholder-page-content.coming-soon .text {
  font-size: 20px;
  font-weight: bold;
}

.application-partners-wrapper {
  position: relative;
}
.application-partners-wrapper .application-partners-list-trigger {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 1px solid #0075d3;
  background: white;
  color: #0075d3;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  position: absolute;
  left: calc(50% - 18px);
  top: -1px;
}
.application-partners-wrapper .application-partners-list-trigger .partners-label {
  display: none;
  text-transform: uppercase;
  font-size: 11px;
  position: absolute;
  border: 1px solid #3074d9;
  border-left: navajowhite;
  padding: 1px 4px;
  background: white;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  top: 7px;
  left: 30px;
}
.application-partners-wrapper .application-partners-list-trigger:hover {
  background: #0075d3;
  color: white;
}
.application-partners-wrapper .application-partners-list-trigger:hover .partners-label {
  background: #0075d3;
  color: white;
  display: block;
}
.application-partners-wrapper .application-partners-list-trigger .partners-arrow {
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
}
.application-partners-wrapper .application-partners-list-trigger.trigger-active .partners-arrow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.application-partners-wrapper .application-partners-list-trigger.trigger-active .partners-label {
  display: none;
}
.application-partners-wrapper .application-partners-list {
  padding-top: 25px;
}
.application-partners-wrapper .application-partners-list ul {
  list-style: none;
}

.masqueraded-user-dummy-action-element,
.dummy-action-element {
  cursor: not-allowed;
}

article.contract.market-preview div.pice-updated,
article.contract.market-preview-mc div.pice-updated {
  top: 12px;
}

.zip-feed .feed-icon {
  background: url(/themes/custom/oktopro/images/icons/file-types/svg/zip.svg) no-repeat;
}

.node-leave-request-leave-request-creation-form .field--name-field-timeframe,
.node-leave-request-leave-request-creation-form .sides-wrapper,
.node-leave-request-leave-request-creation-form .types-wrapper {
  margin-bottom: 0;
  display: flex;
}
.node-leave-request-leave-request-creation-form .field--name-field-timeframe > *,
.node-leave-request-leave-request-creation-form .sides-wrapper > *,
.node-leave-request-leave-request-creation-form .types-wrapper > * {
  width: 50%;
  margin-bottom: 15px;
}
.node-leave-request-leave-request-creation-form .field--name-field-timeframe > *:not(:last-child),
.node-leave-request-leave-request-creation-form .sides-wrapper > *:not(:last-child),
.node-leave-request-leave-request-creation-form .types-wrapper > *:not(:last-child) {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .node-leave-request-leave-request-creation-form .field--name-field-timeframe,
.node-leave-request-leave-request-creation-form .sides-wrapper,
.node-leave-request-leave-request-creation-form .types-wrapper {
    flex-direction: column;
  }
  .node-leave-request-leave-request-creation-form .field--name-field-timeframe > *,
.node-leave-request-leave-request-creation-form .sides-wrapper > *,
.node-leave-request-leave-request-creation-form .types-wrapper > * {
    width: 100%;
  }
  .node-leave-request-leave-request-creation-form .field--name-field-timeframe > *:not(:last-child),
.node-leave-request-leave-request-creation-form .sides-wrapper > *:not(:last-child),
.node-leave-request-leave-request-creation-form .types-wrapper > *:not(:last-child) {
    margin-right: 0;
  }
}
.node-leave-request-leave-request-creation-form .duration-wrapper {
  display: flex;
  justify-content: space-between;
}
.node-leave-request-leave-request-creation-form .duration-wrapper > *:last-child {
  margin-bottom: 15px;
}
.node-leave-request-leave-request-creation-form .duration-wrapper > *.field--name-field-timeframe {
  flex: 2;
}
.node-leave-request-leave-request-creation-form .duration-wrapper > *.field--name-field-day-part {
  flex: 1;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .node-leave-request-leave-request-creation-form .duration-wrapper {
    flex-direction: column;
  }
  .node-leave-request-leave-request-creation-form .duration-wrapper > * {
    width: 100%;
  }
  .node-leave-request-leave-request-creation-form .duration-wrapper > *.field--name-field-day-part {
    margin-left: 0;
  }
}

.field--name-field-lr-attachments .field--label,
.view-display-id-invoice_log_embed .field--name-field-attachments .field--label,
.view-display-id-records_list_embed .field--name-field-attachments .field--label {
  display: none;
}
.field--name-field-lr-attachments .field--items,
.view-display-id-invoice_log_embed .field--name-field-attachments .field--items,
.view-display-id-records_list_embed .field--name-field-attachments .field--items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 20px;
}
.field--name-field-lr-attachments .field--items > *,
.view-display-id-invoice_log_embed .field--name-field-attachments .field--items > *,
.view-display-id-records_list_embed .field--name-field-attachments .field--items > * {
  padding: 10px;
}

table.footable > tbody > tr.read-no {
  position: relative;
  transform: scale(1);
}
table.footable > tbody > tr.read-no:after {
  position: absolute;
  content: " ";
  display: block;
  width: 5px;
  height: 5px;
  background: red;
  border-radius: 100%;
  top: 5px;
  right: 5px;
}
.confirm-issue thead,
.confirm-issue td.field-multiple-drag {
  display: none;
}

.view-comm-tool .issue-wrapper {
  border: 1px solid #d2d2d2;
  margin-top: 20px;
}
.view-comm-tool .issue-wrapper.issue-wrapper-closed .issue-body {
  display: none;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper {
  display: flex;
  align-items: center;
  background: #f2f2f2;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f2f2f2;
  background-color: #0f2856;
  font-size: 15px;
  font-weight: bold;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 16px;
  margin: 0 10px;
  position: relative;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-counter .icon.is-rejected {
  color: #D81E1E;
  position: absolute;
  font-size: 16px;
  right: -4px;
  bottom: -4px;
  font-weight: bold;
  display: block;
  background: white;
  border-radius: 50%;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 5px 15px 5px 0;
  cursor: pointer;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-title {
  font-weight: bold;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-title a {
  font-weight: initial;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-title a.reply-link {
  padding: 0;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field {
  display: flex;
  align-items: center;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field > * {
  margin: 0 3px;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field .issue-status-checkbox {
  text-decoration: none;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field .issue-status-checkbox:before {
  font-size: 30px;
  color: green;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field .issue-status-checkbox.issue-not-resolved:before {
  color: #d2d2d2;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field .issue-status-checkbox.issue-new:before {
  font-size: 30px;
  color: #d2d2d2;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field .issue-status-checkbox.issue-new:hover:before {
  font-size: 30px;
  color: green;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field a.reject {
  color: #d81e1e;
  height: 20px;
  filter: opacity(0.8);
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field a.reject:hover {
  filter: opacity(1);
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field a.reject .ajax-throbber {
  color: #0645ad;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field a {
  position: relative;
}
.view-comm-tool .issue-wrapper .issue-header-wrapper .issue-header .issue-status .field a .ajax-throbber {
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  margin: 0;
  font-size: 20px;
  background: none;
}
.view-comm-tool .issue-wrapper .issue-body {
  padding: 5px 15px;
}
.view-comm-tool .issue-wrapper .issue-body .field--item {
  overflow-wrap: break-word;
}

.oktopro-form-construction-site-not-conform-form .paragraphs-tabs-wrapper {
  padding-right: 25px;
}
.oktopro-form-construction-site-not-conform-form .paragraphs-tabs-wrapper .select-wrapper {
  display: none;
}
.oktopro-form-construction-site-not-conform-form .paragraphs-tabs-wrapper .form-wrapper .paragraph-simple-action {
  border: none;
  background: none;
  padding: 0 5px 0px 0px;
}
.oktopro-form-construction-site-not-conform-form .paragraphs-tabs-wrapper .form-wrapper .paragraph-simple-action:before {
  font-size: 30px;
}
.oktopro-form-construction-site-not-conform-form .paragraphs-tabs-wrapper .form-wrapper .paragraph-simple-action.paragraph-remove-action {
  position: relative;
  margin-right: -55px;
  margin-left: 25px;
  color: #ce1111;
}
.oktopro-form-construction-site-not-conform-form .paragraphs-tabs-wrapper .form-wrapper .paragraph-remove-action {
  font-size: 0;
  position: absolute;
  right: 0;
  color: #dc0404;
}
.oktopro-form-construction-site-not-conform-form .paragraphs-tabs-wrapper .form-wrapper .paragraph-remove-action span {
  font-size: 17px;
  margin: 0;
}
.oktopro-form-construction-site-not-conform-form .paragraphs-tabs-wrapper .form-wrapper .paragraph-top-header {
  border: 1px solid #dddddd;
  padding: 0 15px;
  margin: 25px 0 0 0;
  background: whitesmoke;
  font-weight: bold;
}
.oktopro-form-construction-site-not-conform-form .paragraphs-tabs-wrapper .form-wrapper .paragraphs-subform {
  border: 1px solid #dddddd;
  padding: 15px;
  margin-top: 0;
}
.oktopro-form-construction-site-not-conform-form .button--primary {
  width: 100px !important;
  height: 38px !important;
  margin-left: auto;
}

.block-views-blocksub-subcontractors-list-blocked-partners h2:before,
.block-views-blockcolleagues-workers-blocked-list h2:before,
.block-views-blockcolleagues-workers-blocked-workers h2:before,
.block-oktopro-organisation-log-message h2:before,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history h2:before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  top: -1px;
  position: absolute;
  left: -20px;
  font-size: 15px;
}
.block-views-blocksub-subcontractors-list-blocked-partners.block-open h2:before,
.block-views-blockcolleagues-workers-blocked-list.block-open h2:before,
.block-views-blockcolleagues-workers-blocked-workers.block-open h2:before,
.block-oktopro-organisation-log-message.block-open h2:before,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history.block-open h2:before {
  content: "";
}

.archived {
  color: red;
  font-size: 12px;
  cursor: pointer;
  font-style: italic;
}

.field--widget-entity-reference-org-settings-paragraphs {
  margin-top: 25px;
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);
  padding: 10px 10px 25px;
}
.field--widget-entity-reference-org-settings-paragraphs.no-fields {
  display: none;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraph-type-top {
  margin-bottom: 25px;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraph-type-top .paragraph-type-title {
  font-size: 20px;
  font-weight: bold;
  min-width: unset;
  overflow: unset;
  text-overflow: unset;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraph-type-top .paragraphs-dropbutton-wrapper button[name*=_remove]:not([name*=_confirm_remove]) {
  font-size: 0;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraph-type-top .paragraphs-dropbutton-wrapper button[name*=_remove]:not([name*=_confirm_remove]) span.icon {
  font-size: 16px;
  margin: 0;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraphs-subform .form-group[class*=field--name-]:empty {
  display: none;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraphs-subform .form-group[class*=field--name-]:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #ddd;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraphs-subform .field--widget-options-buttons fieldset legend {
  float: left;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  border: none;
  line-height: 20px;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraphs-subform .field--widget-options-buttons fieldset legend span:after {
  content: ":";
  line-height: 1.5;
  vertical-align: baseline;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraphs-subform .field--widget-options-buttons fieldset .fieldset-wrapper {
  float: left;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraphs-subform .field--widget-options-buttons fieldset .fieldset-wrapper > div .radio label {
  line-height: 20px;
}
.field--widget-entity-reference-org-settings-paragraphs .paragraphs-subform .field--widget-options-buttons fieldset .fieldset-wrapper div.description {
  font-size: 13px;
  padding: 10px 20px;
}

.active-users-theme {
  display: flex;
  justify-content: space-evenly;
}
@media only screen and (max-width: 991px) {
  .active-users-theme {
    flex-direction: column;
  }
}
.active-users-theme .section {
  min-width: 30%;
  padding: 15px;
}

.contains-warning .form-control,
.contains-warning .input-group-addon {
  border-color: #b94a48;
  -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);
}

.partner-percentage-warning {
  color: #b94a48;
  font-size: 12px;
  max-width: 125px;
  margin: 0;
  padding: 2px;
}
.partner-percentage-warning i.material-icons {
  font-size: 18px;
  vertical-align: bottom;
}

.view-display-id-onboarded .actions {
  display: flex;
  flex-direction: column;
  max-width: 150px;
  padding: 10px 0;
}
.view-display-id-onboarded .actions > a:not(:first-child) {
  margin-top: 10px;
}

form[class*=oktopro-form-rating-main-sub] .field--type-fivestar,
form[class*=oktopro-form-rating-sub-main] .field--type-fivestar {
  padding: 15px 5px;
  margin: 0;
}
form[class*=oktopro-form-rating-main-sub] .field--type-fivestar > .form-item,
form[class*=oktopro-form-rating-sub-main] .field--type-fivestar > .form-item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
}
form[class*=oktopro-form-rating-main-sub] .field--type-fivestar > .form-item label,
form[class*=oktopro-form-rating-sub-main] .field--type-fivestar > .form-item label {
  margin: 0;
  padding: 0 10px;
}
form[class*=oktopro-form-rating-main-sub] .field--type-fivestar > .form-item .fivestar-user-stars,
form[class*=oktopro-form-rating-sub-main] .field--type-fivestar > .form-item .fivestar-user-stars {
  min-width: 115px;
}

.marketplace-warnings-wrapper {
  padding: 10px 0 20px;
  text-align: center;
}

.invitation-confirmation-popup .modal-header {
  border: none;
  text-align: center;
}
.invitation-confirmation-popup .modal-header .modal-title {
  text-transform: uppercase;
  color: black;
  font-size: 16px;
}
.invitation-confirmation-popup .modal-body form .form-group[data-drupal-selector=edit-actions] {
  margin-bottom: 0;
}
.invitation-confirmation-popup .modal-body form .form-group[data-drupal-selector=edit-actions] button {
  outline: none;
}

.proximity-info-wrapper {
  padding: 7px 0;
  font-size: 13px;
}
.proximity-info-wrapper .sc-proximity-info {
  font-style: italic;
}
.proximity-info-wrapper .sc-proximity-info .organisation-name {
  font-weight: bold;
}

.social-security-card-example,
.belgian-resident-card-example {
  max-width: 400px;
}
.social-security-card-example label,
.belgian-resident-card-example label {
  font-style: italic;
}

.x-modal-marketplace-compare-prices-popup {
  width: 1140px;
}
@media only screen and (max-width: 1199px) {
  .x-modal-marketplace-compare-prices-popup {
    width: 740px;
  }
}
@media only screen and (max-width: 767px) {
  .x-modal-marketplace-compare-prices-popup {
    width: 95%;
    margin: 15px auto;
  }
}
.x-modal-marketplace-compare-prices-popup .marketplace-compare-prices-popup {
  margin: auto;
  width: 100%;
}
.x-modal-marketplace-compare-prices-popup .marketplace-compare-prices-popup .modal-header {
  text-align: center;
  border: none;
  padding-bottom: 0;
}
.x-modal-marketplace-compare-prices-popup .marketplace-compare-prices-popup .modal-body {
  padding-top: 5px;
}
.x-modal-marketplace-compare-prices-popup .marketplace-compare-prices-popup .modal-buttons {
  display: flex;
  justify-content: space-around;
}
.x-modal-marketplace-compare-prices-popup .marketplace-compare-prices-popup .modal-buttons button {
  width: 40%;
}

.marketplace-prices-compare-formatter i.fa {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 5px;
}
.marketplace-prices-compare-formatter i.fa.fa-exchange {
  color: #ddd;
}
.marketplace-prices-compare-formatter i.fa.fa-arrow-circle-up {
  color: #D81E1E;
}
.marketplace-prices-compare-formatter i.fa.fa-arrow-circle-down {
  color: #058C42;
}
.marketplace-prices-compare-formatter .formatter-header {
  display: flex;
  align-items: center;
}
.marketplace-prices-compare-formatter .formatter-header > div {
  padding: 15px 0;
}
.marketplace-prices-compare-formatter .formatter-header .left-side {
  flex: 1 1 35%;
}
.marketplace-prices-compare-formatter .formatter-header .left-side .organisation-brief-info-wrapper .logo-wrapper img {
  width: 90px;
}
.marketplace-prices-compare-formatter .formatter-header .left-side .organisation-brief-info-wrapper .info-wrapper .organisation-label {
  font-size: 22px;
}
.marketplace-prices-compare-formatter .formatter-header .left-side .organisation-brief-info-wrapper .info-wrapper .organisation-rating-wrapper {
  height: 22px;
  width: 90px;
}
.marketplace-prices-compare-formatter .formatter-header .left-side .organisation-brief-info-wrapper .info-wrapper .organisation-rating-wrapper:before {
  font-size: 16px;
}
.marketplace-prices-compare-formatter .formatter-header .left-side .organisation-brief-info-wrapper .info-wrapper .organisation-rating-wrapper .organisation-rating:before {
  font-size: 16px;
}
.marketplace-prices-compare-formatter .formatter-header .right-side {
  flex: 1 1 65%;
  display: flex;
  justify-content: space-around;
}
.marketplace-prices-compare-formatter .formatter-header .right-side .field {
  padding: 0 15px;
}
.marketplace-prices-compare-formatter .formatter-header .right-side .field .field--item {
  font-size: 30px;
}
@media only screen and (max-width: 479px) {
  .marketplace-prices-compare-formatter .formatter-header {
    flex-direction: column;
  }
  .marketplace-prices-compare-formatter .formatter-header .left-side {
    flex: 1 1 100%;
  }
  .marketplace-prices-compare-formatter .formatter-header .right-side {
    flex: 1 1 100%;
    flex-direction: column;
    text-align: left;
    margin-right: auto;
  }
  .marketplace-prices-compare-formatter .formatter-header .right-side .field {
    padding: 5px 15px;
  }
}
.marketplace-prices-compare-formatter table.section-table {
  border: none;
}
.marketplace-prices-compare-formatter table.section-table thead {
  border: none;
}
.marketplace-prices-compare-formatter table.section-table thead tr {
  border: none;
}
.marketplace-prices-compare-formatter table.section-table thead tr th {
  vertical-align: middle;
  text-align: center;
  border: 2px solid #efecec;
}
.marketplace-prices-compare-formatter table.section-table thead tr th.long-cell {
  text-align: center;
}
.marketplace-prices-compare-formatter table.section-table thead tr th.code-name {
  text-align: left;
}
.marketplace-prices-compare-formatter table.section-table thead tr th:last-child {
  border-right: none;
}
.marketplace-prices-compare-formatter table.section-table thead tr:first-child th:first-child {
  border: none;
}
.marketplace-prices-compare-formatter table.section-table thead tr .sub-header-cell {
  max-width: 78px;
}
.marketplace-prices-compare-formatter table.section-table tbody {
  border: none;
}
.marketplace-prices-compare-formatter table.section-table tbody tr {
  border: none;
}
.marketplace-prices-compare-formatter table.section-table tbody tr td {
  text-align: right;
  border: 2px solid #efecec;
}
.marketplace-prices-compare-formatter table.section-table tbody tr td.code-name {
  text-align: left;
}
.marketplace-prices-compare-formatter table.section-table tbody tr td:first-child {
  border-left: none;
}
.marketplace-prices-compare-formatter table.section-table tbody tr td:last-child {
  border-right: none;
}
.marketplace-prices-compare-formatter table.section-table tbody tr td i.fa.fa-exchange {
  font-size: 12px;
}
.marketplace-prices-compare-formatter table.section-table tbody tr.section-total-row {
  font-weight: bold;
}
.marketplace-prices-compare-formatter table.section-table tbody tr.section-total-row td {
  border-bottom: none;
}
.marketplace-prices-compare-formatter table.section-table tbody tr.section-total-row td:first-child, .marketplace-prices-compare-formatter table.section-table tbody tr.section-total-row td:last-child {
  border: none;
}

.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content {
  border: none;
}
.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
  background: none;
  padding: 0;
  display: flex;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
}
.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav li {
  border: none;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  flex-grow: 1;
  background: none;
  max-width: 370px;
  text-align: center;
}
.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav li:focus {
  outline: none;
}
.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav li.ui-tabs-active a {
  cursor: default;
  color: #000;
  border-bottom: 3px solid #37b0fe;
}
.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav li.ui-tabs-active a .dot {
  display: none;
}
.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav li a {
  color: #999999;
  width: 75%;
  padding-left: 0;
  cursor: pointer;
  font-size: 16px;
  position: relative;
  display: block;
  margin: auto;
  float: none;
}
.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav li a:focus {
  outline: none;
}
.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav li a .dot {
  width: 6px;
  height: 6px;
  background: #00d8e3;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: -15px;
}
@media only screen and (max-width: 479px) {
  .tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav {
    flex-direction: column;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav li {
    margin: 0;
    padding: 15px 0;
    text-align: right;
  }
  .tabs.oktopro-nice-tabs.ui-widget.ui-widget-content ul.ui-tabs-nav li a {
    display: inline-block;
    width: initial;
    padding: 0 5px 5px 15px;
  }
}
.tabs.oktopro-nice-tabs.ui-widget.ui-widget-content .ui-tabs-panel {
  padding: 0;
  margin-top: 15px;
}

.oktopro-form-request-new-ssc-extra-form .field--type-telephone input {
  width: 100%;
}

.eck-entity.oktopro-form.request-new-ssc.full .field {
  margin-bottom: 15px;
}
.eck-entity.oktopro-form.request-new-ssc.full .bottom {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.annex-warning-messages,
.missing-timeline-message {
  margin: 15px 0;
}
.annex-warning-messages .content,
.missing-timeline-message .content {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.annex-warning-messages .content .icon,
.missing-timeline-message .content .icon {
  color: #ffa500;
  font-size: 35px;
}
.annex-warning-messages .content .text,
.missing-timeline-message .content .text {
  display: block;
  padding: 0 5px;
}

table td.code-contract-total-done-column .code-contract-total-done i {
  font-size: 14px;
  cursor: pointer;
}

.marketplace-start-date-formatted.in-past {
  color: #D81E1E;
}

.comm-message .plf-documents-list ul {
  list-style: none;
  padding: 0;
}
.comm-message .plf-documents-list ul li {
  padding: 0;
}
.comm-message .plf-documents-list ul li a.user-doc-link {
  font-weight: bold;
  color: #0f2856 !important;
}

table.notifications-settings {
  border: none;
}
table.notifications-settings tr {
  border-bottom: 1px solid #ddd;
}
table.notifications-settings tr th {
  text-align: center;
  border: none;
}
table.notifications-settings tr td {
  vertical-align: middle;
  border: none;
}
table.notifications-settings tr td.group-label {
  font-size: 16px;
  font-weight: bold;
  padding-top: 25px;
  padding-bottom: 10px;
}
table.notifications-settings tr td.item-label {
  padding-left: 25px;
}
table.notifications-settings tr td.notification-checkbox {
  text-align: center;
}
table.notifications-settings tr td .form-type-checkbox label {
  height: 25px;
  width: 25px;
  padding-left: 25px;
}
table.notifications-settings tr td .form-type-checkbox input[type=checkbox] {
  height: 20px;
  width: 20px;
}

.company-info .company-info-body .contact-org-fields .views-field-oktopro-corporate-referral-link .field-content {
  display: block;
  width: 100%;
}

.referral-links-wrapper {
  margin-top: 40px;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 992px) {
  .referral-links-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.referral-links-wrapper .links {
  display: grid;
  grid-template-columns: 200fr 1fr 1fr;
  grid-gap: 4px;
}
@media only screen and (min-width: 992px) {
  .referral-links-wrapper .links {
    grid-template-columns: 5fr 1fr 1fr;
  }
}
.referral-links-wrapper .links input {
  min-width: 0;
}
.referral-links-wrapper .clipboardjs-button {
  display: flex;
  background: linear-gradient(180deg, #153776 0%, #0C2147 100%);
  border-radius: 3px;
  padding: 7px 7px;
}
.referral-links-wrapper i {
  color: white;
  font-size: 16px;
}
.referral-links-wrapper img {
  margin-bottom: 10px;
}
.referral-links-wrapper .single-link .link-name {
  font-weight: bold;
  font-size: 20px;
}
@media only screen and (min-width: 992px) {
  .referral-links-wrapper .single-link .link-name {
    min-height: 57.13px;
  }
}
.referral-links-wrapper .single-link .btn {
  margin: 0;
}
.referral-links-wrapper .single-link a.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.referral-links-wrapper .single-link a.btn-secondary:hover {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
  text-decoration: none;
}

table.operational-score-table > thead > tr > th,
table.operational-score-table > thead > tr > td,
table.operational-score-table > tbody > tr > th,
table.operational-score-table > tbody > tr > td,
table.operational-score-table > tfoot > tr > th,
table.operational-score-table > tfoot > tr > td {
  vertical-align: middle;
}
table.operational-score-table > thead > tr > th .panel,
table.operational-score-table > thead > tr > td .panel,
table.operational-score-table > tbody > tr > th .panel,
table.operational-score-table > tbody > tr > td .panel,
table.operational-score-table > tfoot > tr > th .panel,
table.operational-score-table > tfoot > tr > td .panel {
  border: none;
  box-shadow: none;
  display: inline-block;
}
table.operational-score-table > thead > tr > th .panel .panel-heading,
table.operational-score-table > thead > tr > td .panel .panel-heading,
table.operational-score-table > tbody > tr > th .panel .panel-heading,
table.operational-score-table > tbody > tr > td .panel .panel-heading,
table.operational-score-table > tfoot > tr > th .panel .panel-heading,
table.operational-score-table > tfoot > tr > td .panel .panel-heading {
  background: none;
  padding: 0;
  border: none;
}
table.operational-score-table > thead > tr > th .panel .panel-heading a,
table.operational-score-table > thead > tr > td .panel .panel-heading a,
table.operational-score-table > tbody > tr > th .panel .panel-heading a,
table.operational-score-table > tbody > tr > td .panel .panel-heading a,
table.operational-score-table > tfoot > tr > th .panel .panel-heading a,
table.operational-score-table > tfoot > tr > td .panel .panel-heading a {
  background: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555 !important;
}
table.operational-score-table > thead > tr > th .panel .panel-heading a:after,
table.operational-score-table > thead > tr > td .panel .panel-heading a:after,
table.operational-score-table > tbody > tr > th .panel .panel-heading a:after,
table.operational-score-table > tbody > tr > td .panel .panel-heading a:after,
table.operational-score-table > tfoot > tr > th .panel .panel-heading a:after,
table.operational-score-table > tfoot > tr > td .panel .panel-heading a:after {
  right: 15px;
  font-size: 12px;
  top: calc(50% - 6px);
}
table.operational-score-table > thead > tr > th.total,
table.operational-score-table > thead > tr > td.total,
table.operational-score-table > tbody > tr > th.total,
table.operational-score-table > tbody > tr > td.total,
table.operational-score-table > tfoot > tr > th.total,
table.operational-score-table > tfoot > tr > td.total {
  font-weight: bold;
  font-size: 15px;
  padding: 10px 5px;
}
table.operational-score-table > thead > tr > th.indicator-number,
table.operational-score-table > thead > tr > td.indicator-number,
table.operational-score-table > tbody > tr > th.indicator-number,
table.operational-score-table > tbody > tr > td.indicator-number,
table.operational-score-table > tfoot > tr > th.indicator-number,
table.operational-score-table > tfoot > tr > td.indicator-number {
  text-align: center;
}

.view-contract-information.view-display-id-contract .jeditable.oktopro-jeditable-formatter form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.view-contract-information.view-display-id-contract .jeditable.oktopro-jeditable-formatter form input {
  flex: 2;
}
.view-contract-information.view-display-id-contract .jeditable.oktopro-jeditable-formatter form button {
  flex: 1 49%;
  padding: 0 8px;
}

.field--label-inline .field--items {
  float: none;
  /*LTR*/
}

.autocomplete-deluxe-container input.autocomplete-deluxe-form {
  height: auto;
}

.field--widget-advanced-file-generic .form-wrapper table tr td {
  vertical-align: bottom;
}
.field--widget-advanced-file-generic .form-wrapper table tr td .tabledrag-handle {
  float: none;
  display: inline-block;
  margin: 0;
  padding: 5px;
  vertical-align: top;
}
.field--widget-advanced-file-generic .form-wrapper table tr td button {
  margin: 5px 0;
}
@media only screen and (max-width: 767px) {
  .field--widget-advanced-file-generic .form-wrapper table tr td button {
    cursor: pointer;
    font-size: 0;
    margin: auto;
    text-align: center;
  }
  .field--widget-advanced-file-generic .form-wrapper table tr td button i, .field--widget-advanced-file-generic .form-wrapper table tr td button .icon {
    font-size: 18px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .field--widget-advanced-file-generic .form-wrapper table thead tr th:last-child {
    font-size: 0;
  }
}
.field--widget-advanced-file-generic table .form-managed-file {
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  width: calc(100% - 35px);
  align-items: end;
}
.field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section {
  display: flex;
}
.field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section .file-link {
  flex: 1;
  display: flex;
  align-items: center;
}
.field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section .file-link a {
  display: block;
}
.field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section .file-link a img {
  margin: 5px;
}
.field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section .file-link a img.file-placeholder-icon {
  max-height: 70px;
}
.field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section .file-info {
  flex: 2;
  display: grid;
  align-items: center;
}
.field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section .file-info .file-detail {
  text-align: left;
  padding: 0;
}
.field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section .file-info .file-detail .prefix {
  font-weight: bold;
  margin-right: 5px;
  text-decoration: underline;
}
.field--widget-advanced-file-generic table .form-managed-file .form-item {
  margin: 5px 0;
}
@media only screen and (max-width: 767px) {
  .field--widget-advanced-file-generic table .form-managed-file {
    grid-template-columns: repeat(1, 1fr);
  }
  .field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section {
    flex-direction: column;
    border: 1px solid #ccc;
  }
  .field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section .file-link {
    border: none;
  }
  .field--widget-advanced-file-generic table .form-managed-file .uploaded-file-section .file-info {
    border: none;
  }
}

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

.form-item .table-responsive {
  overflow: initial;
}

body.entity-o-task-canonical img,
body[class*=oktopro-process-integration-task-process-pages-proceed-task] img,
body[class*=page-manager-page-view-task-center] img,
body[class*=page-manager-page-view-oktopro-templates-overview] img {
  max-width: 100%;
  height: auto;
}
body.entity-o-task-canonical.modal-open,
body[class*=oktopro-process-integration-task-process-pages-proceed-task].modal-open,
body[class*=page-manager-page-view-task-center].modal-open,
body[class*=page-manager-page-view-oktopro-templates-overview].modal-open {
  overflow: initial;
}

.three-in-greep {
  margin-bottom: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 20px;
}

.oktopro-pdf-generate-report {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.oktopro-pdf-generate-report .oktopro-download-checklist-pdf {
  background-color: #3274D6;
  padding: 6px 20px;
  text-decoration: unset;
  max-width: 160px;
  text-decoration: unset;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin-top: 5px;
}

.flex-jcsb {
  display: flex;
  justify-content: space-between;
}

.d-flex {
  display: flex;
}

.mr-1 {
  margin-right: 10px;
}

.ml-1 {
  margin-left: 10px;
}

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

.horizontal-tabs {
  border: unset;
}

.view-company-information.view-id-company_information.view-display-id-referenced_videos_attachment .views-row {
  width: 100%;
  margin: 0;
  padding: 0;
}
.view-company-information.view-id-company_information.view-display-id-referenced_videos_attachment ul {
  margin: 0;
  padding: 0;
  list-style: unset;
}
.view-company-information.view-id-company_information.view-display-id-referenced_videos_attachment li {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  padding: 15px;
  margin-bottom: 25px;
}

.view-id-oktopro_invoice.view-display-id-line_items_admin_embed_inside_expense > .view-content > .panel-group > .panel > .panel-body {
  display: flex;
}
.view-id-oktopro_invoice.view-display-id-line_items_admin_embed_inside_expense > .view-content > .panel-group > .panel > .panel-body > div {
  margin-right: 10px;
}

.pm-amount-summary {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 30px;
  font-weight: bold;
}
.pm-amount-summary > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal-overflow-visible .modal-body {
  overflow: visible !important;
}

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

.organisation.outsourced-manager img {
  border-radius: 50em;
}

.manager-package {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.organisation.logo img {
  border-radius: 50em;
  max-width: 100%;
  width: 120px;
  height: 100%;
}

.sub-label {
  font-weight: bold;
}

#organisation-log-message-status-wrapper .alert h2 {
  margin: 0;
}

.oktopro-currency-converter-currency-converter {
  width: 250px;
  position: relative;
  height: 30px;
  margin-top: 10px;
}

.currency-converter {
  position: absolute;
  top: 20px;
  left: 0;
  font-weight: bold;
  color: #0f2856;
}
.currency-converter .selector-package {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.currency-converter .box {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.currency-converter .hidden-modal .content {
  width: 0;
  transition: all 0.4s ease;
  background-color: white;
}
.currency-converter .hidden-modal .content .conversion-data {
  display: none;
}
.currency-converter .hidden-modal .content .select-package-outer {
  display: none;
}
.currency-converter .select-wrapper:after {
  content: unset;
}
.currency-converter .conversion-data {
  color: #555555;
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
}
.currency-converter .base-box {
  width: 66px;
  height: 28px;
}
.currency-converter .base-box img {
  height: 11px;
  margin: 0 2px 0 0;
  padding: 0;
}
.currency-converter .arrow-box {
  width: 50px;
  height: 28px;
  background-color: #eeeeee;
}
.currency-converter .ecb-source {
  display: none;
}
.currency-converter.active .hidden-modal {
  position: relative;
  z-index: 1;
}
.currency-converter.active .hidden-modal .ecb-source {
  text-align: center;
  display: block;
  text-decoration: underline;
}
.currency-converter.active .hidden-modal .content {
  box-shadow: -3px 3px 10px 5px rgba(143, 140, 143, 0.27);
  right: 0;
  z-index: 4;
  width: 250px;
  padding: 25px 33px;
}
.currency-converter.active .hidden-modal .toggle {
  position: relative;
  cursor: pointer;
}
.currency-converter.active .hidden-modal .toggle::after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  top: 10px;
  transform: rotate(180deg);
  position: absolute;
  left: -29px;
  font-size: 18px;
  padding: 5px;
}
.currency-converter .select-wrapper .select2-selection__rendered {
  padding-right: 8px;
}
.currency-converter.active .top {
  display: none;
}
.currency-converter .top {
  cursor: pointer;
  width: 250px;
  text-align: center;
}
.currency-converter .selected-rate {
  position: relative;
}
.currency-converter .selected-rate::after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  top: 1px;
  position: absolute;
  right: -18px;
  font-size: 18px;
}

.currency-converter-data i {
  margin-left: 2px;
}

.currency-converter-data,
.currency-converter-option {
  display: flex;
  align-items: center;
  justify-content: center;
}
.currency-converter-data img,
.currency-converter-option img {
  width: 13px;
  height: 11px;
  margin: 0 2px 0 0;
  padding: 0;
}

.slide-header .oktopro-currency-converter-currency-converter {
  height: initial;
  margin-top: unset;
  width: initial;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
}
.slide-header .oktopro-currency-converter-currency-converter .currency-converter {
  position: static;
  overflow: hidden;
}
.slide-header .oktopro-currency-converter-currency-converter .currency-converter .selected-rate::after {
  transition: all 0.5s ease;
  content: "";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  transform: rotate(268deg);
  margin-left: 9px;
  position: static;
  font-size: initial;
  font-weight: initial;
}
.slide-header .oktopro-currency-converter-currency-converter .currency-converter.active .selected-rate::after {
  transform: rotate(90deg) translateY(5px);
}
.slide-header .oktopro-currency-converter-currency-converter .top, .slide-header .oktopro-currency-converter-currency-converter .top * {
  display: flex;
}
.slide-header .oktopro-currency-converter-currency-converter .currency-converter .hidden-modal {
  transition: all 0.5s ease;
  width: 0;
  position: absolute;
  top: 22px;
  right: -20px;
}
.slide-header .oktopro-currency-converter-currency-converter .selected-rate {
  margin-left: 3px;
}
.slide-header .oktopro-currency-converter-currency-converter .currency-converter.active .hidden-modal .toggle::after {
  content: unset;
}
.slide-header .oktopro-currency-converter-currency-converter .currency-converter.active .hidden-modal {
  width: 250px;
}
.slide-header .oktopro-currency-converter-currency-converter .slide-header .oktopro-currency-converter-currency-converter .currency-converter.active {
  position: relative;
}
.slide-header .oktopro-currency-converter-currency-converter .top {
  font-weight: initial;
  color: white;
  width: initial;
}

#drupal-modal {
  z-index: 1051 !important;
}

.oktopro-embed-pdf-container {
  height: 50vh;
}
.oktopro-embed-pdf-container embed {
  width: 100%;
  height: 100%;
}

.oktopro-annex-terms-document-field-set-container .oktopro-annex-terms-document-info-message {
  margin-bottom: 15px;
  font-weight: bold;
}

.oktopro-contract-invitation-actions-form .form-submit.btn-primary,
.oktopro-contract-apply-form .form-submit.btn-primary {
  display: block;
  margin-left: auto;
}

.ajax-progress-fullscreen {
  position: fixed;
  z-index: 1000;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: 3.5rem;
  height: 3.5rem;
  margin: -1.75rem;
  border: 1px solid var(--color--gray-70);
  border-radius: 3.5rem;
  background-color: var(--color--white);
  box-shadow: 0 0.25rem 0.625rem rgba(34, 35, 48, 0.1);
  /* LTR */
}

.ajax-progress-fullscreen::before {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: 1.75rem;
  height: 1.75rem;
  margin: -0.875rem;
  content: "";
  border-width: 3px;
}

[dir=rtl] .ajax-progress-fullscreen {
  box-shadow: 0 -0.25rem 0.625rem rgba(34, 35, 48, 0.1);
}

/**
 * Common styles for all kinds of throbbers.
 */
.ajax-progress-fullscreen::before {
  animation: olivero-throbber 0.75s linear infinite;
  border-style: solid dotted solid solid;
  border-color: var(--color--primary-50) transparent var(--color--primary-50) var(--color--primary-50);
  border-radius: 50%;
}

@keyframes olivero-throbber {
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.ck.ck-powered-by {
  display: none !important;
}

.view-related-materials-content .footable-details > tbody > tr > th {
  width: 11px !important;
}

@media print {
  .material-order-view {
    padding: 30px;
  }
}
.material-order-view .field--name-estimated-total {
  width: 100%;
  text-align: right;
}

.materials-order-sent-view-top-row {
  display: flex;
  justify-content: space-evenly;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.oktopro-restricted-user-disable-interaction {
  pointer-events: none;
  background-color: #eeeeee;
  background: #eeeeee;
}

.outsourced-manager-functionality-settings {
  padding-left: 30px;
}
.outsourced-manager-functionality-settings .oktopro-outsourced-manager-functionality-information {
  padding-left: 30px;
}
.outsourced-manager-functionality-settings .oktopro-outsourced-manager-functionality-information .functionality-description {
  font-size: 15px;
}
.outsourced-manager-functionality-settings .oktopro-outsourced-manager-functionality-information .outsourced-manager-probuilder-academy-settings {
  margin-left: 30px;
}
.outsourced-manager-functionality-settings .control-label {
  font-size: 16px;
  font-weight: normal;
}
.outsourced-manager-functionality-settings .form-type-number {
  max-width: 150px;
}
.outsourced-manager-functionality-settings .form-type-number .form-item {
  display: flex;
  flex-direction: column;
}

.view-step-progress-invoiced .view-content .views-row {
  padding: 5px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 10px;
}
.view-step-progress-invoiced .view-content .views-row:nth-last-of-type(even) {
  background-color: #f8f7f7;
  border-bottom: 1px solid #ddd;
}
.view-step-progress-invoiced .view-content .views-row .views-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.view-step-progress-invoiced .view-content .views-row .views-field .views-label {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  width: 100%;
}
.view-step-progress-invoiced .view-content .views-row .views-field .field-content {
  padding: 8px;
}
.view-step-progress-invoiced .view-content .views-row .views-field:not(:first-child) .views-label {
  display: none;
}

.view-related-materials-content .footable-details > tbody > tr > th {
  width: 11px !important;
}

@media print {
  .material-order-view {
    padding: 30px;
  }
}
.material-order-view .field--name-estimated-total {
  width: 100%;
  text-align: right;
}

.material-order-view .invoice-form-popup-dialog-button {
  display: block;
  max-width: 125px;
  margin-left: auto;
}

.materials-order-sent-view-top-row {
  display: flex;
  justify-content: space-evenly;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.oktopro-restricted-user-disable-interaction {
  pointer-events: none;
  background-color: #eeeeee;
  background: #eeeeee;
}

.oktopro-form-construction-site-not-conform-form .form-actions .form-submit {
  display: none !important;
}

.oktopro-pa-upload-proof-files-link {
  cursor: pointer;
}

.oktopro-form-construction-site-not-conform-form .form-actions .form-submit {
  display: none !important;
}

.ui-widget-content.ui-autocomplete {
  z-index: 1700 !important;
}

.block-entity-fieldnodefield-building-plans .oktopro-colorbox-files-widget-with-description.field--items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  flex: unset;
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
.oktopro-bdam-search-organisation {
  max-width: 100%;
}

.o-task-checklist-pdf-processing-form .field--name-related-project,
.o-task-checklist-pdf-processing-form .field--name-related-contract {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.o-task-checklist-pdf-processing-form .field--name-related-project .form-type-select,
.o-task-checklist-pdf-processing-form .field--name-related-contract .form-type-select {
  width: 100%;
}
.o-task-checklist-pdf-processing-form .field--name-related-project .select2-selection__rendered,
.o-task-checklist-pdf-processing-form .field--name-related-contract .select2-selection__rendered {
  line-height: 33px;
}
.o-task-checklist-pdf-processing-form .oktopro-pdf-pre-print-selector {
  margin: 26px 5px !important;
  border: 2px solid #0f2856;
  width: 33px;
  height: 33px;
}
.o-task-checklist-pdf-processing-form .panel-heading,
.o-task-checklist-pdf-processing-form .items-package {
  display: flex;
  align-items: center;
}
.o-task-checklist-pdf-processing-form .panel-heading .oktopro-pdf-pre-print-selector,
.o-task-checklist-pdf-processing-form .items-package .oktopro-pdf-pre-print-selector {
  margin: 5px 5px !important;
}
.o-task-checklist-pdf-processing-form .oktopro-pdf-hide-for-print {
  outline: 3px solid red;
}

.view-company-information-pdf {
  margin: 50px 0;
}
.view-company-information-pdf .view-content .views-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.view-company-information-pdf .view-content .views-row .views-field .field-content a {
  color: #585858;
}
.view-company-information-pdf .view-content .views-row .views-field-fieldset-1 {
  margin-right: 50px;
}
.view-company-information-pdf .view-content .views-row .views-field-fieldset .views-field-title {
  margin-bottom: 15px;
  font-size: 25px;
  font-weight: 700;
}

body.user-login .page-wrapper .page-wrapper-bg .region-footer,
body.user-pass .page-wrapper .page-wrapper-bg .region-footer,
body.user-anonymous .page-wrapper .page-wrapper-bg .region-footer {
  display: none;
}
body.user-login .page-wrapper .page-wrapper-bg.page-oktopro_form .main-container .region-content,
body.user-pass .page-wrapper .page-wrapper-bg.page-oktopro_form .main-container .region-content,
body.user-anonymous .page-wrapper .page-wrapper-bg.page-oktopro_form .main-container .region-content {
  max-width: 750px;
}
body.user-login .page-wrapper .page-wrapper-bg.page-oktopro_form .main-container .region-content .oktopro-form-form,
body.user-pass .page-wrapper .page-wrapper-bg.page-oktopro_form .main-container .region-content .oktopro-form-form,
body.user-anonymous .page-wrapper .page-wrapper-bg.page-oktopro_form .main-container .region-content .oktopro-form-form {
  border: none;
}
body.user-login .page-wrapper .page-wrapper-bg.page-oktopro_form .main-container .region-content .oktopro-form-form .form-actions,
body.user-pass .page-wrapper .page-wrapper-bg.page-oktopro_form .main-container .region-content .oktopro-form-form .form-actions,
body.user-anonymous .page-wrapper .page-wrapper-bg.page-oktopro_form .main-container .region-content .oktopro-form-form .form-actions {
  width: 100% !important;
}
body.user-login .page-wrapper .page-wrapper-bg .contact-or,
body.user-pass .page-wrapper .page-wrapper-bg .contact-or,
body.user-anonymous .page-wrapper .page-wrapper-bg .contact-or {
  color: #fff;
  background: #13336e;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  margin: 25px auto;
  padding-top: 3px;
}
body.user-login .page-wrapper .page-wrapper-bg .contact-by-phone,
body.user-pass .page-wrapper .page-wrapper-bg .contact-by-phone,
body.user-anonymous .page-wrapper .page-wrapper-bg .contact-by-phone {
  font-weight: bold;
}
body.user-login .page-wrapper .page-wrapper-bg .contact-by-phone .fa-phone,
body.user-pass .page-wrapper .page-wrapper-bg .contact-by-phone .fa-phone,
body.user-anonymous .page-wrapper .page-wrapper-bg .contact-by-phone .fa-phone {
  padding-left: 6px;
  color: #13336e;
  font-size: 18px;
}
body.user-login .page-wrapper .page-wrapper-bg div[id*=edit-login-contact-link],
body.user-pass .page-wrapper .page-wrapper-bg div[id*=edit-login-contact-link],
body.user-anonymous .page-wrapper .page-wrapper-bg div[id*=edit-login-contact-link] {
  margin-bottom: 0 !important;
  text-align: center;
  margin-top: 12px;
}
body.user-login .page-wrapper .page-wrapper-bg .region-header,
body.user-pass .page-wrapper .page-wrapper-bg .region-header,
body.user-anonymous .page-wrapper .page-wrapper-bg .region-header {
  display: none;
}
body.user-login .page-wrapper .page-wrapper-bg .page-wrapper,
body.user-pass .page-wrapper .page-wrapper-bg .page-wrapper,
body.user-anonymous .page-wrapper .page-wrapper-bg .page-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: #f7f7f7;
  overflow: auto;
}
body.user-login .page-wrapper .page-wrapper-bg .main-container,
body.user-pass .page-wrapper .page-wrapper-bg .main-container,
body.user-anonymous .page-wrapper .page-wrapper-bg .main-container {
  overflow: hidden;
}
body.user-login .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-anonymous .page-wrapper .page-wrapper-bg .main-container .region-content {
  background: #fff;
  max-width: 1150px;
  margin: 140px auto 0;
  color: #000;
  position: relative;
  -moz-box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 4px 38px 0 rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 1199px) {
  body.user-login .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-anonymous .page-wrapper .page-wrapper-bg .main-container .region-content {
    margin: 120px 8% 0;
  }
}
@media only screen and (max-width: 991px) {
  body.user-login .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-anonymous .page-wrapper .page-wrapper-bg .main-container .region-content {
    margin: 20% 4%;
  }
}
@media only screen and (max-width: 767px) {
  body.user-login .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-anonymous .page-wrapper .page-wrapper-bg .main-container .region-content {
    margin: 9% 5%;
  }
}
body.user-login .page-wrapper .page-wrapper-bg .main-container .region-content:before,
body.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content:before,
body.user-anonymous .page-wrapper .page-wrapper-bg .main-container .region-content:before {
  content: " ";
  height: 14px;
  display: block;
  width: 100%;
  background-color: #0f2856;
}
body.user-login .page-wrapper .page-wrapper-bg .main-container .region-content .user-pass p:not([class]),
body.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content .user-pass p:not([class]),
body.user-anonymous .page-wrapper .page-wrapper-bg .main-container .region-content .user-pass p:not([class]) {
  padding-top: 18px;
}
@media only screen and (max-width: 479px) {
  body.user-login .page-wrapper .page-wrapper-bg .main-container .region-content .user-pass p:not([class]),
body.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content .user-pass p:not([class]),
body.user-anonymous .page-wrapper .page-wrapper-bg .main-container .region-content .user-pass p:not([class]) {
    padding-top: 5px;
    font-size: 12px;
    padding-bottom: 17px;
  }
}
body.user-login .page-wrapper .page-wrapper-bg.with-error .main-container .region-content,
body.user-pass .page-wrapper .page-wrapper-bg.with-error .main-container .region-content,
body.user-anonymous .page-wrapper .page-wrapper-bg.with-error .main-container .region-content {
  margin: 120px auto 0;
}
@media only screen and (max-width: 767px) {
  body.user-login .page-wrapper .page-wrapper-bg.with-error .main-container .region-content,
body.user-pass .page-wrapper .page-wrapper-bg.with-error .main-container .region-content,
body.user-anonymous .page-wrapper .page-wrapper-bg.with-error .main-container .region-content {
    margin: 9% 5%;
  }
}
body.user-login .page-wrapper .page-wrapper-bg.with-error .user-login-form .form-item, body.user-login .page-wrapper .page-wrapper-bg.with-error .user-pass .form-item,
body.user-pass .page-wrapper .page-wrapper-bg.with-error .user-login-form .form-item,
body.user-pass .page-wrapper .page-wrapper-bg.with-error .user-pass .form-item,
body.user-anonymous .page-wrapper .page-wrapper-bg.with-error .user-login-form .form-item,
body.user-anonymous .page-wrapper .page-wrapper-bg.with-error .user-pass .form-item {
  border-bottom: 1px solid #eb1923 !important;
}
body.user-login .page-wrapper .page-wrapper-bg .footer,
body.user-pass .page-wrapper .page-wrapper-bg .footer,
body.user-anonymous .page-wrapper .page-wrapper-bg .footer {
  border: none;
  margin-top: 115px;
}
body.user-login .page-wrapper .page-wrapper-bg .footer .copyright,
body.user-pass .page-wrapper .page-wrapper-bg .footer .copyright,
body.user-anonymous .page-wrapper .page-wrapper-bg .footer .copyright {
  text-align: center;
  color: #7f7f7f;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  body.user-login .page-wrapper .page-wrapper-bg .footer .copyright,
body.user-pass .page-wrapper .page-wrapper-bg .footer .copyright,
body.user-anonymous .page-wrapper .page-wrapper-bg .footer .copyright {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1199px) {
  body.user-login .page-wrapper .page-wrapper-bg .footer .copyright > *,
body.user-pass .page-wrapper .page-wrapper-bg .footer .copyright > *,
body.user-anonymous .page-wrapper .page-wrapper-bg .footer .copyright > * {
    display: block;
  }
}
body.user-login.user-login .page-wrapper, body.user-login.user-pass .page-wrapper, body.user-login.path-user .page-wrapper,
body.user-pass.user-login .page-wrapper,
body.user-pass.user-pass .page-wrapper,
body.user-pass.path-user .page-wrapper,
body.user-anonymous.user-login .page-wrapper,
body.user-anonymous.user-pass .page-wrapper,
body.user-anonymous.path-user .page-wrapper {
  display: flex;
  align-items: stretch;
  height: 100%;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg, body.user-login.user-pass .page-wrapper .page-wrapper-bg, body.user-login.path-user .page-wrapper .page-wrapper-bg,
body.user-pass.user-login .page-wrapper .page-wrapper-bg,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg,
body.user-pass.path-user .page-wrapper .page-wrapper-bg,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container {
  flex-grow: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section {
  margin-bottom: 40px;
  margin-top: 20px;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image {
  text-align: center;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label {
  color: #0a6eb4;
  letter-spacing: 1em;
  padding-left: calc(20px + 1em);
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label:hover, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label:hover, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label:hover,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label:hover,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label:hover,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label:hover,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label:hover,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label:hover,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .instance-label-wrapper .instance-label:hover {
  background: inherit;
  color: #0a6eb4;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .region-content, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .region-content {
  margin: 0;
  background: initial;
  max-width: initial;
  color: initial;
  position: initial;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .region-content:before, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content:before, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .region-content:before,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .region-content:before,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content:before,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .region-content:before,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .region-content:before,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .region-content:before,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .region-content:before {
  display: none;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .footer, body.user-login.user-pass .page-wrapper .page-wrapper-bg .footer, body.user-login.path-user .page-wrapper .page-wrapper-bg .footer,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .footer,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .footer,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .footer,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .footer,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .footer,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .footer {
  flex-grow: 1;
  border: none;
  margin-top: 20px;
  padding: 20px 10px;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content {
  padding: 0;
  margin: auto;
  width: 70%;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .alert,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .alert,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .alert,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .alert, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .alert,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .alert,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .alert,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .alert, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .alert,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .alert,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .alert,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .alert,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .alert,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .alert,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .alert,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .alert,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .alert,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .alert,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .alert,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .alert,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .alert,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .alert,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .alert,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .alert,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .alert,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .alert,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .alert,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .alert,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .alert,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .alert,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .alert,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .alert,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .alert,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .alert,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .alert,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .alert {
  background: none;
  border: none;
  font-style: italic;
  color: #eb1923;
  margin: 0;
  padding: 0;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .alert .close,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .alert .close,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .alert .close,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .alert .close, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .alert .close,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .alert .close,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .alert .close,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .alert .close, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .alert .close,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .alert .close,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .alert .close,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .alert .close,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .alert .close,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .alert .close,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .alert .close,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .alert .close,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .alert .close,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .alert .close,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .alert .close,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .alert .close,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .alert .close,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .alert .close,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .alert .close,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .alert .close,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .alert .close,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .alert .close,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .alert .close,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .alert .close,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .alert .close,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .alert .close,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .alert .close,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .alert .close,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .alert .close,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .alert .close,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .alert .close,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .alert .close {
  display: none;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .alert a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .alert a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .alert a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .alert a, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .alert a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .alert a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .alert a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .alert a, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .alert a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .alert a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .alert a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .alert a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .alert a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .alert a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .alert a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .alert a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .alert a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .alert a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .alert a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .alert a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .alert a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .alert a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .alert a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .alert a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .alert a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .alert a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .alert a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .alert a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .alert a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .alert a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .alert a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .alert a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .alert a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .alert a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .alert a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .alert a {
  color: #eb1923;
  font-weight: normal;
  text-decoration: underline;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content h2, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content h2, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content h2 {
  font-size: 33px;
  font-weight: bold;
  margin-bottom: 25px;
  color: #0f2856;
}
@media only screen and (max-width: 767px) {
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content h2, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content h2, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content h2 {
    font-size: 25px;
    text-align: center;
  }
}
@media only screen and (max-width: 360px) {
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content h2, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content h2, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset h2,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content h2 {
    font-size: 20px;
  }
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item {
  position: relative;
  border-bottom: 1px solid #0f2856;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item.has-error,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item.has-error,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.has-error,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item.has-error, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item.has-error,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item.has-error,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.has-error,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item.has-error, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item.has-error,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item.has-error,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.has-error,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item.has-error,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item.has-error,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item.has-error,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.has-error,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item.has-error,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item.has-error,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item.has-error,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.has-error,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item.has-error,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item.has-error,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item.has-error,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.has-error,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item.has-error,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item.has-error,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item.has-error,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.has-error,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item.has-error,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item.has-error,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item.has-error,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.has-error,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item.has-error,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item.has-error,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item.has-error,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.has-error,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item.has-error {
  border-bottom: 1px solid #eb1923;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-name:before,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-name:before,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-name:before,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-name:before, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-name:before,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-name:before,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-name:before,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-name:before, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-name:before,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-name:before,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-name:before,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-name:before,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-name:before,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-name:before,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-name:before,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-name:before,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-name:before,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-name:before,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-name:before,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-name:before,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-name:before,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-name:before,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-name:before,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-name:before,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-name:before,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-name:before,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-name:before,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-name:before,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-name:before,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-name:before,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-name:before,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-name:before,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-name:before,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-name:before,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-name:before,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-name:before {
  content: " ";
  position: absolute;
  background: url(../images/login-name-icon.png);
  display: block;
  width: 16px;
  height: 22px;
  top: 9px;
  left: 10px;
  z-index: 1;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-pass:before,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-pass:before,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-pass:before,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-pass:before, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-pass:before,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-pass:before,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-pass:before,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-pass:before, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-pass:before,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-pass:before,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-pass:before,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-pass:before,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-pass:before,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-pass:before,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-pass:before,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-pass:before,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-pass:before,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-pass:before,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-pass:before,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-pass:before,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-pass:before,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-pass:before,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-pass:before,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-pass:before,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-pass:before,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-pass:before,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-pass:before,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-pass:before,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-pass:before,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-pass:before,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-pass:before,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-pass:before,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item.form-item-pass:before,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item.form-item-pass:before,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item.form-item-pass:before,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item.form-item-pass:before {
  content: " ";
  position: absolute;
  background: url(../images/login-pass-icon.png);
  display: block;
  width: 23px;
  height: 22px;
  top: 9px;
  left: 7px;
  z-index: 1;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-left: 45px;
  font-size: 18px;
  color: #535353;
  height: 41px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control {
    font-size: 16px;
  }
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-webkit-input-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-webkit-input-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-webkit-input-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-webkit-input-placeholder, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-webkit-input-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-webkit-input-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-webkit-input-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-webkit-input-placeholder, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-webkit-input-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-webkit-input-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-webkit-input-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-webkit-input-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-webkit-input-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-webkit-input-placeholder {
  color: #535353;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-moz-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-moz-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-moz-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-moz-placeholder, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-moz-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-moz-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-moz-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-moz-placeholder, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-moz-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-moz-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-moz-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-moz-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-moz-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-moz-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-moz-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-moz-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-moz-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-moz-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-moz-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-moz-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-moz-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-moz-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-moz-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-moz-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-moz-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-moz-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-moz-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-moz-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-moz-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-moz-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-moz-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-moz-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control::-moz-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control::-moz-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control::-moz-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control::-moz-placeholder {
  color: #535353;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-ms-input-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-ms-input-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-ms-input-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-ms-input-placeholder, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-ms-input-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-ms-input-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-ms-input-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-ms-input-placeholder, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-ms-input-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-ms-input-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-ms-input-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-ms-input-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-ms-input-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-ms-input-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-ms-input-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-ms-input-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-ms-input-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-ms-input-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-ms-input-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-ms-input-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-ms-input-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-ms-input-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-ms-input-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-ms-input-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-ms-input-placeholder {
  color: #535353;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-moz-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-moz-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-moz-placeholder,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-moz-placeholder, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-moz-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-moz-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-moz-placeholder,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-moz-placeholder, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-moz-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-moz-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-moz-placeholder,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-moz-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-moz-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-moz-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-moz-placeholder,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-moz-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-moz-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-moz-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-moz-placeholder,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-moz-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-moz-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-moz-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-moz-placeholder,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-moz-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-moz-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-moz-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-moz-placeholder,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-moz-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-moz-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-moz-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-moz-placeholder,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-moz-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-item input.form-control:-moz-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-item input.form-control:-moz-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-item input.form-control:-moz-placeholder,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-item input.form-control:-moz-placeholder {
  color: #535353;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link {
  display: inline-block;
  padding: 0;
  margin-top: 64px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link {
    float: none;
    margin: 30px auto 0;
    text-align: center;
    display: block;
  }
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a, body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a {
  color: #458ff0;
  font-size: 1.2em;
}
@media only screen and (max-width: 767px) {
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a, body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a {
    font-size: 0.9em;
  }
}
@media only screen and (max-width: 360px) {
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a, body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login a,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link a {
    font-size: 0.85em;
  }
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link {
  float: right;
}
@media only screen and (max-width: 1199px) {
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link {
    float: none;
    margin: 10px auto;
    text-align: center;
    display: block;
  }
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-group,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-group,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-group,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-group, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-group,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-group,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-group,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-group, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-group,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-group,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-group,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-group,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-group,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-group,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-group,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-group,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-group,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-group,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-group,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-group,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-group,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-group,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-group,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-group,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-group,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-group,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-group,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-group,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-group,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-group,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-group,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-group,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-group,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-group,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-group,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-group {
  margin-bottom: 24px;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-actions,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-actions,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-actions, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-actions,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-actions,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-actions, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-actions,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-actions,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-actions,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-actions,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-actions,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-actions,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-actions,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-actions,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-actions,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-actions,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-actions,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-actions,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-actions,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-actions,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-actions,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-actions,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-actions,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-actions,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-actions,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-actions,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-actions {
  display: block;
  width: 100%;
  margin: 0 auto;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-actions button,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-actions button,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-actions button,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-actions button,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-actions button,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-actions button,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-actions button,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-actions button,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-actions button,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-actions button,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-actions button,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-actions button,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-actions button,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-actions button,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-actions button,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-actions button,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-actions button,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-actions button,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button {
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  background-image: none;
  border-radius: 7px;
  padding: 7px 12px;
}
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-actions button span,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .form-actions button span,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button span,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button span, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-actions button span,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-actions button span,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button span,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button span, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-actions button span,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .form-actions button span,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button span,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button span,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-actions button span,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .form-actions button span,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button span,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button span,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-actions button span,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-actions button span,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button span,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button span,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-actions button span,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .form-actions button span,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button span,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button span,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .form-actions button span,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .form-actions button span,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button span,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button span,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .form-actions button span,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .form-actions button span,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button span,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button span,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .form-actions button span,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .form-actions button span,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .form-actions button span,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .form-actions button span {
  display: none;
}
body.user-login.user-login .page-wrapper .mobile-info-side, body.user-login.user-pass .page-wrapper .mobile-info-side, body.user-login.path-user .page-wrapper .mobile-info-side,
body.user-pass.user-login .page-wrapper .mobile-info-side,
body.user-pass.user-pass .page-wrapper .mobile-info-side,
body.user-pass.path-user .page-wrapper .mobile-info-side,
body.user-anonymous.user-login .page-wrapper .mobile-info-side,
body.user-anonymous.user-pass .page-wrapper .mobile-info-side,
body.user-anonymous.path-user .page-wrapper .mobile-info-side {
  display: none;
}
body.user-login.user-login .page-wrapper .info-side, body.user-login.user-pass .page-wrapper .info-side, body.user-login.path-user .page-wrapper .info-side,
body.user-pass.user-login .page-wrapper .info-side,
body.user-pass.user-pass .page-wrapper .info-side,
body.user-pass.path-user .page-wrapper .info-side,
body.user-anonymous.user-login .page-wrapper .info-side,
body.user-anonymous.user-pass .page-wrapper .info-side,
body.user-anonymous.path-user .page-wrapper .info-side {
  width: 65%;
  background-color: #0f2856;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0 10%;
  text-align: left;
  font-weight: bold;
}
body.user-login.user-login .page-wrapper .info-side .inner-wrapper, body.user-login.user-pass .page-wrapper .info-side .inner-wrapper, body.user-login.path-user .page-wrapper .info-side .inner-wrapper,
body.user-pass.user-login .page-wrapper .info-side .inner-wrapper,
body.user-pass.user-pass .page-wrapper .info-side .inner-wrapper,
body.user-pass.path-user .page-wrapper .info-side .inner-wrapper,
body.user-anonymous.user-login .page-wrapper .info-side .inner-wrapper,
body.user-anonymous.user-pass .page-wrapper .info-side .inner-wrapper,
body.user-anonymous.path-user .page-wrapper .info-side .inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
body.user-login.user-login .page-wrapper .info-side .inner-wrapper .slogan, body.user-login.user-pass .page-wrapper .info-side .inner-wrapper .slogan, body.user-login.path-user .page-wrapper .info-side .inner-wrapper .slogan,
body.user-pass.user-login .page-wrapper .info-side .inner-wrapper .slogan,
body.user-pass.user-pass .page-wrapper .info-side .inner-wrapper .slogan,
body.user-pass.path-user .page-wrapper .info-side .inner-wrapper .slogan,
body.user-anonymous.user-login .page-wrapper .info-side .inner-wrapper .slogan,
body.user-anonymous.user-pass .page-wrapper .info-side .inner-wrapper .slogan,
body.user-anonymous.path-user .page-wrapper .info-side .inner-wrapper .slogan {
  font-size: 70px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1199px) {
  body.user-login.user-login .page-wrapper .info-side .inner-wrapper .slogan, body.user-login.user-pass .page-wrapper .info-side .inner-wrapper .slogan, body.user-login.path-user .page-wrapper .info-side .inner-wrapper .slogan,
body.user-pass.user-login .page-wrapper .info-side .inner-wrapper .slogan,
body.user-pass.user-pass .page-wrapper .info-side .inner-wrapper .slogan,
body.user-pass.path-user .page-wrapper .info-side .inner-wrapper .slogan,
body.user-anonymous.user-login .page-wrapper .info-side .inner-wrapper .slogan,
body.user-anonymous.user-pass .page-wrapper .info-side .inner-wrapper .slogan,
body.user-anonymous.path-user .page-wrapper .info-side .inner-wrapper .slogan {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  body.user-login.user-login .page-wrapper, body.user-login.user-pass .page-wrapper, body.user-login.path-user .page-wrapper,
body.user-pass.user-login .page-wrapper,
body.user-pass.user-pass .page-wrapper,
body.user-pass.path-user .page-wrapper,
body.user-anonymous.user-login .page-wrapper,
body.user-anonymous.user-pass .page-wrapper,
body.user-anonymous.path-user .page-wrapper {
    flex-direction: column;
  }
  body.user-login.user-login .page-wrapper .mobile-info-side, body.user-login.user-pass .page-wrapper .mobile-info-side, body.user-login.path-user .page-wrapper .mobile-info-side,
body.user-pass.user-login .page-wrapper .mobile-info-side,
body.user-pass.user-pass .page-wrapper .mobile-info-side,
body.user-pass.path-user .page-wrapper .mobile-info-side,
body.user-anonymous.user-login .page-wrapper .mobile-info-side,
body.user-anonymous.user-pass .page-wrapper .mobile-info-side,
body.user-anonymous.path-user .page-wrapper .mobile-info-side {
    display: block;
    text-align: center;
    font-size: 18px;
    background-color: #0f2856;
    color: #fff;
    font-weight: bold;
    margin-bottom: 50px;
  }
  body.user-login.user-login .page-wrapper .mobile-info-side .inner-wrapper, body.user-login.user-pass .page-wrapper .mobile-info-side .inner-wrapper, body.user-login.path-user .page-wrapper .mobile-info-side .inner-wrapper,
body.user-pass.user-login .page-wrapper .mobile-info-side .inner-wrapper,
body.user-pass.user-pass .page-wrapper .mobile-info-side .inner-wrapper,
body.user-pass.path-user .page-wrapper .mobile-info-side .inner-wrapper,
body.user-anonymous.user-login .page-wrapper .mobile-info-side .inner-wrapper,
body.user-anonymous.user-pass .page-wrapper .mobile-info-side .inner-wrapper,
body.user-anonymous.path-user .page-wrapper .mobile-info-side .inner-wrapper {
    padding: 30px 10px;
  }
  body.user-login.user-login .page-wrapper .page-wrapper-bg, body.user-login.user-pass .page-wrapper .page-wrapper-bg, body.user-login.path-user .page-wrapper .page-wrapper-bg,
body.user-pass.user-login .page-wrapper .page-wrapper-bg,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg,
body.user-pass.path-user .page-wrapper .page-wrapper-bg,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg {
    width: 100%;
    height: 100%;
  }
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link {
    display: inline-block;
    padding: 0;
    margin-top: 64px;
    margin-bottom: 0;
  }
  body.user-login.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link, body.user-login.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-login-form #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .user-pass-reset #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .maintenance-content #edit-login-contact-link {
    float: right;
  }
  body.user-login.user-login .page-wrapper .info-side, body.user-login.user-pass .page-wrapper .info-side, body.user-login.path-user .page-wrapper .info-side,
body.user-pass.user-login .page-wrapper .info-side,
body.user-pass.user-pass .page-wrapper .info-side,
body.user-pass.path-user .page-wrapper .info-side,
body.user-anonymous.user-login .page-wrapper .info-side,
body.user-anonymous.user-pass .page-wrapper .info-side,
body.user-anonymous.path-user .page-wrapper .info-side {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  body.user-login.user-login .page-wrapper .mobile-info-side, body.user-login.user-pass .page-wrapper .mobile-info-side, body.user-login.path-user .page-wrapper .mobile-info-side,
body.user-pass.user-login .page-wrapper .mobile-info-side,
body.user-pass.user-pass .page-wrapper .mobile-info-side,
body.user-pass.path-user .page-wrapper .mobile-info-side,
body.user-anonymous.user-login .page-wrapper .mobile-info-side,
body.user-anonymous.user-pass .page-wrapper .mobile-info-side,
body.user-anonymous.path-user .page-wrapper .mobile-info-side {
    font-size: 16px;
  }
  body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section {
    margin-bottom: 0;
    margin-top: 20px;
  }
  body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image img, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image img, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image img,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image img,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image img,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image img,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image img,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image img,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .branding-section .branding-image img {
    width: 50%;
  }
  body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .user-login-form .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .user-login-form .back-to-login, body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .user-login-form #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass-reset #edit-login-contact-link,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .maintenance-content .forgot-password,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .maintenance-content .back-to-login,
body.user-login.user-login .page-wrapper .page-wrapper-bg .main-container .maintenance-content #edit-login-contact-link, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .user-login-form .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .user-login-form .back-to-login, body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .user-login-form #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass-reset #edit-login-contact-link,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .maintenance-content .forgot-password,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .maintenance-content .back-to-login,
body.user-login.user-pass .page-wrapper .page-wrapper-bg .main-container .maintenance-content #edit-login-contact-link, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .user-login-form .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .user-login-form .back-to-login, body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .user-login-form #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass-reset #edit-login-contact-link,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .maintenance-content .forgot-password,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .maintenance-content .back-to-login,
body.user-login.path-user .page-wrapper .page-wrapper-bg .main-container .maintenance-content #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .user-login-form .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .user-login-form .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .user-login-form #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass-reset #edit-login-contact-link,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .maintenance-content .forgot-password,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .maintenance-content .back-to-login,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .main-container .maintenance-content #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .user-login-form .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .user-login-form .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .user-login-form #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass-reset #edit-login-contact-link,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .maintenance-content .forgot-password,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .maintenance-content .back-to-login,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .main-container .maintenance-content #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .user-login-form .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .user-login-form .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .user-login-form #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass-reset #edit-login-contact-link,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .maintenance-content .forgot-password,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .maintenance-content .back-to-login,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .main-container .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .user-login-form .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .user-login-form .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .user-login-form #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .maintenance-content .forgot-password,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .maintenance-content .back-to-login,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .main-container .maintenance-content #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .user-login-form .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .user-login-form .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .user-login-form #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .user-pass-reset #edit-login-contact-link,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .maintenance-content .forgot-password,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .maintenance-content .back-to-login,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .main-container .maintenance-content #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .user-login-form .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .user-login-form .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .user-login-form #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass-reset .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .user-pass-reset #edit-login-contact-link,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .maintenance-content .forgot-password,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .maintenance-content .back-to-login,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .main-container .maintenance-content #edit-login-contact-link {
    margin-top: 20px;
  }
  body.user-login.user-login .page-wrapper .page-wrapper-bg .footer, body.user-login.user-pass .page-wrapper .page-wrapper-bg .footer, body.user-login.path-user .page-wrapper .page-wrapper-bg .footer,
body.user-pass.user-login .page-wrapper .page-wrapper-bg .footer,
body.user-pass.user-pass .page-wrapper .page-wrapper-bg .footer,
body.user-pass.path-user .page-wrapper .page-wrapper-bg .footer,
body.user-anonymous.user-login .page-wrapper .page-wrapper-bg .footer,
body.user-anonymous.user-pass .page-wrapper .page-wrapper-bg .footer,
body.user-anonymous.path-user .page-wrapper .page-wrapper-bg .footer {
    margin-top: 10px;
    padding-top: 5px;
  }
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
/* Create an Invoice page */
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels],
body[class*=page-manager-page-view-post-an-invoice] {
  /*********** sticky ********************/
  /*********** end sticky ********************/
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels].modal-open,
body[class*=page-manager-page-view-post-an-invoice].modal-open {
  overflow: initial;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels].toolbar-horizontal .post-invoice-form-sticky.is-sticky .bs-region--top,
body[class*=page-manager-page-view-post-an-invoice].toolbar-horizontal .post-invoice-form-sticky.is-sticky .bs-region--top {
  top: 40px !important;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels].toolbar-horizontal.toolbar-tray-open .post-invoice-form-sticky.is-sticky .bs-region--top,
body[class*=page-manager-page-view-post-an-invoice].toolbar-horizontal.toolbar-tray-open .post-invoice-form-sticky.is-sticky .bs-region--top {
  top: 80px !important;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .post-invoice-form-sticky,
body[class*=page-manager-page-view-post-an-invoice] .post-invoice-form-sticky {
  width: 100% !important;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .post-invoice-form-sticky.is-sticky .bs-region--top,
body[class*=page-manager-page-view-post-an-invoice] .post-invoice-form-sticky.is-sticky .bs-region--top {
  left: 0;
  -moz-box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.22);
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .bs-region--top,
body[class*=page-manager-page-view-post-an-invoice] .bs-region--top {
  background: #fff;
  z-index: 1;
  padding: 0;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .bs-region--top .block-region-top,
body[class*=page-manager-page-view-post-an-invoice] .bs-region--top .block-region-top {
  display: flex;
  margin: auto;
  align-items: flex-end;
  padding: 5px 0 25px;
}
@media (min-width: 768px) {
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .bs-region--top .block-region-top,
body[class*=page-manager-page-view-post-an-invoice] .bs-region--top .block-region-top {
    width: 720px !important;
  }
}
@media (min-width: 992px) {
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .bs-region--top .block-region-top,
body[class*=page-manager-page-view-post-an-invoice] .bs-region--top .block-region-top {
    width: 940px !important;
  }
}
@media (min-width: 1200px) {
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .bs-region--top .block-region-top,
body[class*=page-manager-page-view-post-an-invoice] .bs-region--top .block-region-top {
    width: 1140px !important;
  }
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .bs-region--top .block-region-top > *,
body[class*=page-manager-page-view-post-an-invoice] .bs-region--top .block-region-top > * {
  flex: 1;
  margin: 0 auto;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .bs-region--top .block-region-top > * .panel-group,
body[class*=page-manager-page-view-post-an-invoice] .bs-region--top .block-region-top > * .panel-group {
  margin: 0;
}
@media only screen and (max-width: 991px) {
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .admin-variant.bs-region--top .block-region-top,
body[class*=page-manager-page-view-post-an-invoice] .admin-variant.bs-region--top .block-region-top {
    flex-direction: column-reverse;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .admin-variant.bs-region--top .block-region-top > *,
body[class*=page-manager-page-view-post-an-invoice] .admin-variant.bs-region--top .block-region-top > * {
    width: 100%;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .admin-variant.bs-region--top .block-region-top > *:first-child,
body[class*=page-manager-page-view-post-an-invoice] .admin-variant.bs-region--top .block-region-top > *:first-child {
    margin-top: 10px;
    padding: 0 5px;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block,
body[class*=page-manager-page-view-post-an-invoice] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block {
    display: flex;
    border: none;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block > *,
body[class*=page-manager-page-view-post-an-invoice] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block > * {
    width: 100%;
    padding: 0 5px;
    margin: 0;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block .create-invoice-links,
body[class*=page-manager-page-view-post-an-invoice] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block .create-invoice-links {
    display: flex;
    flex-direction: column;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block .create-invoice-links > div:first-child,
body[class*=page-manager-page-view-post-an-invoice] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block .create-invoice-links > div:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block .create-invoice-links > div:last-child,
body[class*=page-manager-page-view-post-an-invoice] .admin-variant.bs-region--top .block-region-top > *.block-post-invoice-page-actions-block .create-invoice-links > div:last-child {
    margin-left: 0;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .admin-variant.bs-region--top .block-region-top > *.block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline,
body[class*=page-manager-page-view-post-an-invoice] .admin-variant.bs-region--top .block-region-top > *.block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline {
    padding-right: 0;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .is-sticky .admin-variant.bs-region--top .block-region-top,
body[class*=page-manager-page-view-post-an-invoice] .is-sticky .admin-variant.bs-region--top .block-region-top {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .is-sticky .admin-variant.bs-region--top .block-region-top,
body[class*=page-manager-page-view-post-an-invoice] .is-sticky .admin-variant.bs-region--top .block-region-top {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline,
body[class*=page-manager-page-view-post-an-invoice] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 35px;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-item,
body[class*=page-manager-page-view-post-an-invoice] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-item {
    width: 50%;
    padding: 0;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-item:first-child:not(:last-child),
body[class*=page-manager-page-view-post-an-invoice] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-item:first-child:not(:last-child) {
    padding-right: 15px;
  }
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-actions,
body[class*=page-manager-page-view-post-an-invoice] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-actions {
  width: 100%;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-actions button,
body[class*=page-manager-page-view-post-an-invoice] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-actions button {
  font-weight: bold;
  margin: 0;
  width: 100%;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-actions button .icon,
body[class*=page-manager-page-view-post-an-invoice] .block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block .panel-group .form-inline .form-actions button .icon {
  font-weight: normal;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block,
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block {
  border-left: 2px solid #e8e8e8;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block .wrapper,
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block .wrapper {
  padding-left: 35px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block .wrapper > div:not(:last-child),
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block .wrapper > div:not(:last-child) {
  margin-bottom: 15px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block .wrapper .create-invoice-links,
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block .wrapper .create-invoice-links {
  display: flex;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block .wrapper .create-invoice-links > div,
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block .wrapper .create-invoice-links > div {
  flex: 1;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block .wrapper .create-invoice-links > div:first-child,
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block .wrapper .create-invoice-links > div:first-child {
  margin-right: 10px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block .wrapper .create-invoice-links > div:last-child,
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block .wrapper .create-invoice-links > div:last-child {
  margin-left: 10px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper {
  margin-top: 100px;
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.22);
  padding: 55px 0 15px;
  border-radius: 5px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper:first-child {
  margin-top: 25px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-caption,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-caption,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-caption,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-caption,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-caption,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-caption {
  margin: -75px auto 20px;
  display: table;
  background: #fff;
  padding: 10px 15px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #0f2b5b;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table caption,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table caption,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table caption,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table caption,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table caption,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table caption {
  display: none;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table th:last-child, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table td:last-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table th:last-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table td:last-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table th:last-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table td:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table th:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table td:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table th:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table td:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table th:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table td:last-child {
  padding-right: 40px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table th:first-child, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table td:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table th:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table td:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table th:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table td:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table th:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table td:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table th:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table td:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table th:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table td:first-child {
  padding-left: 55px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table th.views-field-field-product, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table td.views-field-field-product,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table th.views-field-field-product,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table td.views-field-field-product,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table th.views-field-field-product,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table td.views-field-field-product,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table th.views-field-field-product,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table td.views-field-field-product,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table th.views-field-field-product,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table td.views-field-field-product,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table th.views-field-field-product,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table td.views-field-field-product {
  min-width: 120px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr.credit-line td.views-field-name:before,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr.credit-line td.views-field-name:before,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr.credit-line td.views-field-name:before,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr.credit-line td.views-field-name:before,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr.credit-line td.views-field-name:before,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr.credit-line td.views-field-name:before {
  content: " ";
  position: relative;
  top: 2px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: -18px;
  margin-right: 0;
  width: 14px;
  background-repeat: no-repeat;
  height: 14px;
  background-image: url(/themes/custom/oktopro/images/credit_note.svg);
  background-size: 12px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td {
  border: none;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-name, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-created, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-product, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-catalog,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-name,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-created,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-product,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-catalog,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-name,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-created,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-product,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-catalog,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-name,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-created,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-product,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-catalog,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-name,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-created,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-product,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-catalog,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-name,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-created,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-product,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody > tr td.views-field.views-field-field-catalog {
  white-space: nowrap;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody .views-field-oktopro-financoal-toll-fake-checkbox .form-type-checkbox,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody .views-field-oktopro-financoal-toll-fake-checkbox .form-type-checkbox,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody .views-field-oktopro-financoal-toll-fake-checkbox .form-type-checkbox,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table tbody .views-field-oktopro-financoal-toll-fake-checkbox .form-type-checkbox,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table tbody .views-field-oktopro-financoal-toll-fake-checkbox .form-type-checkbox,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table tbody .views-field-oktopro-financoal-toll-fake-checkbox .form-type-checkbox {
  margin-top: 0;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table.table-striped:not(.footable-details) > tbody > tr:nth-child(even),
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table.table-striped:not(.footable-details) > tbody > tr:nth-child(even),
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table.table-striped:not(.footable-details) > tbody > tr:nth-child(even),
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .original-style-wrapper table.table-striped:not(.footable-details) > tbody > tr:nth-child(even),
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .original-style-wrapper table.table-striped:not(.footable-details) > tbody > tr:nth-child(even),
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .original-style-wrapper table.table-striped:not(.footable-details) > tbody > tr:nth-child(even) {
  background-color: #f4f4f4;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .bottom,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .bottom,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .bottom,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .bottom,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .bottom,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .bottom {
  text-align: center;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 60px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form {
  text-align: center;
  display: flex;
  flex-direction: row-reverse;
  padding: 0 60px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .invoice-total,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .invoice-total,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .invoice-total,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .invoice-total,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .invoice-total,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .invoice-total {
  font-weight: bold;
  margin-bottom: 5px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper {
  position: absolute;
  left: 50%;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions {
  position: relative;
  left: -50%;
  display: flex;
  background: #fff;
  justify-content: space-around;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group {
  margin: 0 10px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child {
  margin-left: 25px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child {
  margin-right: 25px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn {
  margin: 0;
  width: 200px;
  font-weight: bold;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn .icon,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn .icon,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn .icon,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn .icon,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn .icon,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group .btn .icon {
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form {
    display: block;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper {
    position: initial;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions {
    position: initial;
    display: block;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group {
    margin: 10px auto;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice.view-id-oktopro_invoice.view-display-id-financial_specifics_block .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-organisation .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:first-child,
body[class*=page-manager-page-view-post-an-invoice] .view-oktopro-invoice-line-items .views-group-action-style-wrapper .views-group-action-form form .actions-wrapper .form-actions .form-group:last-child {
    margin: 10px auto;
  }
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block,
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block {
  margin-top: 50px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block .btn,
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block .btn {
  font-weight: bold;
  width: 100%;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels] .block-post-invoice-page-actions-block .btn .icon,
body[class*=page-manager-page-view-post-an-invoice] .block-post-invoice-page-actions-block .btn .icon {
  font-weight: normal;
}

.x-modal-create-credit-line-popup {
  width: 340px;
}
.x-modal-create-credit-line-popup .create-credit-line-popup .modal-header {
  text-align: center;
}
.x-modal-create-credit-line-popup .create-credit-line-popup .modal-body {
  overflow: visible !important;
  padding-left: 40px;
  padding-right: 40px;
}
.x-modal-create-credit-line-popup .create-credit-line-popup .modal-body .field--name-buyer-org {
  margin-bottom: 15px;
}
.x-modal-create-credit-line-popup .create-credit-line-popup .modal-body .textfield_counter_counter {
  font-style: italic;
  opacity: 0.8;
  font-size: 13px;
}
.x-modal-create-credit-line-popup .create-credit-line-popup .modal-footer {
  border: none;
  padding: 0 40px 40px;
}
.x-modal-create-credit-line-popup .create-credit-line-popup .modal-footer .modal-buttons button {
  width: 100%;
}
.x-modal-create-credit-line-popup .create-credit-line-popup .modal-footer .modal-buttons button .glyphicon-pencil {
  display: none;
}

.x-modal-invoice-form-popup-dialog,
.x-modal-create-custom-invoice-popup,
.x-modal-create-proforma-invoice-popup {
  width: 1140px;
}
@media only screen and (max-width: 1199px) {
  .x-modal-invoice-form-popup-dialog,
.x-modal-create-custom-invoice-popup,
.x-modal-create-proforma-invoice-popup {
    width: 740px;
  }
}
@media only screen and (max-width: 767px) {
  .x-modal-invoice-form-popup-dialog,
.x-modal-create-custom-invoice-popup,
.x-modal-create-proforma-invoice-popup {
    width: 95%;
    margin: 15px auto;
  }
}
.x-modal-invoice-form-popup-dialog .create-invoice-popup,
.x-modal-invoice-form-popup-dialog .create-custom-invoice-popup,
.x-modal-invoice-form-popup-dialog .create-proforma-invoice-popup,
.x-modal-create-custom-invoice-popup .create-invoice-popup,
.x-modal-create-custom-invoice-popup .create-custom-invoice-popup,
.x-modal-create-custom-invoice-popup .create-proforma-invoice-popup,
.x-modal-create-proforma-invoice-popup .create-invoice-popup,
.x-modal-create-proforma-invoice-popup .create-custom-invoice-popup,
.x-modal-create-proforma-invoice-popup .create-proforma-invoice-popup {
  padding-left: 0;
  padding-right: 0;
  margin: auto;
  width: 100%;
}
.x-modal-invoice-form-popup-dialog .create-invoice-popup .modal-header,
.x-modal-invoice-form-popup-dialog .create-custom-invoice-popup .modal-header,
.x-modal-invoice-form-popup-dialog .create-proforma-invoice-popup .modal-header,
.x-modal-create-custom-invoice-popup .create-invoice-popup .modal-header,
.x-modal-create-custom-invoice-popup .create-custom-invoice-popup .modal-header,
.x-modal-create-custom-invoice-popup .create-proforma-invoice-popup .modal-header,
.x-modal-create-proforma-invoice-popup .create-invoice-popup .modal-header,
.x-modal-create-proforma-invoice-popup .create-custom-invoice-popup .modal-header,
.x-modal-create-proforma-invoice-popup .create-proforma-invoice-popup .modal-header {
  text-align: center;
}
.x-modal-invoice-form-popup-dialog .create-invoice-popup .modal-body,
.x-modal-invoice-form-popup-dialog .create-custom-invoice-popup .modal-body,
.x-modal-invoice-form-popup-dialog .create-proforma-invoice-popup .modal-body,
.x-modal-create-custom-invoice-popup .create-invoice-popup .modal-body,
.x-modal-create-custom-invoice-popup .create-custom-invoice-popup .modal-body,
.x-modal-create-custom-invoice-popup .create-proforma-invoice-popup .modal-body,
.x-modal-create-proforma-invoice-popup .create-invoice-popup .modal-body,
.x-modal-create-proforma-invoice-popup .create-custom-invoice-popup .modal-body,
.x-modal-create-proforma-invoice-popup .create-proforma-invoice-popup .modal-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
}
.x-modal-invoice-form-popup-dialog .create-invoice-popup .modal-buttons,
.x-modal-invoice-form-popup-dialog .create-custom-invoice-popup .modal-buttons,
.x-modal-invoice-form-popup-dialog .create-proforma-invoice-popup .modal-buttons,
.x-modal-create-custom-invoice-popup .create-invoice-popup .modal-buttons,
.x-modal-create-custom-invoice-popup .create-custom-invoice-popup .modal-buttons,
.x-modal-create-custom-invoice-popup .create-proforma-invoice-popup .modal-buttons,
.x-modal-create-proforma-invoice-popup .create-invoice-popup .modal-buttons,
.x-modal-create-proforma-invoice-popup .create-custom-invoice-popup .modal-buttons,
.x-modal-create-proforma-invoice-popup .create-proforma-invoice-popup .modal-buttons {
  display: flex;
  justify-content: space-around;
}
.x-modal-invoice-form-popup-dialog .create-invoice-popup .modal-buttons button,
.x-modal-invoice-form-popup-dialog .create-custom-invoice-popup .modal-buttons button,
.x-modal-invoice-form-popup-dialog .create-proforma-invoice-popup .modal-buttons button,
.x-modal-create-custom-invoice-popup .create-invoice-popup .modal-buttons button,
.x-modal-create-custom-invoice-popup .create-custom-invoice-popup .modal-buttons button,
.x-modal-create-custom-invoice-popup .create-proforma-invoice-popup .modal-buttons button,
.x-modal-create-proforma-invoice-popup .create-invoice-popup .modal-buttons button,
.x-modal-create-proforma-invoice-popup .create-custom-invoice-popup .modal-buttons button,
.x-modal-create-proforma-invoice-popup .create-proforma-invoice-popup .modal-buttons button {
  width: 40%;
}

form.o-invoice-form .select2-container .select2-selection,
form.o-invoice-line-item-form .select2-container .select2-selection {
  height: auto;
}
form.o-invoice-form .select2-container .select2-selection .select2-selection__rendered,
form.o-invoice-line-item-form .select2-container .select2-selection .select2-selection__rendered {
  padding: 4px 12px;
}
form.o-invoice-form .select2-container .select2-selection .select2-selection__arrow,
form.o-invoice-line-item-form .select2-container .select2-selection .select2-selection__arrow {
  visibility: hidden;
}

form.o-invoice-form.create-old-invoice,
form.o-invoice-form.create-custom-invoice,
form.o-invoice-form.create-proforma-invoice {
  padding: 20px;
}
form.o-invoice-form.create-old-invoice .field--name-field-product,
form.o-invoice-form.create-custom-invoice .field--name-field-product,
form.o-invoice-form.create-proforma-invoice .field--name-field-product {
  float: left;
  width: 49%;
}
form.o-invoice-form.create-old-invoice .top-line,
form.o-invoice-form.create-custom-invoice .top-line,
form.o-invoice-form.create-proforma-invoice .top-line {
  display: flex;
  justify-content: space-between;
}
form.o-invoice-form.create-old-invoice .top-line > div,
form.o-invoice-form.create-custom-invoice .top-line > div,
form.o-invoice-form.create-proforma-invoice .top-line > div {
  width: 49%;
}
form.o-invoice-form.create-old-invoice .top-line .field--name-field-product,
form.o-invoice-form.create-custom-invoice .top-line .field--name-field-product,
form.o-invoice-form.create-proforma-invoice .top-line .field--name-field-product {
  float: none;
}
form.o-invoice-form.create-old-invoice .top-line .field--name-amount,
form.o-invoice-form.create-custom-invoice .top-line .field--name-amount,
form.o-invoice-form.create-proforma-invoice .top-line .field--name-amount {
  margin-bottom: 15px;
}
form.o-invoice-form.create-old-invoice .top-line .field--name-amount label,
form.o-invoice-form.create-custom-invoice .top-line .field--name-amount label,
form.o-invoice-form.create-proforma-invoice .top-line .field--name-amount label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
form.o-invoice-form.create-old-invoice .top-line .field--name-amount input,
form.o-invoice-form.create-custom-invoice .top-line .field--name-amount input,
form.o-invoice-form.create-proforma-invoice .top-line .field--name-amount input {
  margin-bottom: 0;
}
form.o-invoice-form.create-old-invoice .field--name-field-referrer.form-group,
form.o-invoice-form.create-old-invoice .field--name-field-contractor.form-group,
form.o-invoice-form.create-custom-invoice .field--name-field-referrer.form-group,
form.o-invoice-form.create-custom-invoice .field--name-field-contractor.form-group,
form.o-invoice-form.create-proforma-invoice .field--name-field-referrer.form-group,
form.o-invoice-form.create-proforma-invoice .field--name-field-contractor.form-group {
  margin-bottom: 0;
  float: right;
  width: 49%;
}
form.o-invoice-form.create-old-invoice .field--name-description:before,
form.o-invoice-form.create-custom-invoice .field--name-description:before,
form.o-invoice-form.create-proforma-invoice .field--name-description:before {
  content: " ";
  display: table;
  clear: both;
}
form.o-invoice-form.create-old-invoice .form-details,
form.o-invoice-form.create-custom-invoice .form-details,
form.o-invoice-form.create-proforma-invoice .form-details {
  display: flex;
  margin-bottom: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
form.o-invoice-form.create-old-invoice .form-details > *,
form.o-invoice-form.create-custom-invoice .form-details > *,
form.o-invoice-form.create-proforma-invoice .form-details > * {
  flex: 1 1 25%;
  margin: 10px 10px;
}
form.o-invoice-form.create-old-invoice .form-details > *.field--name-vat-rate input,
form.o-invoice-form.create-custom-invoice .form-details > *.field--name-vat-rate input,
form.o-invoice-form.create-proforma-invoice .form-details > *.field--name-vat-rate input {
  display: inline-block;
}
form.o-invoice-form.create-old-invoice .form-details > *.field--name-vat-rate .input-group .flexdatalist-alias,
form.o-invoice-form.create-custom-invoice .form-details > *.field--name-vat-rate .input-group .flexdatalist-alias,
form.o-invoice-form.create-proforma-invoice .form-details > *.field--name-vat-rate .input-group .flexdatalist-alias {
  border-radius: 4px 0 0 4px;
}
form.o-invoice-form.create-old-invoice .custom-line-calculation-section,
form.o-invoice-form.create-custom-invoice .custom-line-calculation-section,
form.o-invoice-form.create-proforma-invoice .custom-line-calculation-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
form.o-invoice-form.create-old-invoice .custom-line-calculation-section > *,
form.o-invoice-form.create-custom-invoice .custom-line-calculation-section > *,
form.o-invoice-form.create-proforma-invoice .custom-line-calculation-section > * {
  flex: 1 1 25%;
  margin: 0 5px 15px;
}
form.o-invoice-form.create-old-invoice .custom-line-calculation-section > *:first-child,
form.o-invoice-form.create-custom-invoice .custom-line-calculation-section > *:first-child,
form.o-invoice-form.create-proforma-invoice .custom-line-calculation-section > *:first-child {
  margin-left: 0;
}
form.o-invoice-form.create-old-invoice .custom-line-calculation-section > *:last-child,
form.o-invoice-form.create-custom-invoice .custom-line-calculation-section > *:last-child,
form.o-invoice-form.create-proforma-invoice .custom-line-calculation-section > *:last-child {
  margin-right: 0;
}
form.o-invoice-form.create-old-invoice .custom-line-calculation-section > * input, form.o-invoice-form.create-old-invoice .custom-line-calculation-section > * select,
form.o-invoice-form.create-custom-invoice .custom-line-calculation-section > * input,
form.o-invoice-form.create-custom-invoice .custom-line-calculation-section > * select,
form.o-invoice-form.create-proforma-invoice .custom-line-calculation-section > * input,
form.o-invoice-form.create-proforma-invoice .custom-line-calculation-section > * select {
  width: 100%;
}
form.o-invoice-form.create-old-invoice .form-footer,
form.o-invoice-form.create-custom-invoice .form-footer,
form.o-invoice-form.create-proforma-invoice .form-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 20px;
}
form.o-invoice-form.create-old-invoice .form-footer > *.field--name-send-email,
form.o-invoice-form.create-custom-invoice .form-footer > *.field--name-send-email,
form.o-invoice-form.create-proforma-invoice .form-footer > *.field--name-send-email {
  flex: 0 0 auto;
  align-self: flex-end;
  padding: 0 10px;
}
form.o-invoice-form.create-old-invoice .form-footer > *.field--name-send-email label,
form.o-invoice-form.create-custom-invoice .form-footer > *.field--name-send-email label,
form.o-invoice-form.create-proforma-invoice .form-footer > *.field--name-send-email label {
  line-height: 20px;
}
form.o-invoice-form.create-old-invoice .form-actions,
form.o-invoice-form.create-custom-invoice .form-actions,
form.o-invoice-form.create-proforma-invoice .form-actions {
  margin-top: 30px;
  text-align: right;
}
form.o-invoice-form.create-old-invoice .form-item-automatically-paid-create-old-invoice,
form.o-invoice-form.create-custom-invoice .form-item-automatically-paid-create-old-invoice,
form.o-invoice-form.create-proforma-invoice .form-item-automatically-paid-create-old-invoice {
  border: 2px solid #FFB60B;
  width: 220px;
  margin-left: auto;
  text-align: center;
  padding: 15px;
  border-radius: 7px;
}
@media only screen and (max-width: 767px) {
  form.o-invoice-form.create-old-invoice .form-details,
form.o-invoice-form.create-custom-invoice .form-details,
form.o-invoice-form.create-proforma-invoice .form-details {
    flex-direction: column;
  }
  form.o-invoice-form.create-old-invoice table.ief-entity-table,
form.o-invoice-form.create-custom-invoice table.ief-entity-table,
form.o-invoice-form.create-proforma-invoice table.ief-entity-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  form.o-invoice-form.create-old-invoice .custom-line-calculation-section,
form.o-invoice-form.create-custom-invoice .custom-line-calculation-section,
form.o-invoice-form.create-proforma-invoice .custom-line-calculation-section {
    flex-direction: column;
  }
  form.o-invoice-form.create-old-invoice .custom-line-calculation-section > *,
form.o-invoice-form.create-custom-invoice .custom-line-calculation-section > *,
form.o-invoice-form.create-proforma-invoice .custom-line-calculation-section > * {
    width: 100%;
    margin: 0 0 15px;
  }
  form.o-invoice-form.create-old-invoice .form-footer,
form.o-invoice-form.create-custom-invoice .form-footer,
form.o-invoice-form.create-proforma-invoice .form-footer {
    flex-direction: column-reverse;
  }
}

form.o-invoice-form.create-sales-referral-invoice,
form.o-invoice-form.create-service-invoice,
form.o-invoice-form.create-common-invoice,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session {
  /****************************************************************************************/
  /****************************************************************************************/
}
form.o-invoice-form.create-sales-referral-invoice .field-group-tabs-wrapper ul.nav.nav-tabs,
form.o-invoice-form.create-service-invoice .field-group-tabs-wrapper ul.nav.nav-tabs,
form.o-invoice-form.create-common-invoice .field-group-tabs-wrapper ul.nav.nav-tabs,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field-group-tabs-wrapper ul.nav.nav-tabs {
  padding-bottom: 0;
}
form.o-invoice-form.create-sales-referral-invoice .field-group-tabs-wrapper ul.nav.nav-tabs > li,
form.o-invoice-form.create-service-invoice .field-group-tabs-wrapper ul.nav.nav-tabs > li,
form.o-invoice-form.create-common-invoice .field-group-tabs-wrapper ul.nav.nav-tabs > li,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field-group-tabs-wrapper ul.nav.nav-tabs > li {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 2px;
}
form.o-invoice-form.create-sales-referral-invoice .field-group-tabs-wrapper ul.nav.nav-tabs > li > a,
form.o-invoice-form.create-service-invoice .field-group-tabs-wrapper ul.nav.nav-tabs > li > a,
form.o-invoice-form.create-common-invoice .field-group-tabs-wrapper ul.nav.nav-tabs > li > a,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field-group-tabs-wrapper ul.nav.nav-tabs > li > a {
  border: none;
}
form.o-invoice-form.create-sales-referral-invoice .messages__wrapper,
form.o-invoice-form.create-service-invoice .messages__wrapper,
form.o-invoice-form.create-common-invoice .messages__wrapper,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .messages__wrapper {
  width: 90%;
  margin: auto;
}
form.o-invoice-form.create-sales-referral-invoice .panel-body,
form.o-invoice-form.create-service-invoice .panel-body,
form.o-invoice-form.create-common-invoice .panel-body,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .panel-body {
  padding-left: 0;
  padding-right: 0;
}
form.o-invoice-form.create-sales-referral-invoice .tabbable,
form.o-invoice-form.create-service-invoice .tabbable,
form.o-invoice-form.create-common-invoice .tabbable,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable {
  margin-bottom: 10px;
}
form.o-invoice-form.create-sales-referral-invoice .tabbable ul.nav-tabs,
form.o-invoice-form.create-service-invoice .tabbable ul.nav-tabs,
form.o-invoice-form.create-common-invoice .tabbable ul.nav-tabs,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable ul.nav-tabs {
  width: 90%;
  float: none;
  margin: auto;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
  background: none;
  padding: 0;
  display: flex;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  box-shadow: 0 0 black inset, 0 -2px #e8e8e8 inset, 0px 0 blue inset, 0px 0 green inset;
}
form.o-invoice-form.create-sales-referral-invoice .tabbable ul.nav-tabs li, form.o-invoice-form.create-sales-referral-invoice .tabbable ul.nav-tabs li:focus,
form.o-invoice-form.create-service-invoice .tabbable ul.nav-tabs li,
form.o-invoice-form.create-service-invoice .tabbable ul.nav-tabs li:focus,
form.o-invoice-form.create-common-invoice .tabbable ul.nav-tabs li,
form.o-invoice-form.create-common-invoice .tabbable ul.nav-tabs li:focus,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable ul.nav-tabs li,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable ul.nav-tabs li:focus {
  outline: none;
  border: none;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  flex-grow: 1;
  background: none;
  max-width: 300px;
  text-align: center;
}
form.o-invoice-form.create-sales-referral-invoice .tabbable ul.nav-tabs li:hover,
form.o-invoice-form.create-service-invoice .tabbable ul.nav-tabs li:hover,
form.o-invoice-form.create-common-invoice .tabbable ul.nav-tabs li:hover,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable ul.nav-tabs li:hover {
  border: inherit;
}
form.o-invoice-form.create-sales-referral-invoice .tabbable ul.nav-tabs li.active a,
form.o-invoice-form.create-service-invoice .tabbable ul.nav-tabs li.active a,
form.o-invoice-form.create-common-invoice .tabbable ul.nav-tabs li.active a,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable ul.nav-tabs li.active a {
  border: none;
  color: #37b0fe;
  border-bottom: 3px solid #37b0fe;
}
form.o-invoice-form.create-sales-referral-invoice .tabbable ul.nav-tabs li.active a:hover,
form.o-invoice-form.create-service-invoice .tabbable ul.nav-tabs li.active a:hover,
form.o-invoice-form.create-common-invoice .tabbable ul.nav-tabs li.active a:hover,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable ul.nav-tabs li.active a:hover {
  border-color: inherit;
  background: none;
  border-bottom: 3px solid #37b0fe;
}
form.o-invoice-form.create-sales-referral-invoice .tabbable ul.nav-tabs li a,
form.o-invoice-form.create-service-invoice .tabbable ul.nav-tabs li a,
form.o-invoice-form.create-common-invoice .tabbable ul.nav-tabs li a,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable ul.nav-tabs li a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #999999;
  width: 75%;
  padding-left: 0;
  cursor: pointer;
  font-size: 18px;
  position: relative;
  display: block;
  margin: auto;
  float: none;
  text-decoration: none;
}
form.o-invoice-form.create-sales-referral-invoice .tabbable ul.nav-tabs li a:hover, form.o-invoice-form.create-sales-referral-invoice .tabbable ul.nav-tabs li a:focus,
form.o-invoice-form.create-service-invoice .tabbable ul.nav-tabs li a:hover,
form.o-invoice-form.create-service-invoice .tabbable ul.nav-tabs li a:focus,
form.o-invoice-form.create-common-invoice .tabbable ul.nav-tabs li a:hover,
form.o-invoice-form.create-common-invoice .tabbable ul.nav-tabs li a:focus,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable ul.nav-tabs li a:hover,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable ul.nav-tabs li a:focus {
  background: none;
  outline: none;
  text-decoration: none;
  box-shadow: none;
}
form.o-invoice-form.create-sales-referral-invoice .tabbable .tab-content,
form.o-invoice-form.create-service-invoice .tabbable .tab-content,
form.o-invoice-form.create-common-invoice .tabbable .tab-content,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .tabbable .tab-content {
  box-shadow: none;
  padding-left: 1px;
  padding-right: 1px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper > div,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper > div,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper > div,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper > div {
  width: 150px;
  flex-basis: 150px;
  flex-grow: 1;
  padding: 10px 35px;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper > div:first-child,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper > div:first-child,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper > div:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper > div:first-child {
  margin-left: 5px;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper > div:last-child,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper > div:last-child,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper > div:last-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper > div:last-child {
  margin-right: 5px;
  border-left: 2px solid #e8e8e8;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-logo-buyer,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-logo-seller,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-logo-buyer,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-logo-seller,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-logo-buyer,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-logo-seller,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-logo-buyer,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-logo-seller {
  height: 80px;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-logo-buyer img,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-logo-seller img,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-logo-buyer img,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-logo-seller img,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-logo-buyer img,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-logo-seller img,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-logo-buyer img,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-logo-seller img {
  max-height: 60px;
  width: auto;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller- .views-row,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller .views-row,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-buyer .views-row,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller- .views-row,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller .views-row,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-buyer .views-row,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller- .views-row,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller .views-row,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-buyer .views-row,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller- .views-row,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-buyer .views-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller- .views-row .views-field,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row .views-field,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-buyer .views-row .views-field {
  margin: 20px 0;
  width: 100%;
  padding-right: calc(50% + 15px);
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child, form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2),
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2),
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2) {
  margin-top: 0;
  width: 50%;
  padding-right: 15px;
  min-height: 57px;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field .views-label,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field .views-label,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field .views-label,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field .views-label,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field .views-label,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field .views-label,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field .views-label,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field .views-label,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field .views-label,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller- .views-row .views-field .views-label,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row .views-field .views-label,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-buyer .views-row .views-field .views-label {
  display: block;
  font-weight: bold;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info {
  position: relative;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info .views-field-field-bank-account-number__revision-id,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info .views-field-field-bank-account-number__revision-id,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info .views-field-field-bank-account-number__revision-id,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info .views-field-field-bank-account-number__revision-id {
  min-height: 57px;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info .wrap-vat,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info .wrap-vat,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info .wrap-vat,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info .wrap-vat {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info .wrap-vat textarea,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info .wrap-vat textarea,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info .wrap-vat textarea,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info .wrap-vat textarea {
  resize: none;
  overflow: hidden;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info .wrap-vat input,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info .wrap-vat input,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info .wrap-vat input,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info .wrap-vat input {
  width: 100%;
  border-radius: 4px;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info .wrap-vat .input-group .flexdatalist-alias,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info .wrap-vat .input-group .flexdatalist-alias,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info .wrap-vat .input-group .flexdatalist-alias,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info .wrap-vat .input-group .flexdatalist-alias {
  border-radius: 4px 0 0 4px;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info .wrap-vat .field--name-vat-description,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info .wrap-vat .field--name-vat-description,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info .wrap-vat .field--name-vat-description,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info .wrap-vat .field--name-vat-description {
  min-height: 78px;
}
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info .field--name-seller-custom-number,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info .field--name-seller-custom-number,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info .field--name-seller-custom-number,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info .field--name-seller-custom-number {
  position: absolute;
  right: 0;
  top: 78px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper {
    width: 100%;
  }
  form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper > div,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper > div,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper > div,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper > div {
    padding: 10px 15px;
  }
  form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child, form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2),
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2),
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2) {
    width: inherit;
  }
  form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info .wrap-vat,
form.o-invoice-form.create-sales-referral-invoice .organisations-info-wrapper .wrap-info .field--name-seller-custom-number,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info .wrap-vat,
form.o-invoice-form.create-service-invoice .organisations-info-wrapper .wrap-info .field--name-seller-custom-number,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info .wrap-vat,
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .wrap-info .field--name-seller-custom-number,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info .wrap-vat,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .wrap-info .field--name-seller-custom-number {
    position: initial;
    width: inherit;
  }
}
form.o-invoice-form.create-sales-referral-invoice .field--name-vat-rate label,
form.o-invoice-form.create-service-invoice .field--name-vat-rate label,
form.o-invoice-form.create-common-invoice .field--name-vat-rate label,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-vat-rate label {
  display: block;
}
form.o-invoice-form.create-sales-referral-invoice .field--name-vat-rate input,
form.o-invoice-form.create-service-invoice .field--name-vat-rate input,
form.o-invoice-form.create-common-invoice .field--name-vat-rate input,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-vat-rate input {
  display: inline-block;
  width: initial;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table,
form.o-invoice-form.create-service-invoice .line-items-table,
form.o-invoice-form.create-common-invoice .line-items-table,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table {
  margin-top: 30px;
  margin-bottom: 15px;
  box-shadow: inset 0 1px 5px 0 #ccc;
  /* Fix table head */
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table .table-responsive,
form.o-invoice-form.create-service-invoice .line-items-table .table-responsive,
form.o-invoice-form.create-common-invoice .line-items-table .table-responsive,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table .table-responsive {
  overflow-y: auto;
  max-height: 255px;
  /* Scrollbar */
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table .table-responsive table,
form.o-invoice-form.create-service-invoice .line-items-table .table-responsive table,
form.o-invoice-form.create-common-invoice .line-items-table .table-responsive table,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table .table-responsive table {
  border-collapse: collapse;
  width: 100%;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table .table-responsive table thead,
form.o-invoice-form.create-service-invoice .line-items-table .table-responsive table thead,
form.o-invoice-form.create-common-invoice .line-items-table .table-responsive table thead,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table .table-responsive table thead {
  position: sticky;
  top: 0;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table .table-responsive table thead th,
form.o-invoice-form.create-service-invoice .line-items-table .table-responsive table thead th,
form.o-invoice-form.create-common-invoice .line-items-table .table-responsive table thead th,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table .table-responsive table thead th {
  box-shadow: 0 0 black inset, 0 -1px #e8e8e8 inset, 0px 0 blue inset, 0px 0 green inset;
  border-top: 0;
  position: sticky;
  top: 0;
  background: #fff;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table .table-responsive::-webkit-scrollbar,
form.o-invoice-form.create-service-invoice .line-items-table .table-responsive::-webkit-scrollbar,
form.o-invoice-form.create-common-invoice .line-items-table .table-responsive::-webkit-scrollbar,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table .table-responsive::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table .table-responsive::-webkit-scrollbar-track,
form.o-invoice-form.create-service-invoice .line-items-table .table-responsive::-webkit-scrollbar-track,
form.o-invoice-form.create-common-invoice .line-items-table .table-responsive::-webkit-scrollbar-track,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table .table-responsive::-webkit-scrollbar-track {
  background: none;
  border-radius: 10px;
  box-shadow: none;
  border: none;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table .table-responsive::-webkit-scrollbar-thumb,
form.o-invoice-form.create-service-invoice .line-items-table .table-responsive::-webkit-scrollbar-thumb,
form.o-invoice-form.create-common-invoice .line-items-table .table-responsive::-webkit-scrollbar-thumb,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table .table-responsive::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #999999;
  border-radius: 10px;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table .table-responsive::-webkit-scrollbar-thumb:hover,
form.o-invoice-form.create-service-invoice .line-items-table .table-responsive::-webkit-scrollbar-thumb:hover,
form.o-invoice-form.create-common-invoice .line-items-table .table-responsive::-webkit-scrollbar-thumb:hover,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #999999;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table .table-responsive::-webkit-scrollbar-track-piece,
form.o-invoice-form.create-service-invoice .line-items-table .table-responsive::-webkit-scrollbar-track-piece,
form.o-invoice-form.create-common-invoice .line-items-table .table-responsive::-webkit-scrollbar-track-piece,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table .table-responsive::-webkit-scrollbar-track-piece {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-top: 33px;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table table,
form.o-invoice-form.create-service-invoice .line-items-table table,
form.o-invoice-form.create-common-invoice .line-items-table table,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table {
  font-size: 13px;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table table thead,
form.o-invoice-form.create-service-invoice .line-items-table table thead,
form.o-invoice-form.create-common-invoice .line-items-table table thead,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table thead {
  color: #000;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table table thead tr th,
form.o-invoice-form.create-service-invoice .line-items-table table thead tr th,
form.o-invoice-form.create-common-invoice .line-items-table table thead tr th,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table thead tr th {
  border-width: 2px;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table table thead tr th a, form.o-invoice-form.create-sales-referral-invoice .line-items-table table thead tr th a:not(.btn),
form.o-invoice-form.create-service-invoice .line-items-table table thead tr th a,
form.o-invoice-form.create-service-invoice .line-items-table table thead tr th a:not(.btn),
form.o-invoice-form.create-common-invoice .line-items-table table thead tr th a,
form.o-invoice-form.create-common-invoice .line-items-table table thead tr th a:not(.btn),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table thead tr th a,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table thead tr th a:not(.btn) {
  color: #000;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table table th, form.o-invoice-form.create-sales-referral-invoice .line-items-table table td,
form.o-invoice-form.create-service-invoice .line-items-table table th,
form.o-invoice-form.create-service-invoice .line-items-table table td,
form.o-invoice-form.create-common-invoice .line-items-table table th,
form.o-invoice-form.create-common-invoice .line-items-table table td,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table th,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table td {
  border: none;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table table th:last-child, form.o-invoice-form.create-sales-referral-invoice .line-items-table table td:last-child,
form.o-invoice-form.create-service-invoice .line-items-table table th:last-child,
form.o-invoice-form.create-service-invoice .line-items-table table td:last-child,
form.o-invoice-form.create-common-invoice .line-items-table table th:last-child,
form.o-invoice-form.create-common-invoice .line-items-table table td:last-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table th:last-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table td:last-child {
  padding-right: 40px;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table table th:first-child, form.o-invoice-form.create-sales-referral-invoice .line-items-table table td:first-child,
form.o-invoice-form.create-service-invoice .line-items-table table th:first-child,
form.o-invoice-form.create-service-invoice .line-items-table table td:first-child,
form.o-invoice-form.create-common-invoice .line-items-table table th:first-child,
form.o-invoice-form.create-common-invoice .line-items-table table td:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table th:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table td:first-child {
  padding-left: 55px;
}
form.o-invoice-form.create-sales-referral-invoice .line-items-table table.table-striped tbody > tr:nth-child(even) > td, form.o-invoice-form.create-sales-referral-invoice .line-items-table table.table-striped tbody > tr:nth-child(even) > th,
form.o-invoice-form.create-service-invoice .line-items-table table.table-striped tbody > tr:nth-child(even) > td,
form.o-invoice-form.create-service-invoice .line-items-table table.table-striped tbody > tr:nth-child(even) > th,
form.o-invoice-form.create-common-invoice .line-items-table table.table-striped tbody > tr:nth-child(even) > td,
form.o-invoice-form.create-common-invoice .line-items-table table.table-striped tbody > tr:nth-child(even) > th,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table.table-striped tbody > tr:nth-child(even) > td,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .line-items-table table.table-striped tbody > tr:nth-child(even) > th {
  background-color: #f4f4f4;
}
form.o-invoice-form.create-sales-referral-invoice .send-to-short-information,
form.o-invoice-form.create-sales-referral-invoice .send-to-short-info,
form.o-invoice-form.create-service-invoice .send-to-short-information,
form.o-invoice-form.create-service-invoice .send-to-short-info,
form.o-invoice-form.create-common-invoice .send-to-short-information,
form.o-invoice-form.create-common-invoice .send-to-short-info,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-information,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-info {
  width: 90%;
  float: none;
  margin: auto;
}
form.o-invoice-form.create-sales-referral-invoice .send-to-short-information .view-content,
form.o-invoice-form.create-sales-referral-invoice .send-to-short-info .view-content,
form.o-invoice-form.create-service-invoice .send-to-short-information .view-content,
form.o-invoice-form.create-service-invoice .send-to-short-info .view-content,
form.o-invoice-form.create-common-invoice .send-to-short-information .view-content,
form.o-invoice-form.create-common-invoice .send-to-short-info .view-content,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-information .view-content,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-info .view-content {
  width: 50%;
  border-left: 2px solid #e8e8e8;
  margin-left: auto;
  padding: 0 15px;
}
@media only screen and (max-width: 767px) {
  form.o-invoice-form.create-sales-referral-invoice .send-to-short-information .view-content,
form.o-invoice-form.create-sales-referral-invoice .send-to-short-info .view-content,
form.o-invoice-form.create-service-invoice .send-to-short-information .view-content,
form.o-invoice-form.create-service-invoice .send-to-short-info .view-content,
form.o-invoice-form.create-common-invoice .send-to-short-information .view-content,
form.o-invoice-form.create-common-invoice .send-to-short-info .view-content,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-information .view-content,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-info .view-content {
    width: 100%;
    border-left: none;
  }
}
form.o-invoice-form.create-sales-referral-invoice .send-to-short-information .view-content .views-row,
form.o-invoice-form.create-sales-referral-invoice .send-to-short-info .view-content .views-row,
form.o-invoice-form.create-service-invoice .send-to-short-information .view-content .views-row,
form.o-invoice-form.create-service-invoice .send-to-short-info .view-content .views-row,
form.o-invoice-form.create-common-invoice .send-to-short-information .view-content .views-row,
form.o-invoice-form.create-common-invoice .send-to-short-info .view-content .views-row,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-information .view-content .views-row,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-info .view-content .views-row {
  display: flex;
  align-items: center;
}
form.o-invoice-form.create-sales-referral-invoice .send-to-short-information .view-content .views-row > *,
form.o-invoice-form.create-sales-referral-invoice .send-to-short-info .view-content .views-row > *,
form.o-invoice-form.create-service-invoice .send-to-short-information .view-content .views-row > *,
form.o-invoice-form.create-service-invoice .send-to-short-info .view-content .views-row > *,
form.o-invoice-form.create-common-invoice .send-to-short-information .view-content .views-row > *,
form.o-invoice-form.create-common-invoice .send-to-short-info .view-content .views-row > *,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-information .view-content .views-row > *,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-info .view-content .views-row > * {
  padding: 5px 15px;
}
form.o-invoice-form.create-sales-referral-invoice .send-to-short-information .view-content .views-row img,
form.o-invoice-form.create-sales-referral-invoice .send-to-short-info .view-content .views-row img,
form.o-invoice-form.create-service-invoice .send-to-short-information .view-content .views-row img,
form.o-invoice-form.create-service-invoice .send-to-short-info .view-content .views-row img,
form.o-invoice-form.create-common-invoice .send-to-short-information .view-content .views-row img,
form.o-invoice-form.create-common-invoice .send-to-short-info .view-content .views-row img,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-information .view-content .views-row img,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-info .view-content .views-row img {
  height: 85px;
  width: auto;
  margin: auto;
}
form.o-invoice-form.create-sales-referral-invoice .send-to-short-information .view-content .views-row .views-label,
form.o-invoice-form.create-sales-referral-invoice .send-to-short-info .view-content .views-row .views-label,
form.o-invoice-form.create-service-invoice .send-to-short-information .view-content .views-row .views-label,
form.o-invoice-form.create-service-invoice .send-to-short-info .view-content .views-row .views-label,
form.o-invoice-form.create-common-invoice .send-to-short-information .view-content .views-row .views-label,
form.o-invoice-form.create-common-invoice .send-to-short-info .view-content .views-row .views-label,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-information .view-content .views-row .views-label,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-info .view-content .views-row .views-label {
  font-weight: bold;
}
form.o-invoice-form.create-sales-referral-invoice .send-to-short-information .view-content .views-row .field-content,
form.o-invoice-form.create-sales-referral-invoice .send-to-short-info .view-content .views-row .field-content,
form.o-invoice-form.create-service-invoice .send-to-short-information .view-content .views-row .field-content,
form.o-invoice-form.create-service-invoice .send-to-short-info .view-content .views-row .field-content,
form.o-invoice-form.create-common-invoice .send-to-short-information .view-content .views-row .field-content,
form.o-invoice-form.create-common-invoice .send-to-short-info .view-content .views-row .field-content,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-information .view-content .views-row .field-content,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .send-to-short-info .view-content .views-row .field-content {
  display: block;
}
form.o-invoice-form.create-sales-referral-invoice .field--name-field-invoice-files .form-managed-file,
form.o-invoice-form.create-sales-referral-invoice .field--name-field-expense-attachments .form-managed-file,
form.o-invoice-form.create-service-invoice .field--name-field-invoice-files .form-managed-file,
form.o-invoice-form.create-service-invoice .field--name-field-expense-attachments .form-managed-file,
form.o-invoice-form.create-common-invoice .field--name-field-invoice-files .form-managed-file,
form.o-invoice-form.create-common-invoice .field--name-field-expense-attachments .form-managed-file,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-invoice-files .form-managed-file,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-expense-attachments .form-managed-file {
  display: flex;
  align-items: center;
}
form.o-invoice-form.create-sales-referral-invoice .field--name-field-invoice-files .form-managed-file button,
form.o-invoice-form.create-sales-referral-invoice .field--name-field-expense-attachments .form-managed-file button,
form.o-invoice-form.create-service-invoice .field--name-field-invoice-files .form-managed-file button,
form.o-invoice-form.create-service-invoice .field--name-field-expense-attachments .form-managed-file button,
form.o-invoice-form.create-common-invoice .field--name-field-invoice-files .form-managed-file button,
form.o-invoice-form.create-common-invoice .field--name-field-expense-attachments .form-managed-file button,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-invoice-files .form-managed-file button,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-expense-attachments .form-managed-file button {
  margin-left: 20px;
}
@media only screen and (max-width: 1199px) {
  form.o-invoice-form.create-sales-referral-invoice .field--name-field-invoice-files .form-managed-file button,
form.o-invoice-form.create-sales-referral-invoice .field--name-field-expense-attachments .form-managed-file button,
form.o-invoice-form.create-service-invoice .field--name-field-invoice-files .form-managed-file button,
form.o-invoice-form.create-service-invoice .field--name-field-expense-attachments .form-managed-file button,
form.o-invoice-form.create-common-invoice .field--name-field-invoice-files .form-managed-file button,
form.o-invoice-form.create-common-invoice .field--name-field-expense-attachments .form-managed-file button,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-invoice-files .form-managed-file button,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-expense-attachments .form-managed-file button {
    font-size: 0;
    padding: 10px;
    position: relative;
  }
  form.o-invoice-form.create-sales-referral-invoice .field--name-field-invoice-files .form-managed-file button .glyphicon,
form.o-invoice-form.create-sales-referral-invoice .field--name-field-expense-attachments .form-managed-file button .glyphicon,
form.o-invoice-form.create-service-invoice .field--name-field-invoice-files .form-managed-file button .glyphicon,
form.o-invoice-form.create-service-invoice .field--name-field-expense-attachments .form-managed-file button .glyphicon,
form.o-invoice-form.create-common-invoice .field--name-field-invoice-files .form-managed-file button .glyphicon,
form.o-invoice-form.create-common-invoice .field--name-field-expense-attachments .form-managed-file button .glyphicon,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-invoice-files .form-managed-file button .glyphicon,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-expense-attachments .form-managed-file button .glyphicon {
    font-size: 14px;
    margin: 0;
  }
  form.o-invoice-form.create-sales-referral-invoice .field--name-field-invoice-files .form-managed-file button .ajax-throbber,
form.o-invoice-form.create-sales-referral-invoice .field--name-field-expense-attachments .form-managed-file button .ajax-throbber,
form.o-invoice-form.create-service-invoice .field--name-field-invoice-files .form-managed-file button .ajax-throbber,
form.o-invoice-form.create-service-invoice .field--name-field-expense-attachments .form-managed-file button .ajax-throbber,
form.o-invoice-form.create-common-invoice .field--name-field-invoice-files .form-managed-file button .ajax-throbber,
form.o-invoice-form.create-common-invoice .field--name-field-expense-attachments .form-managed-file button .ajax-throbber,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-invoice-files .form-managed-file button .ajax-throbber,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-expense-attachments .form-managed-file button .ajax-throbber {
    position: absolute;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    margin: 0;
    font-size: 20px;
    background: inherit;
  }
}
form.o-invoice-form.create-sales-referral-invoice .form-footer,
form.o-invoice-form.create-service-invoice .form-footer,
form.o-invoice-form.create-common-invoice .form-footer,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 90%;
  float: none;
}
form.o-invoice-form.create-sales-referral-invoice .form-footer > *,
form.o-invoice-form.create-service-invoice .form-footer > *,
form.o-invoice-form.create-common-invoice .form-footer > *,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer > * {
  flex: 1;
  margin-bottom: 0;
}
form.o-invoice-form.create-sales-referral-invoice .form-footer > *:not(:last-child),
form.o-invoice-form.create-service-invoice .form-footer > *:not(:last-child),
form.o-invoice-form.create-common-invoice .form-footer > *:not(:last-child),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer > *:not(:last-child) {
  margin-right: 20px;
}
form.o-invoice-form.create-sales-referral-invoice .form-footer > *.field--name-send-email,
form.o-invoice-form.create-service-invoice .form-footer > *.field--name-send-email,
form.o-invoice-form.create-common-invoice .form-footer > *.field--name-send-email,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer > *.field--name-send-email {
  flex: 0 0 auto;
  align-self: flex-end;
}
form.o-invoice-form.create-sales-referral-invoice .form-footer > *.field--name-send-email label,
form.o-invoice-form.create-service-invoice .form-footer > *.field--name-send-email label,
form.o-invoice-form.create-common-invoice .form-footer > *.field--name-send-email label,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer > *.field--name-send-email label {
  line-height: 20px;
}
form.o-invoice-form.create-sales-referral-invoice .form-footer .field--name-extra-email,
form.o-invoice-form.create-service-invoice .form-footer .field--name-extra-email,
form.o-invoice-form.create-common-invoice .form-footer .field--name-extra-email,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .field--name-extra-email {
  margin-bottom: 0;
  flex: 1 1 0;
}
@media only screen and (max-device-width: 640px) {
  form.o-invoice-form.create-sales-referral-invoice .form-footer,
form.o-invoice-form.create-service-invoice .form-footer,
form.o-invoice-form.create-common-invoice .form-footer,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer {
    flex-direction: column;
  }
  form.o-invoice-form.create-sales-referral-invoice .form-footer > *,
form.o-invoice-form.create-service-invoice .form-footer > *,
form.o-invoice-form.create-common-invoice .form-footer > *,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer > * {
    margin: 15px 0;
  }
  form.o-invoice-form.create-sales-referral-invoice .form-footer > *:not(:last-child),
form.o-invoice-form.create-service-invoice .form-footer > *:not(:last-child),
form.o-invoice-form.create-common-invoice .form-footer > *:not(:last-child),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer > *:not(:last-child) {
    margin-right: 0;
  }
}
form.o-invoice-form.create-sales-referral-invoice .form-actions,
form.o-invoice-form.create-service-invoice .form-actions,
form.o-invoice-form.create-common-invoice .form-actions,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-actions {
  text-align: right;
}

form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  width: 90%;
  float: none;
}
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper-files {
  display: flex;
  justify-content: space-between;
  margin-right: 0;
}
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper > *,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper-files > * {
  flex: 1;
  margin-bottom: 0;
}
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper > *:not(:last-child),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper-files > *:not(:last-child) {
  margin-right: 20px;
}
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper > *.field--name-send-email,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper-files > *.field--name-send-email {
  flex: 0 0 auto;
  align-self: flex-end;
}
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper > *.field--name-send-email label,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper-files > *.field--name-send-email label {
  line-height: 20px;
}
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper .field--name-field-expense-name .filter-wrapper,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper-files .field--name-field-expense-name .filter-wrapper {
  display: none;
}
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper .field--name-field-expense-attachments .panel-default,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper-files .field--name-field-expense-attachments .panel-default {
  border: unset;
  box-shadow: unset;
}
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper .field--name-field-expense-attachments .panel-default .panel-heading,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper-files .field--name-field-expense-attachments .panel-default .panel-heading {
  display: none;
}
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper .field--name-field-expense-attachments .panel-default .panel-body,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .form-footer .form-footer-sub-wrapper-files .field--name-field-expense-attachments .panel-default .panel-body {
  padding: 0;
}

form.o-invoice-form.create-expense-invoice .field--name-invoice-line-items .ief-form > .form-wrapper {
  display: flex;
  align-items: flex-end;
}
form.o-invoice-form.create-expense-invoice .field--name-invoice-line-items .ief-form > .form-wrapper > * {
  margin-bottom: 0;
}
form.o-invoice-form.create-expense-invoice .field--name-invoice-line-items .ief-form > .form-wrapper > * label {
  display: block;
  margin-bottom: 5px;
}
form.o-invoice-form.create-expense-invoice .field--name-invoice-line-items .ief-form > .form-wrapper > *.field--name-amount {
  margin-left: 25px;
}
form.o-invoice-form.create-expense-invoice .field--name-invoice-line-items .ief-form > .form-wrapper > *.field--name-amount label:after {
  position: absolute;
  top: -1500px;
  left: -1500px;
}
form.o-invoice-form.create-expense-invoice .field--name-invoice-line-items .ief-form > .form-wrapper > *.field--name-amount .prefix {
  bottom: 6px;
  left: 0;
  font-size: 18px;
}
form.o-invoice-form.create-expense-invoice .field--name-invoice-line-items .ief-form > .form-wrapper > *.field--name-amount input {
  background: none;
  border: none;
  box-shadow: none;
  font-weight: bold;
  font-size: 18px;
  padding-left: 12px;
}

.o-invoice-form.entity-create-form .oktopro-invoice-totals-section,
.invoice-totals-section-wrapper {
  width: 90%;
  position: relative;
  height: 85px;
  margin: auto;
}
.o-invoice-form.entity-create-form .oktopro-invoice-totals-section.only-initial,
.invoice-totals-section-wrapper.only-initial {
  height: 45px;
}
.o-invoice-form.entity-create-form .oktopro-invoice-totals-section .invoice-totals-section,
.invoice-totals-section-wrapper .invoice-totals-section {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
}
.o-invoice-form.entity-create-form .oktopro-invoice-totals-section .invoice-totals-section.only-initial,
.invoice-totals-section-wrapper .invoice-totals-section.only-initial {
  margin-bottom: 25px;
}
.o-invoice-form.entity-create-form .oktopro-invoice-totals-section .invoice-totals-section td.value-label,
.invoice-totals-section-wrapper .invoice-totals-section td.value-label {
  text-align: right;
  padding: 0 7px;
}

form.o-invoice-common-create-common-invoice-form .organisations-info-wrapper .organisation-info-seller .views-row .views-field,
form.o-invoice-common-create-common-invoice-form .organisations-info-wrapper .organisation-info-buyer .views-row .views-field,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row .views-field,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-buyer .views-row .views-field {
  margin: 10px 0;
}
form.o-invoice-common-create-common-invoice-form .field--name-field-sc-invoice-number .form-group,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .field--name-field-sc-invoice-number .form-group {
  margin-bottom: 0;
}
form.o-invoice-common-create-common-invoice-form .sequential-numbering-requirements,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .sequential-numbering-requirements {
  font-size: 12px;
}

.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) {
  margin-top: 15px;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]).block-blocktabs-blocksuspensions-dashboard-oktopro {
  margin-top: 0;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs {
  border: none;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: none;
  background: none;
  padding: 0;
  display: flex;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  box-shadow: 0 0 black inset, 0 -2px #e8e8e8 inset, 0px 0 blue inset, 0px 0 green inset;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav li {
  border: none;
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  flex-grow: 1;
  background: none;
  max-width: 370px;
  text-align: center;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav li:focus {
  outline: none;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav li.ui-tabs-active a {
  color: #37b0fe;
  border-bottom: 3px solid #37b0fe;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav li.ui-tabs-active a .dot {
  display: none;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav li a {
  color: #999999;
  width: 75%;
  padding-left: 0;
  cursor: pointer;
  font-size: 20px;
  position: relative;
  display: block;
  margin: auto;
  float: none;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav li a:focus {
  outline: none;
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav li a .dot {
  width: 6px;
  height: 6px;
  background: #00d8e3;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: -15px;
}
@media only screen and (max-width: 479px) {
  .block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav {
    flex-direction: column;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav li {
    margin: 0;
    padding: 15px 0;
    text-align: right;
  }
  .block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs ul.ui-tabs-nav li a {
    display: inline-block;
    width: initial;
    padding: 0 5px 5px 15px;
  }
}
.block.block-blocktabs:not([class*=block-blocktabs-blocklegal-pages]) .blocktabs .ui-tabs-panel {
  padding: 0;
  margin-top: 15px;
}

/* Analyse page */
/* Leave Requests Overview page */
/* Expense Overview page */
/* Invoice Overview page */
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant],
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant],
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant],
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] {
  /* Add payment record form */
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant].modal-open,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant].modal-open,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant].modal-open,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant].modal-open {
  overflow: initial;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li {
  max-width: 200px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li.ui-tabs-active a,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li.ui-tabs-active a,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li.ui-tabs-active a,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li.ui-tabs-active a {
  color: #000;
  border-bottom: 3px solid #000;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li.ui-tabs-active a .dot,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li.ui-tabs-active a .dot,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li.ui-tabs-active a .dot,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li.ui-tabs-active a .dot {
  display: none;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li a,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li a,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li a,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] #blocktabs-finance_analyse_income ul.ui-tabs-nav li a {
  font-size: 18px;
  font-style: italic;
  width: 100%;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .invoice-not-paid-total,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .invoice-not-paid-total,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .invoice-not-paid-total,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .invoice-not-paid-total,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .invoice-not-paid-total,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .invoice-not-paid-total,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .invoice-not-paid-total,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .invoice-not-paid-total {
  display: flex;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 25px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .invoice-not-paid-total .field--label,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .invoice-not-paid-total .field--label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .invoice-not-paid-total .field--label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .invoice-not-paid-total .field--label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .invoice-not-paid-total .field--label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .invoice-not-paid-total .field--label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .invoice-not-paid-total .field--label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .invoice-not-paid-total .field--label {
  margin-right: 10px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-invoice-number,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-invoice-number,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-invoice-number,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-invoice-number,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-invoice-number,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-invoice-number,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-invoice-number,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-invoice-number {
  display: flex;
  justify-content: center;
  font-size: 12px;
  opacity: 0.6;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-invoice-number .field--item,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-invoice-number .field--item,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-invoice-number .field--item,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-invoice-number .field--item {
  font-style: italic;
  font-weight: bold;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item a,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-invoice-number .field--item a,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item a,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-invoice-number .field--item a,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item a,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-invoice-number .field--item a,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item a,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-invoice-number .field--item a {
  color: inherit;
  text-decoration: none;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item a:hover,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-invoice-number .field--item a:hover,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item a:hover,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-invoice-number .field--item a:hover,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item a:hover,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-invoice-number .field--item a:hover,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-invoice-number .field--item a:hover,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-invoice-number .field--item a:hover {
  text-decoration: underline;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-payment-records .panel,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-payment-records .panel,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-payment-records .panel,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-payment-records .panel,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-payment-records .panel,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-payment-records .panel,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-payment-records .panel,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-payment-records .panel {
  border: none;
  box-shadow: none;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons {
  padding: 10px 0;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend {
  width: fit-content;
  float: left;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  border: none;
  line-height: 20px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend span:after, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset legend span:after,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset legend span:after {
  content: ":";
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper {
  float: left;
  min-width: 240px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div {
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: space-evenly;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio {
  margin: 0;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio label, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-expense-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-options-buttons fieldset .fieldset-wrapper > div .radio label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] form.add-payment-record .field--name-paid-via.field--widget-payment-paid-via-options-buttons fieldset .fieldset-wrapper > div .radio label {
  line-height: 20px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .add-payment-record-popup .modal-footer .modal-buttons,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .add-payment-record-popup .modal-footer .modal-buttons,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .add-payment-record-popup .modal-footer .modal-buttons,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .add-payment-record-popup .modal-footer .modal-buttons {
  display: flex;
  justify-content: space-around;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .add-payment-record-popup .modal-footer .modal-buttons button,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .add-payment-record-popup .modal-footer .modal-buttons button,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .add-payment-record-popup .modal-footer .modal-buttons button,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .add-payment-record-popup .modal-footer .modal-buttons button {
  width: 40%;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper > div,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper > div,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div {
  white-space: nowrap;
  padding: 5px 20px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper > div.field,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper > div.field,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field {
  text-align: center;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label {
  float: none;
  text-transform: uppercase;
  font-size: 16px;
  color: #666;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item {
  float: none;
  font-size: 55px;
}
@media only screen and (max-width: 991px) {
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label {
    font-size: 14px;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item {
    font-size: 35px;
  }
}
@media only screen and (max-width: 479px) {
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--label {
    font-size: 12px;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .field--item {
    font-size: 18px;
  }
  body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .pay-with-card-link,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .pay-with-card-link,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .pay-with-card-link,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper > div.field .pay-with-card-link {
    font-size: 12px;
    white-space: pre-wrap;
    max-width: 65px;
    margin: 5px auto auto;
  }
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper .past-due-amount-summary,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper .outstanding-amount-summary,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-header .amount-summaries-wrapper .filtered-total-amount-summary,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper .past-due-amount-summary,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper .outstanding-amount-summary,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-header .amount-summaries-wrapper .filtered-total-amount-summary,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper .past-due-amount-summary,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper .outstanding-amount-summary,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-header .amount-summaries-wrapper .filtered-total-amount-summary,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper .past-due-amount-summary,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper .outstanding-amount-summary,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-header .amount-summaries-wrapper .filtered-total-amount-summary {
  padding: 8px 12px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper {
  display: flex;
  justify-content: center;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper span,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-form,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper span,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-form,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper span,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper span,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link {
  cursor: pointer;
  color: #666;
  font-size: 0;
  margin: 2px;
  position: relative;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a i, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper span i,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-form i,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link i,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a i,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper span i,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-form i,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link i,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a i,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper span i,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form i,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link i,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a i,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper span i,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form i,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link i {
  font-size: 21px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a .ajax-throbber, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper span .ajax-throbber,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-form .ajax-throbber,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link .ajax-throbber,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a .ajax-throbber,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper span .ajax-throbber,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-form .ajax-throbber,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link .ajax-throbber,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a .ajax-throbber,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper span .ajax-throbber,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form .ajax-throbber,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link .ajax-throbber,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a .ajax-throbber,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper span .ajax-throbber,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form .ajax-throbber,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link .ajax-throbber {
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  margin: 0;
  font-size: 20px;
  background: inherit;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.delete-form, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper span.delete-form,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-form.delete-form,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.delete-form,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.delete-form,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper span.delete-form,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-form.delete-form,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.delete-form,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.delete-form,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper span.delete-form,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.delete-form,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.delete-form,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.delete-form,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper span.delete-form,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.delete-form,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.delete-form {
  color: #D81E1E;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link i, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link i,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link i,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link i,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link i,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link i,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link i,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link i,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link i,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link i,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link i,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link i,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link i,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link i,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link i,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link i {
  font-size: 13px;
  vertical-align: middle;
  line-height: 20px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link.dummy-link, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.dummy-link,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link.dummy-link {
  cursor: default;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link.is-dubious, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper span.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.is-dubious,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.mark-as-dubious-link.is-dubious {
  color: #D81E1E;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.request-payment-link .inner-icon, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper span.request-payment-link .inner-icon,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-form.request-payment-link .inner-icon,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.request-payment-link .inner-icon,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.request-payment-link .inner-icon,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper span.request-payment-link .inner-icon,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-form.request-payment-link .inner-icon,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.request-payment-link .inner-icon,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.request-payment-link .inner-icon,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper span.request-payment-link .inner-icon,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.request-payment-link .inner-icon,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.request-payment-link .inner-icon,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.request-payment-link .inner-icon,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper span.request-payment-link .inner-icon,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.request-payment-link .inner-icon,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.request-payment-link .inner-icon {
  width: 21px;
  height: 21px;
  display: block;
  background-repeat: no-repeat;
  background-image: url(/themes/custom/oktopro/images/request_payment__waiting.svg);
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.request-payment-link.payment-requested.dummy-link .inner-icon, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper span.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-form.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper span.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-form.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper span.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper span.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-form.request-payment-link.payment-requested.dummy-link .inner-icon,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .operations-wrapper a.edit-expense-invoice-link.request-payment-link.payment-requested.dummy-link .inner-icon {
  background-image: url(/themes/custom/oktopro/images/request_payment__requested.svg);
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .views-field-operations .links,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .views-field-operations .links,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .views-field-operations .links,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .views-field-operations .links {
  display: flex;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table > thead > tr > th,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table > thead > tr > td,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table > tbody > tr > th,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table > tbody > tr > td,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table > tfoot > tr > th,
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table > tfoot > tr > td,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table > thead > tr > th,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table > thead > tr > td,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table > tbody > tr > th,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table > tbody > tr > td,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table > tfoot > tr > th,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table > tfoot > tr > td,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table > thead > tr > th,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table > thead > tr > td,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table > tbody > tr > th,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table > tbody > tr > td,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table > tfoot > tr > th,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table > tfoot > tr > td,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table > thead > tr > th,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table > thead > tr > td,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table > tbody > tr > th,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table > tbody > tr > td,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table > tfoot > tr > th,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table > tfoot > tr > td {
  vertical-align: middle;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table.table-striped:not(.footable-details) > tbody > tr:nth-child(even),
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table.table-striped:not(.footable-details) > tbody > tr:nth-child(even),
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table.table-striped:not(.footable-details) > tbody > tr:nth-child(even),
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table.table-striped:not(.footable-details) > tbody > tr:nth-child(even) {
  background-color: #f4f4f4;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr th.views-field-payment-due-date, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr td.views-field-payment-due-date,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr th.views-field-payment-due-date,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr td.views-field-payment-due-date,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr th.views-field-payment-due-date,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr td.views-field-payment-due-date,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr th.views-field-payment-due-date,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr td.views-field-payment-due-date {
  padding-left: 14px;
  padding-right: 14px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr th.views-field-pay-with-card-link, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr td.views-field-pay-with-card-link,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr th.views-field-pay-with-card-link,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr td.views-field-pay-with-card-link,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr th.views-field-pay-with-card-link,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr td.views-field-pay-with-card-link,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr th.views-field-pay-with-card-link,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr td.views-field-pay-with-card-link {
  text-align: center;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date {
  color: #D81E1E;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date .past_due-tooltip,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date .past_due-tooltip,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date .past_due-tooltip,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date .past_due-tooltip {
  cursor: pointer;
  display: block;
  margin-left: -18px;
  float: left;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date .past_due-tooltip i,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date .past_due-tooltip i,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date .past_due-tooltip i,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.past-due-status td.views-field-payment-due-date .past_due-tooltip i {
  font-size: initial;
  margin-top: 1px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.paid-status > *,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.paid-status > *,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.paid-status > *,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.paid-status > * {
  filter: grayscale(100%) opacity(0.7);
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.paid-status > *.operations-nothing,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.paid-status > *.operations-nothing,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.paid-status > *.operations-nothing,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.paid-status > *.operations-nothing {
  filter: initial;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.not-approved-status > *,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.not-approved-status > *,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.not-approved-status > *,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.not-approved-status > * {
  filter: grayscale(100%) opacity(0.7);
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-invoice-number, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-total-brutto, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-invoice-not-paid-total,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-invoice-number,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-total-brutto,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-invoice-not-paid-total,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-invoice-number,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-total-brutto,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-invoice-not-paid-total,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-invoice-number,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-total-brutto,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.not-approved-status > *.views-field-invoice-not-paid-total {
  text-decoration: line-through;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.not-approved-status > *.operations-nothing,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.not-approved-status > *.operations-nothing,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.not-approved-status > *.operations-nothing,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.not-approved-status > *.operations-nothing {
  filter: initial;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.not-read-log .payment-records-log-link,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.not-read-log .payment-records-log-link,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.not-read-log .payment-records-log-link,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.not-read-log .payment-records-log-link {
  position: relative;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .table tr.not-read-log .payment-records-log-link:after,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .table tr.not-read-log .payment-records-log-link:after,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .table tr.not-read-log .payment-records-log-link:after,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .table tr.not-read-log .payment-records-log-link:after {
  position: absolute;
  content: " ";
  display: block;
  width: 5px;
  height: 5px;
  background: #D81E1E;
  border-radius: 100%;
  top: -2px;
  right: -2px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .field--name-field-expense-attachments .field--label,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .field--name-field-expense-attachments .field--label,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .field--name-field-expense-attachments .field--label,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .field--name-field-expense-attachments .field--label {
  display: none;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .field--name-field-expense-attachments.field--items, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .field--name-field-expense-attachments .field--items,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .field--name-field-expense-attachments.field--items,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .field--name-field-expense-attachments .field--items,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .field--name-field-expense-attachments.field--items,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .field--name-field-expense-attachments .field--items,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .field--name-field-expense-attachments.field--items,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .field--name-field-expense-attachments .field--items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 20px;
}
body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .field--name-field-expense-attachments.field--items > *, body[class*=page-manager-page-view-finance-analyse-finance-analyse-panels-variant] .view .view-content .field--name-field-expense-attachments .field--items > *,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .field--name-field-expense-attachments.field--items > *,
body[class*=page-manager-page-view-leave-requests-leave-requests-panels-variant] .view .view-content .field--name-field-expense-attachments .field--items > *,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .field--name-field-expense-attachments.field--items > *,
body[class*=page-manager-page-view-expense-overview-expense-overview-panels-variant] .view .view-content .field--name-field-expense-attachments .field--items > *,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .field--name-field-expense-attachments.field--items > *,
body[class*=page-manager-page-view-invoices-overview-invoices-overview-panels-variant] .view .view-content .field--name-field-expense-attachments .field--items > * {
  padding: 10px;
}

.invoicing-summary-details-wrapper .field {
  display: flex;
  justify-content: flex-end;
}
.invoicing-summary-details-wrapper .field .field--item,
.invoicing-summary-details-wrapper .field .field--label {
  float: none;
  text-transform: uppercase;
  font-size: 16px;
  color: #666;
  font-weight: bold;
}
.invoicing-summary-details-wrapper .contracts-summary {
  margin: 20px 0;
}
.invoicing-summary-details-wrapper .contracts-summary tr.field td {
  border: none;
  padding: 2px;
}
.invoicing-summary-details-wrapper .contracts-summary tr.field td.field--item, .invoicing-summary-details-wrapper .contracts-summary tr.field td.field--label {
  text-transform: none;
  font-size: 14px;
  font-weight: bold;
}

.view-display-id-income_analyse_products_gruped_by_catalog_block .invoicing-summary-details-wrapper .field,
.view-display-id-income_analyse_products_gruped_by_customer_block .invoicing-summary-details-wrapper .field {
  justify-content: center;
}
.view-display-id-income_analyse_products_gruped_by_catalog_block .invoicing-summary-details-wrapper .field .field--item,
.view-display-id-income_analyse_products_gruped_by_catalog_block .invoicing-summary-details-wrapper .field .field--label,
.view-display-id-income_analyse_products_gruped_by_customer_block .invoicing-summary-details-wrapper .field .field--item,
.view-display-id-income_analyse_products_gruped_by_customer_block .invoicing-summary-details-wrapper .field .field--label {
  font-size: 24px;
  text-transform: none;
}
.view-display-id-income_analyse_products_gruped_by_catalog_block .view-title,
.view-display-id-income_analyse_products_gruped_by_customer_block .view-title {
  display: flex;
  justify-content: center;
  color: #666;
  font-weight: bold;
}

button.close.ui-dialog-titlebar-close:focus {
  outline-color: transparent;
}

.ili-inline-entity-form-complex table.ief-entity-table .ief-entity-operations {
  text-align: center;
}
.ili-inline-entity-form-complex table.ief-entity-table .ief-entity-operations button {
  font-size: 0;
  padding: 5px;
  margin: 5px 0;
}
.ili-inline-entity-form-complex table.ief-entity-table .ief-entity-operations button .glyphicon {
  font-size: 12px;
  margin: 0;
}
.ili-inline-entity-form-complex table.ief-entity-table th:not([class]),
.ili-inline-entity-form-complex table.ief-entity-table th.ief-tabledrag-header {
  font-size: 0;
  width: 40px;
}
.ili-inline-entity-form-complex table.ief-entity-table tr.draggable td.ief-tabledrag-handle {
  text-align: center;
  padding: 0;
  overflow: auto;
}
.ili-inline-entity-form-complex table.ief-entity-table tr.draggable td.ief-tabledrag-handle .tabledrag-handle {
  padding: 10px 10px 10px 10px;
  margin: initial;
}

.bank-transfer-payment-details-wrapper {
  text-align: center;
  padding: 15px;
}
.bank-transfer-payment-details-wrapper .subtotal {
  font-size: 16px;
}
.bank-transfer-payment-details-wrapper .commission-description,
.bank-transfer-payment-details-wrapper .commission-amount {
  font-size: 13px;
}
.bank-transfer-payment-details-wrapper .final-total {
  font-size: 20px;
  font-weight: bold;
  margin: 25px 0;
}

.oft-payment-method-form .form-actions {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.oft-payment-method-form .form-actions .button {
  font-size: 16px;
  font-weight: bold;
  width: 300px;
}
.oft-payment-method-form .form-actions .cancel-payment {
  font-size: 16px;
}

.create-credit-note-link i.icon {
  position: relative;
  top: 2px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-left: -0.25em;
  margin-right: 0.25em;
  width: 14px;
  background-repeat: no-repeat;
  height: 14px;
  background-image: url(/themes/custom/oktopro/images/credit_note.svg);
  background-size: 12px;
}

.pay-with-card-link {
  cursor: pointer;
}
.pay-with-card-link.total {
  display: block;
  padding: 8px 20px;
  border-radius: 20px;
  color: white;
  font-weight: bold;
  background: #49d7e3;
  margin-top: 15px;
}
.pay-with-card-link.total:not(.not-payable):hover {
  text-decoration: none;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.22);
}
.pay-with-card-link.total.not-payable {
  background: #ddd;
}
.pay-with-card-link.status-related {
  color: #49d7e3 !important;
  display: block;
  border: 1px solid #49d7e3;
  text-align: center;
  padding: 3px 6px;
  border-radius: 20px;
  text-decoration: none;
  cursor: pointer;
}
.pay-with-card-link.status-related:hover {
  text-decoration: none;
  -moz-box-shadow: 0 0 2px 1px #49d7e3;
  -webkit-box-shadow: 0 0 2px 1px #49d7e3;
  box-shadow: 0 0 2px 1px #49d7e3;
}
.pay-with-card-link.status-related.not-payable {
  color: #999999 !important;
  border: none;
  cursor: default;
}
.pay-with-card-link.status-related.not-payable:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.artemij-style-form.views-exposed-form {
  margin: 25px 0;
}
@media only screen and (min-width: 992px) {
  .artemij-style-form.views-exposed-form .panel-group .form--inline {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-item {
    flex: 1;
    padding: 0;
    max-width: initial;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-item:not(:first-child) {
    margin-left: 15px;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-item .select-wrapper,
.artemij-style-form.views-exposed-form .panel-group .form--inline .form-item select,
.artemij-style-form.views-exposed-form .panel-group .form--inline .form-item input {
    width: 100%;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-item.form-item-status, .artemij-style-form.views-exposed-form .panel-group .form--inline .form-item.form-item-dubious {
    max-width: 90px;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-checkboxes {
    white-space: nowrap;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-checkboxes input {
    width: initial;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions {
    width: 100%;
    float: none;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions button, .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions .btn {
    width: 200px;
    margin: 0;
    font-weight: bold;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions button .icon, .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions .btn .icon {
    font-weight: normal;
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions button:first-child:before, .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions .btn:first-child:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #e8e8e8;
    top: calc(50%);
    left: calc(-50% - 230px);
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions button:last-child:after, .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions .btn:last-child:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #e8e8e8;
    top: calc(50%);
    right: calc(-50% - 230px);
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions button:only-child:before, .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions .btn:only-child:before {
    left: calc(-50% - 130px);
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions button:only-child:after, .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions .btn:only-child:after {
    right: calc(-50% - 130px);
  }
  .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions button:not(:first-child), .artemij-style-form.views-exposed-form .panel-group .form--inline .form-actions .btn:not(:first-child) {
    margin-left: 15px;
  }
}
.artemij-style-form.views-exposed-form .panel-group .form--inline .form-item .fieldgroup {
  border: none;
  padding: 0;
}
.artemij-style-form.views-exposed-form .panel-group .form--inline .form-item .fieldgroup .form-type-checkbox {
  margin: 5px 0;
}
.artemij-style-form.views-exposed-form .panel-group .form--inline .select-wrapper .shs-container .shs-field-container {
  display: flex;
}
.artemij-style-form.views-exposed-form .panel-group .form--inline .select-wrapper .shs-container .shs-field-container .shs-widget-container {
  flex: 1;
}
.artemij-style-form.views-exposed-form .panel-group .form--inline .select-wrapper .shs-container .shs-field-container .shs-widget-container select {
  height: 38px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 15px;
}
.artemij-style-form.views-exposed-form.gridded .panel-group .form--inline:before, .artemij-style-form.views-exposed-form.gridded-4 .panel-group .form--inline:before, .artemij-style-form.views-exposed-form.gridded-5 .panel-group .form--inline:before {
  display: none;
}
@media only screen and (min-width: 992px) {
  .artemij-style-form.views-exposed-form.gridded .panel-group .form--inline, .artemij-style-form.views-exposed-form.gridded-4 .panel-group .form--inline, .artemij-style-form.views-exposed-form.gridded-5 .panel-group .form--inline {
    display: grid;
    grid-gap: 10px 15px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .artemij-style-form.views-exposed-form.gridded .panel-group .form--inline .form-item, .artemij-style-form.views-exposed-form.gridded-4 .panel-group .form--inline .form-item, .artemij-style-form.views-exposed-form.gridded-5 .panel-group .form--inline .form-item {
    margin-bottom: 0;
  }
  .artemij-style-form.views-exposed-form.gridded .panel-group .form--inline .form-item:not(:first-child), .artemij-style-form.views-exposed-form.gridded-4 .panel-group .form--inline .form-item:not(:first-child), .artemij-style-form.views-exposed-form.gridded-5 .panel-group .form--inline .form-item:not(:first-child) {
    margin-left: 0;
  }
  .artemij-style-form.views-exposed-form.gridded .panel-group .form--inline .form-item .form-item-expense-claim-expense-claim, .artemij-style-form.views-exposed-form.gridded-4 .panel-group .form--inline .form-item .form-item-expense-claim-expense-claim, .artemij-style-form.views-exposed-form.gridded-5 .panel-group .form--inline .form-item .form-item-expense-claim-expense-claim {
    margin: 0;
  }
  .artemij-style-form.views-exposed-form.gridded .panel-group .form--inline .form-item .form-item-expense-claim-expense-claim label, .artemij-style-form.views-exposed-form.gridded-4 .panel-group .form--inline .form-item .form-item-expense-claim-expense-claim label, .artemij-style-form.views-exposed-form.gridded-5 .panel-group .form--inline .form-item .form-item-expense-claim-expense-claim label {
    font-weight: bold;
  }
  .artemij-style-form.views-exposed-form.gridded .panel-group .form--inline .form-item .form-item-expense-claim-expense-claim label input, .artemij-style-form.views-exposed-form.gridded-4 .panel-group .form--inline .form-item .form-item-expense-claim-expense-claim label input, .artemij-style-form.views-exposed-form.gridded-5 .panel-group .form--inline .form-item .form-item-expense-claim-expense-claim label input {
    display: inline-block;
    vertical-align: inherit;
    margin: 0 5px 0 0;
  }
  .artemij-style-form.views-exposed-form.gridded .panel-group .form--inline .form-item.form-item-status, .artemij-style-form.views-exposed-form.gridded-4 .panel-group .form--inline .form-item.form-item-status, .artemij-style-form.views-exposed-form.gridded-5 .panel-group .form--inline .form-item.form-item-status {
    max-width: initial;
  }
  .artemij-style-form.views-exposed-form.gridded .panel-group .form--inline .form-actions, .artemij-style-form.views-exposed-form.gridded-4 .panel-group .form--inline .form-actions, .artemij-style-form.views-exposed-form.gridded-5 .panel-group .form--inline .form-actions {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 992px) {
  .artemij-style-form.views-exposed-form.gridded.gridded-2 .panel-group .form--inline, .artemij-style-form.views-exposed-form.gridded-4.gridded-2 .panel-group .form--inline, .artemij-style-form.views-exposed-form.gridded-5.gridded-2 .panel-group .form--inline {
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .artemij-style-form.views-exposed-form.gridded.gridded-4 .panel-group .form--inline, .artemij-style-form.views-exposed-form.gridded-4.gridded-4 .panel-group .form--inline, .artemij-style-form.views-exposed-form.gridded-5.gridded-4 .panel-group .form--inline {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}
@media only screen and (min-width: 992px) {
  .artemij-style-form.views-exposed-form.gridded.gridded-5 .panel-group .form--inline, .artemij-style-form.views-exposed-form.gridded-4.gridded-5 .panel-group .form--inline, .artemij-style-form.views-exposed-form.gridded-5.gridded-5 .panel-group .form--inline {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

.field--name-field-send-to-sc .form-type-number,
.field--name-field-oktopro-service-fee .form-type-number,
.field--name-field-unit-cost .form-type-number,
.field--name-amount .form-type-number {
  position: relative;
}
.field--name-field-send-to-sc .form-type-number .prefix,
.field--name-field-oktopro-service-fee .form-type-number .prefix,
.field--name-field-unit-cost .form-type-number .prefix,
.field--name-amount .form-type-number .prefix {
  position: absolute;
  display: block;
  bottom: 9px;
  left: 12px;
  font-weight: bold;
}
.field--name-field-send-to-sc .form-type-number input,
.field--name-field-oktopro-service-fee .form-type-number input,
.field--name-field-unit-cost .form-type-number input,
.field--name-amount .form-type-number input {
  width: 100%;
  padding-left: 20px;
}

.o-invoice.sc-payment-transaction-pdf *,
.o-invoice.printable * {
  font-size: 14px;
  font-family: "DejaVu Sans", Helvetica, Arial, sans-serif;
}
.o-invoice.sc-payment-transaction-pdf.proforma, .o-invoice.sc-payment-transaction-pdf.common, .o-invoice.sc-payment-transaction-pdf.custom, .o-invoice.sc-payment-transaction-pdf.old, .o-invoice.sc-payment-transaction-pdf.service,
.o-invoice.printable.proforma,
.o-invoice.printable.common,
.o-invoice.printable.custom,
.o-invoice.printable.old,
.o-invoice.printable.service {
  padding: 0;
  margin: 0;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.printable-header, .o-invoice.sc-payment-transaction-pdf.common table.printable-header, .o-invoice.sc-payment-transaction-pdf.custom table.printable-header, .o-invoice.sc-payment-transaction-pdf.old table.printable-header, .o-invoice.sc-payment-transaction-pdf.service table.printable-header,
.o-invoice.printable.proforma table.printable-header,
.o-invoice.printable.common table.printable-header,
.o-invoice.printable.custom table.printable-header,
.o-invoice.printable.old table.printable-header,
.o-invoice.printable.service table.printable-header {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 60px;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.printable-header .header-logo, .o-invoice.sc-payment-transaction-pdf.common table.printable-header .header-logo, .o-invoice.sc-payment-transaction-pdf.custom table.printable-header .header-logo, .o-invoice.sc-payment-transaction-pdf.old table.printable-header .header-logo, .o-invoice.sc-payment-transaction-pdf.service table.printable-header .header-logo,
.o-invoice.printable.proforma table.printable-header .header-logo,
.o-invoice.printable.common table.printable-header .header-logo,
.o-invoice.printable.custom table.printable-header .header-logo,
.o-invoice.printable.old table.printable-header .header-logo,
.o-invoice.printable.service table.printable-header .header-logo {
  vertical-align: middle;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.printable-header .header-logo img, .o-invoice.sc-payment-transaction-pdf.common table.printable-header .header-logo img, .o-invoice.sc-payment-transaction-pdf.custom table.printable-header .header-logo img, .o-invoice.sc-payment-transaction-pdf.old table.printable-header .header-logo img, .o-invoice.sc-payment-transaction-pdf.service table.printable-header .header-logo img,
.o-invoice.printable.proforma table.printable-header .header-logo img,
.o-invoice.printable.common table.printable-header .header-logo img,
.o-invoice.printable.custom table.printable-header .header-logo img,
.o-invoice.printable.old table.printable-header .header-logo img,
.o-invoice.printable.service table.printable-header .header-logo img {
  width: 40px;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.printable-header .header-title, .o-invoice.sc-payment-transaction-pdf.common table.printable-header .header-title, .o-invoice.sc-payment-transaction-pdf.custom table.printable-header .header-title, .o-invoice.sc-payment-transaction-pdf.old table.printable-header .header-title, .o-invoice.sc-payment-transaction-pdf.service table.printable-header .header-title,
.o-invoice.printable.proforma table.printable-header .header-title,
.o-invoice.printable.common table.printable-header .header-title,
.o-invoice.printable.custom table.printable-header .header-title,
.o-invoice.printable.old table.printable-header .header-title,
.o-invoice.printable.service table.printable-header .header-title {
  text-align: right;
  vertical-align: middle;
  font-size: 30px;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.header-info, .o-invoice.sc-payment-transaction-pdf.common table.header-info, .o-invoice.sc-payment-transaction-pdf.custom table.header-info, .o-invoice.sc-payment-transaction-pdf.old table.header-info, .o-invoice.sc-payment-transaction-pdf.service table.header-info,
.o-invoice.printable.proforma table.header-info,
.o-invoice.printable.common table.header-info,
.o-invoice.printable.custom table.header-info,
.o-invoice.printable.old table.header-info,
.o-invoice.printable.service table.header-info {
  margin-top: 20px;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.header-info tr td.value-label, .o-invoice.sc-payment-transaction-pdf.common table.header-info tr td.value-label, .o-invoice.sc-payment-transaction-pdf.custom table.header-info tr td.value-label, .o-invoice.sc-payment-transaction-pdf.old table.header-info tr td.value-label, .o-invoice.sc-payment-transaction-pdf.service table.header-info tr td.value-label,
.o-invoice.printable.proforma table.header-info tr td.value-label,
.o-invoice.printable.common table.header-info tr td.value-label,
.o-invoice.printable.custom table.header-info tr td.value-label,
.o-invoice.printable.old table.header-info tr td.value-label,
.o-invoice.printable.service table.header-info tr td.value-label {
  padding-right: 10px;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.buyer-info-table, .o-invoice.sc-payment-transaction-pdf.common table.buyer-info-table, .o-invoice.sc-payment-transaction-pdf.custom table.buyer-info-table, .o-invoice.sc-payment-transaction-pdf.old table.buyer-info-table, .o-invoice.sc-payment-transaction-pdf.service table.buyer-info-table,
.o-invoice.printable.proforma table.buyer-info-table,
.o-invoice.printable.common table.buyer-info-table,
.o-invoice.printable.custom table.buyer-info-table,
.o-invoice.printable.old table.buyer-info-table,
.o-invoice.printable.service table.buyer-info-table {
  width: 100%;
  table-layout: fixed;
  margin: 40px auto;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.buyer-info-table td.real-content, .o-invoice.sc-payment-transaction-pdf.common table.buyer-info-table td.real-content, .o-invoice.sc-payment-transaction-pdf.custom table.buyer-info-table td.real-content, .o-invoice.sc-payment-transaction-pdf.old table.buyer-info-table td.real-content, .o-invoice.sc-payment-transaction-pdf.service table.buyer-info-table td.real-content,
.o-invoice.printable.proforma table.buyer-info-table td.real-content,
.o-invoice.printable.common table.buyer-info-table td.real-content,
.o-invoice.printable.custom table.buyer-info-table td.real-content,
.o-invoice.printable.old table.buyer-info-table td.real-content,
.o-invoice.printable.service table.buyer-info-table td.real-content {
  border-left: 1px solid #ccc;
  padding: 20px 30px 20px 40px;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.buyer-info-table td.real-content .views-field-title .field-content, .o-invoice.sc-payment-transaction-pdf.common table.buyer-info-table td.real-content .views-field-title .field-content, .o-invoice.sc-payment-transaction-pdf.custom table.buyer-info-table td.real-content .views-field-title .field-content, .o-invoice.sc-payment-transaction-pdf.old table.buyer-info-table td.real-content .views-field-title .field-content, .o-invoice.sc-payment-transaction-pdf.service table.buyer-info-table td.real-content .views-field-title .field-content,
.o-invoice.printable.proforma table.buyer-info-table td.real-content .views-field-title .field-content,
.o-invoice.printable.common table.buyer-info-table td.real-content .views-field-title .field-content,
.o-invoice.printable.custom table.buyer-info-table td.real-content .views-field-title .field-content,
.o-invoice.printable.old table.buyer-info-table td.real-content .views-field-title .field-content,
.o-invoice.printable.service table.buyer-info-table td.real-content .views-field-title .field-content {
  font-size: 22px;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.buyer-info-table td.real-content p, .o-invoice.sc-payment-transaction-pdf.common table.buyer-info-table td.real-content p, .o-invoice.sc-payment-transaction-pdf.custom table.buyer-info-table td.real-content p, .o-invoice.sc-payment-transaction-pdf.old table.buyer-info-table td.real-content p, .o-invoice.sc-payment-transaction-pdf.service table.buyer-info-table td.real-content p,
.o-invoice.printable.proforma table.buyer-info-table td.real-content p,
.o-invoice.printable.common table.buyer-info-table td.real-content p,
.o-invoice.printable.custom table.buyer-info-table td.real-content p,
.o-invoice.printable.old table.buyer-info-table td.real-content p,
.o-invoice.printable.service table.buyer-info-table td.real-content p {
  margin: 0;
}
.o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table,
.o-invoice.printable.proforma .field--name-invoice-line-items table,
.o-invoice.printable.common .field--name-invoice-line-items table,
.o-invoice.printable.custom .field--name-invoice-line-items table,
.o-invoice.printable.old .field--name-invoice-line-items table,
.o-invoice.printable.service .field--name-invoice-line-items table {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
}
.o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td, .o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th,
.o-invoice.printable.proforma .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td,
.o-invoice.printable.proforma .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th,
.o-invoice.printable.common .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td,
.o-invoice.printable.common .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th,
.o-invoice.printable.custom .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td,
.o-invoice.printable.custom .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th,
.o-invoice.printable.old .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td,
.o-invoice.printable.old .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th,
.o-invoice.printable.service .field--name-invoice-line-items table.table-striped tbody > tr:nth-child(even) > td,
.o-invoice.printable.service .field--name-invoice-line-items table .table-striped tbody > tr:nth-child(even) > th {
  background-color: #f9f9f9;
}
.o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table thead, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table thead, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table thead, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table thead, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table thead,
.o-invoice.printable.proforma .field--name-invoice-line-items table thead,
.o-invoice.printable.common .field--name-invoice-line-items table thead,
.o-invoice.printable.custom .field--name-invoice-line-items table thead,
.o-invoice.printable.old .field--name-invoice-line-items table thead,
.o-invoice.printable.service .field--name-invoice-line-items table thead {
  border-bottom: 1px solid #999999;
}
.o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table a, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table a, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table a, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table a, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table a,
.o-invoice.printable.proforma .field--name-invoice-line-items table a,
.o-invoice.printable.common .field--name-invoice-line-items table a,
.o-invoice.printable.custom .field--name-invoice-line-items table a,
.o-invoice.printable.old .field--name-invoice-line-items table a,
.o-invoice.printable.service .field--name-invoice-line-items table a {
  text-decoration: none !important;
  color: #00003b;
}
.o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr td, .o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr th, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr td, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr th, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr td, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr th, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr td, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr th, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr td, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr th,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr td,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr th,
.o-invoice.printable.common .field--name-invoice-line-items table tr td,
.o-invoice.printable.common .field--name-invoice-line-items table tr th,
.o-invoice.printable.custom .field--name-invoice-line-items table tr td,
.o-invoice.printable.custom .field--name-invoice-line-items table tr th,
.o-invoice.printable.old .field--name-invoice-line-items table tr td,
.o-invoice.printable.old .field--name-invoice-line-items table tr th,
.o-invoice.printable.service .field--name-invoice-line-items table tr td,
.o-invoice.printable.service .field--name-invoice-line-items table tr th {
  padding: 5px 10px;
  border-collapse: collapse;
}
.o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee, .o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee,
.o-invoice.printable.common .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee,
.o-invoice.printable.common .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee,
.o-invoice.printable.custom .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee,
.o-invoice.printable.custom .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee,
.o-invoice.printable.old .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee,
.o-invoice.printable.old .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee,
.o-invoice.printable.service .field--name-invoice-line-items table tr td.views-field-field-applied-commission-fee,
.o-invoice.printable.service .field--name-invoice-line-items table tr th.views-field-field-applied-commission-fee {
  width: 65px;
  text-align: center;
}
.o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr td.views-field-amount, .o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr th.views-field-amount, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr td.views-field-amount, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr th.views-field-amount, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr td.views-field-amount, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr th.views-field-amount, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr td.views-field-amount, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr th.views-field-amount, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr td.views-field-amount, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr th.views-field-amount,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr td.views-field-amount,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr th.views-field-amount,
.o-invoice.printable.common .field--name-invoice-line-items table tr td.views-field-amount,
.o-invoice.printable.common .field--name-invoice-line-items table tr th.views-field-amount,
.o-invoice.printable.custom .field--name-invoice-line-items table tr td.views-field-amount,
.o-invoice.printable.custom .field--name-invoice-line-items table tr th.views-field-amount,
.o-invoice.printable.old .field--name-invoice-line-items table tr td.views-field-amount,
.o-invoice.printable.old .field--name-invoice-line-items table tr th.views-field-amount,
.o-invoice.printable.service .field--name-invoice-line-items table tr td.views-field-amount,
.o-invoice.printable.service .field--name-invoice-line-items table tr th.views-field-amount {
  width: 85px;
}
.o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr td:first-child, .o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr th:first-child, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr td:first-child, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr th:first-child, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr td:first-child, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr th:first-child, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr td:first-child, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr th:first-child, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr td:first-child, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr th:first-child,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr td:first-child,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr th:first-child,
.o-invoice.printable.common .field--name-invoice-line-items table tr td:first-child,
.o-invoice.printable.common .field--name-invoice-line-items table tr th:first-child,
.o-invoice.printable.custom .field--name-invoice-line-items table tr td:first-child,
.o-invoice.printable.custom .field--name-invoice-line-items table tr th:first-child,
.o-invoice.printable.old .field--name-invoice-line-items table tr td:first-child,
.o-invoice.printable.old .field--name-invoice-line-items table tr th:first-child,
.o-invoice.printable.service .field--name-invoice-line-items table tr td:first-child,
.o-invoice.printable.service .field--name-invoice-line-items table tr th:first-child {
  padding-left: 30px;
}
.o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr td:last-child, .o-invoice.sc-payment-transaction-pdf.proforma .field--name-invoice-line-items table tr th:last-child, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr td:last-child, .o-invoice.sc-payment-transaction-pdf.common .field--name-invoice-line-items table tr th:last-child, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr td:last-child, .o-invoice.sc-payment-transaction-pdf.custom .field--name-invoice-line-items table tr th:last-child, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr td:last-child, .o-invoice.sc-payment-transaction-pdf.old .field--name-invoice-line-items table tr th:last-child, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr td:last-child, .o-invoice.sc-payment-transaction-pdf.service .field--name-invoice-line-items table tr th:last-child,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr td:last-child,
.o-invoice.printable.proforma .field--name-invoice-line-items table tr th:last-child,
.o-invoice.printable.common .field--name-invoice-line-items table tr td:last-child,
.o-invoice.printable.common .field--name-invoice-line-items table tr th:last-child,
.o-invoice.printable.custom .field--name-invoice-line-items table tr td:last-child,
.o-invoice.printable.custom .field--name-invoice-line-items table tr th:last-child,
.o-invoice.printable.old .field--name-invoice-line-items table tr td:last-child,
.o-invoice.printable.old .field--name-invoice-line-items table tr th:last-child,
.o-invoice.printable.service .field--name-invoice-line-items table tr td:last-child,
.o-invoice.printable.service .field--name-invoice-line-items table tr th:last-child {
  padding-right: 30px;
}
.o-invoice.sc-payment-transaction-pdf.proforma .invoice-totals-section-wrapper, .o-invoice.sc-payment-transaction-pdf.common .invoice-totals-section-wrapper, .o-invoice.sc-payment-transaction-pdf.custom .invoice-totals-section-wrapper, .o-invoice.sc-payment-transaction-pdf.old .invoice-totals-section-wrapper, .o-invoice.sc-payment-transaction-pdf.service .invoice-totals-section-wrapper,
.o-invoice.printable.proforma .invoice-totals-section-wrapper,
.o-invoice.printable.common .invoice-totals-section-wrapper,
.o-invoice.printable.custom .invoice-totals-section-wrapper,
.o-invoice.printable.old .invoice-totals-section-wrapper,
.o-invoice.printable.service .invoice-totals-section-wrapper {
  width: 100%;
  margin-top: 30px;
}
.o-invoice.sc-payment-transaction-pdf.proforma .invoice-totals-section-wrapper table, .o-invoice.sc-payment-transaction-pdf.common .invoice-totals-section-wrapper table, .o-invoice.sc-payment-transaction-pdf.custom .invoice-totals-section-wrapper table, .o-invoice.sc-payment-transaction-pdf.old .invoice-totals-section-wrapper table, .o-invoice.sc-payment-transaction-pdf.service .invoice-totals-section-wrapper table,
.o-invoice.printable.proforma .invoice-totals-section-wrapper table,
.o-invoice.printable.common .invoice-totals-section-wrapper table,
.o-invoice.printable.custom .invoice-totals-section-wrapper table,
.o-invoice.printable.old .invoice-totals-section-wrapper table,
.o-invoice.printable.service .invoice-totals-section-wrapper table {
  table-layout: auto;
  width: 100%;
  font-weight: bold;
}
.o-invoice.sc-payment-transaction-pdf.proforma .invoice-totals-section-wrapper table tr.total-netto td, .o-invoice.sc-payment-transaction-pdf.common .invoice-totals-section-wrapper table tr.total-netto td, .o-invoice.sc-payment-transaction-pdf.custom .invoice-totals-section-wrapper table tr.total-netto td, .o-invoice.sc-payment-transaction-pdf.old .invoice-totals-section-wrapper table tr.total-netto td, .o-invoice.sc-payment-transaction-pdf.service .invoice-totals-section-wrapper table tr.total-netto td,
.o-invoice.printable.proforma .invoice-totals-section-wrapper table tr.total-netto td,
.o-invoice.printable.common .invoice-totals-section-wrapper table tr.total-netto td,
.o-invoice.printable.custom .invoice-totals-section-wrapper table tr.total-netto td,
.o-invoice.printable.old .invoice-totals-section-wrapper table tr.total-netto td,
.o-invoice.printable.service .invoice-totals-section-wrapper table tr.total-netto td {
  padding-top: 5px;
}
.o-invoice.sc-payment-transaction-pdf.proforma .invoice-totals-section-wrapper table tr.total-netto td.value, .o-invoice.sc-payment-transaction-pdf.common .invoice-totals-section-wrapper table tr.total-netto td.value, .o-invoice.sc-payment-transaction-pdf.custom .invoice-totals-section-wrapper table tr.total-netto td.value, .o-invoice.sc-payment-transaction-pdf.old .invoice-totals-section-wrapper table tr.total-netto td.value, .o-invoice.sc-payment-transaction-pdf.service .invoice-totals-section-wrapper table tr.total-netto td.value,
.o-invoice.printable.proforma .invoice-totals-section-wrapper table tr.total-netto td.value,
.o-invoice.printable.common .invoice-totals-section-wrapper table tr.total-netto td.value,
.o-invoice.printable.custom .invoice-totals-section-wrapper table tr.total-netto td.value,
.o-invoice.printable.old .invoice-totals-section-wrapper table tr.total-netto td.value,
.o-invoice.printable.service .invoice-totals-section-wrapper table tr.total-netto td.value {
  margin-left: 10px;
  width: 115px;
  border-top: 1px solid #000;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.printable-footer, .o-invoice.sc-payment-transaction-pdf.common table.printable-footer, .o-invoice.sc-payment-transaction-pdf.custom table.printable-footer, .o-invoice.sc-payment-transaction-pdf.old table.printable-footer, .o-invoice.sc-payment-transaction-pdf.service table.printable-footer,
.o-invoice.printable.proforma table.printable-footer,
.o-invoice.printable.common table.printable-footer,
.o-invoice.printable.custom table.printable-footer,
.o-invoice.printable.old table.printable-footer,
.o-invoice.printable.service table.printable-footer {
  width: 100%;
  table-layout: fixed;
  position: absolute;
  bottom: 100px;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.printable-footer .left-side, .o-invoice.sc-payment-transaction-pdf.common table.printable-footer .left-side, .o-invoice.sc-payment-transaction-pdf.custom table.printable-footer .left-side, .o-invoice.sc-payment-transaction-pdf.old table.printable-footer .left-side, .o-invoice.sc-payment-transaction-pdf.service table.printable-footer .left-side,
.o-invoice.printable.proforma table.printable-footer .left-side,
.o-invoice.printable.common table.printable-footer .left-side,
.o-invoice.printable.custom table.printable-footer .left-side,
.o-invoice.printable.old table.printable-footer .left-side,
.o-invoice.printable.service table.printable-footer .left-side {
  width: 60%;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.printable-footer .right-side, .o-invoice.sc-payment-transaction-pdf.common table.printable-footer .right-side, .o-invoice.sc-payment-transaction-pdf.custom table.printable-footer .right-side, .o-invoice.sc-payment-transaction-pdf.old table.printable-footer .right-side, .o-invoice.sc-payment-transaction-pdf.service table.printable-footer .right-side,
.o-invoice.printable.proforma table.printable-footer .right-side,
.o-invoice.printable.common table.printable-footer .right-side,
.o-invoice.printable.custom table.printable-footer .right-side,
.o-invoice.printable.old table.printable-footer .right-side,
.o-invoice.printable.service table.printable-footer .right-side {
  width: 40%;
}
.o-invoice.sc-payment-transaction-pdf.proforma table.printable-footer tr td.value-label, .o-invoice.sc-payment-transaction-pdf.common table.printable-footer tr td.value-label, .o-invoice.sc-payment-transaction-pdf.custom table.printable-footer tr td.value-label, .o-invoice.sc-payment-transaction-pdf.old table.printable-footer tr td.value-label, .o-invoice.sc-payment-transaction-pdf.service table.printable-footer tr td.value-label,
.o-invoice.printable.proforma table.printable-footer tr td.value-label,
.o-invoice.printable.common table.printable-footer tr td.value-label,
.o-invoice.printable.custom table.printable-footer tr td.value-label,
.o-invoice.printable.old table.printable-footer tr td.value-label,
.o-invoice.printable.service table.printable-footer tr td.value-label {
  padding-right: 10px;
}
.o-invoice.sc-payment-transaction-pdf .vat-description,
.o-invoice.printable .vat-description {
  text-transform: uppercase;
  word-break: break-word;
}
.o-invoice.sc-payment-transaction-pdf .seller-email-address,
.o-invoice.printable .seller-email-address {
  vertical-align: middle;
}
.o-invoice.sc-payment-transaction-pdf .seller-email-address img.email-icon,
.o-invoice.printable .seller-email-address img.email-icon {
  height: 9px;
}

.view .view-header .views-invoices-download-link {
  display: none;
}
.view .views-field-invoice-number {
  position: relative;
  white-space: nowrap;
}
.view .views-field-invoice-number .oktopro-configurable-file-formatter {
  align-items: flex-start;
}
.view .views-field-invoice-number a:not([class]) {
  display: inline-block;
}
.view .views-field-invoice-number span.views-invoices-download-link:before {
  cursor: default;
  background: url(/themes/custom/oktopro/images/download_icon_grayed.svg) no-repeat;
}
.view .views-field-invoice-number .views-invoices-download-link {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  margin: 0 5px;
}
.view .views-field-invoice-number .views-invoices-download-link:before {
  cursor: pointer;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/themes/custom/oktopro/images/download_icon.svg) no-repeat;
  background-size: contain;
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .view .views-field-invoice-number .views-invoices-download-link {
    margin: 0 0 0 5px;
  }
}

.decide-leave-request-approval-popup .modal-header,
.decide-invoice-approval-popup .modal-header,
.mark-as-dubious-popup .modal-header {
  border: none;
  padding: 0;
}
.decide-leave-request-approval-popup .modal-header h4,
.decide-invoice-approval-popup .modal-header h4,
.mark-as-dubious-popup .modal-header h4 {
  display: none;
}
.decide-leave-request-approval-popup .modal-header .close,
.decide-invoice-approval-popup .modal-header .close,
.mark-as-dubious-popup .modal-header .close {
  position: absolute;
  padding: 5px;
  right: 10px;
  top: 5px;
}
.decide-leave-request-approval-popup .modal-header .close span,
.decide-invoice-approval-popup .modal-header .close span,
.mark-as-dubious-popup .modal-header .close span {
  padding: 0;
}
.decide-leave-request-approval-popup .modal-body,
.decide-invoice-approval-popup .modal-body,
.mark-as-dubious-popup .modal-body {
  margin-top: 15px;
  text-align: center;
  padding: 20px 35px;
}
.decide-leave-request-approval-popup .modal-body .assign-wrapper,
.decide-invoice-approval-popup .modal-body .assign-wrapper,
.mark-as-dubious-popup .modal-body .assign-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-top: 35px;
}
.decide-leave-request-approval-popup .modal-body .assign-wrapper .field--name-field-responsible-for-checklists,
.decide-invoice-approval-popup .modal-body .assign-wrapper .field--name-field-responsible-for-checklists,
.mark-as-dubious-popup .modal-body .assign-wrapper .field--name-field-responsible-for-checklists {
  max-width: 300px;
  margin-left: 25px;
}
.decide-leave-request-approval-popup .modal-body .assign-wrapper .field--name-field-responsible-for-checklists label,
.decide-invoice-approval-popup .modal-body .assign-wrapper .field--name-field-responsible-for-checklists label,
.mark-as-dubious-popup .modal-body .assign-wrapper .field--name-field-responsible-for-checklists label {
  display: none;
}
.decide-leave-request-approval-popup .modal-body ol, .decide-leave-request-approval-popup .modal-body ul,
.decide-invoice-approval-popup .modal-body ol,
.decide-invoice-approval-popup .modal-body ul,
.mark-as-dubious-popup .modal-body ol,
.mark-as-dubious-popup .modal-body ul {
  text-align: left;
}
.decide-leave-request-approval-popup .modal-body .field--name-field-comment,
.decide-invoice-approval-popup .modal-body .field--name-field-comment,
.mark-as-dubious-popup .modal-body .field--name-field-comment {
  margin-top: 25px;
  text-align: initial;
}
.decide-leave-request-approval-popup .modal-body form.o-invoice-common-decide-invoice-approval-form,
.decide-invoice-approval-popup .modal-body form.o-invoice-common-decide-invoice-approval-form,
.mark-as-dubious-popup .modal-body form.o-invoice-common-decide-invoice-approval-form {
  color: red;
}
.decide-leave-request-approval-popup .modal-footer,
.decide-invoice-approval-popup .modal-footer,
.mark-as-dubious-popup .modal-footer {
  border: none;
  text-align: center;
  padding: 0 2px 15px;
}
.decide-leave-request-approval-popup .modal-footer button,
.decide-invoice-approval-popup .modal-footer button,
.mark-as-dubious-popup .modal-footer button {
  min-width: 150px;
}

.request-payment-popup .modal-header {
  border: none;
}
.request-payment-popup .modal-header h4 {
  text-align: center;
}
.request-payment-popup .modal-header .close {
  position: absolute;
  padding: 5px;
  right: 10px;
  top: 5px;
}
.request-payment-popup .modal-header .close span {
  padding: 0;
}
.request-payment-popup .modal-body {
  margin-top: 15px;
  text-align: center;
  padding: 20px 35px;
}
.request-payment-popup .modal-body ol, .request-payment-popup .modal-body ul {
  text-align: left;
}
.request-payment-popup .modal-body .field--name-field-comment {
  margin-top: 25px;
  text-align: initial;
}
.request-payment-popup .modal-body form.o-invoice-common-decide-invoice-approval-form {
  color: red;
}
.request-payment-popup .modal-footer {
  border: none;
  text-align: center;
  padding: 0 2px 15px;
}
.request-payment-popup .modal-footer button {
  min-width: 150px;
}

form.views-exposed-form[id*=oktopro-expense-providers-expense-providers-list-block] .form-inline .form-item {
  margin-bottom: 0;
}

.view-oktopro-expense-invoice.view-display-id-expense_invoices_block tr.new-status {
  color: red;
}

.view-oktopro-expense-invoice.view-id-oktopro_expense_invoice .zip-feed.views-data-export-feed.archived-data-export-link {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  margin: 0 5px;
}
.view-oktopro-expense-invoice.view-id-oktopro_expense_invoice .zip-feed.views-data-export-feed.archived-data-export-link .feed-icon {
  cursor: pointer;
  content: "";
  width: 20px;
  height: 20px;
  background: url(/themes/custom/oktopro/images/download_icon.svg) no-repeat;
  background-size: contain;
  display: inline-block;
}
@media only screen and (max-width: 479px) {
  .view-oktopro-expense-invoice.view-id-oktopro_expense_invoice .zip-feed.views-data-export-feed.archived-data-export-link {
    margin: 0 0 0 5px;
  }
}

.text-with-arrow .arrow {
  font-size: 12px;
}
.text-with-arrow .arrow.up {
  color: #D81E1E;
}
.text-with-arrow .arrow.down {
  color: #058C42;
}

.department-target-percent-calculation-field h3 {
  font-size: 10px;
  margin-top: 10px;
  margin-bottom: 0;
}
.department-target-percent-calculation-field ul {
  font-size: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.statistics-table {
  margin-top: 50px;
}
.statistics-table td.neutral, .statistics-table .th-total.neutral {
  color: #FFB60B;
}
.statistics-table td.negative, .statistics-table .th-total.negative {
  color: #D81E1E;
}
.statistics-table td.positive, .statistics-table .th-total.positive {
  color: black;
}
.statistics-table thead {
  font-size: 16px;
}
.statistics-table thead th .th-data-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.statistics-table thead th .th-data-wrapper .th-total {
  font-size: 14px;
  padding: 0 10px;
  text-decoration: underline;
}
.statistics-table tr.row-total {
  font-weight: bold;
}
.statistics-table tr td.right-text {
  text-align: right;
}
.statistics-table tr td.green-diff {
  color: green !important;
}
.statistics-table tr td.red-diff {
  color: red !important;
}

.o-invoice-expense-create-sales-referral-invoice-form .field--name-field-expense-attachments {
  display: flex;
}
.o-invoice-expense-create-sales-referral-invoice-form .field--name-field-expense-attachments .guidance-link {
  padding-top: 30px;
  padding-left: 9px;
  display: block;
}

.view-finance-analyse-portfolio-turnover-graph .views-exposed-form .form--inline .form-item {
  max-width: unset;
}
.view-finance-analyse-portfolio-turnover-graph .views-exposed-form .form--inline .form-item input {
  max-width: 350px;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph {
  margin-top: 45px;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon {
  position: absolute;
  right: -7px;
  width: 25px;
  height: 25px;
  background-image: url("/modules/custom/oktopro_financial_tool/modules/oktopro_ft_statistics/assets/information-icon-png-18.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper {
  max-width: 400px;
  display: none;
  flex-direction: column;
  position: absolute;
  top: 32px;
  left: -226px;
  background-color: #ffff;
  padding: 15px;
  border-radius: 20px;
  box-shadow: 6px 4px 10px 4px rgba(0, 0, 255, 0.2);
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table {
  border: none;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table thead tr {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table td,
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table tr,
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table th {
  border: none;
  background-color: #ffff !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 90px;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table td .chart-section-color,
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table tr .chart-section-color,
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table th .chart-section-color {
  width: 12px;
  height: 12px;
  border-radius: 10px;
  display: inline-block;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table td .chart-section-label,
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table tr .chart-section-label,
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper .chart-data-summary-table th .chart-section-label {
  display: inline-block;
  margin-left: 3px;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-general-charts-container-information-icon .chart-legend-wrapper.show-chart-legend {
  display: flex;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-chart-container {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
  position: relative;
  max-width: 500px;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-chart-container .portfolio-turnover-analysis-graph-chart-title {
  display: flex;
  justify-content: center;
  margin: 35px auto;
  font-size: 24px;
  color: #0f2856;
  order: 1;
  max-width: 300px;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-chart-container .graph-wrapper {
  order: 2;
  width: 100%;
}
.view-finance-analyse-portfolio-turnover-graph .view-content .views-field-portfolio-turnover-graph .field-content .portfolio-turnover-graph-general-charts-container .portfolio-turnover-graph-chart-container .graph-wrapper [id^=bdam-turnover-analysis-graph-] {
  max-width: 500px;
}

.ration-down {
  color: red;
}

.ration-up {
  color: green;
}

.view-fa-non-platform-indicators .view-filters .views-label {
  width: 100%;
  text-align: center;
}

.o-record-fa-non-platform-indicator-record-add-fa-non-platform-indicator-record-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 45vh;
}
.o-record-fa-non-platform-indicator-record-add-fa-non-platform-indicator-record-form .field--name-field-data-series .select-wrapper:after {
  right: 48px;
}
.o-record-fa-non-platform-indicator-record-add-fa-non-platform-indicator-record-form .field--name-field-amount .form-item {
  display: flex;
  flex-direction: column;
}

.o-invoice-common-create-common-invoice-form.create-common-invoice .form-item-field-sc-transaction-acknowledge-value {
  text-align: center;
}
.o-invoice-common-create-common-invoice-form.create-common-invoice .form-item-field-sc-transaction-acknowledge-value label {
  font-size: 13px;
}

form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-buyer .views-row,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-buyer .views-row {
  display: grid;
}
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.create-common-invoice .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
form.o-invoice-form.oktopro-create-expense-invoice-out-sourced-manager-session .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child {
  width: 100%;
  padding-right: calc(50% + 15px);
}

.o-invoice.sc-payment-transaction-pdf {
  padding: 50px 20px !important;
}
.o-invoice.sc-payment-transaction-pdf h1 {
  text-align: center;
  font-size: 40px;
}
.o-invoice.sc-payment-transaction-pdf p {
  font-size: 18px;
}

.o-table .views-field-field-mc-transaction-reference,
.o-table .views-field-field-payment-account-to-sc,
.o-table .views-field-field-payment-account-to-fib {
  width: 130px;
}

.o-table {
  width: 100%;
  display: table;
}

.o-table-header {
  width: 100%;
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
}

.o-table-row {
  width: 100%;
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.o-table-header-cell {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  padding: 10px;
}

.o-table-tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

.o-table-data {
  display: table-cell;
  vertical-align: inherit;
  padding: 10px;
}

.o-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.o-table > .o-table-tbody > .o-table-row:nth-of-type(odd) {
  background-color: transparent;
}
.o-table > .o-table-tbody > .o-table-row:nth-of-type(odd):hover {
  background-color: #f5f5f5;
}
.o-table > .o-table-header > .o-table-row > .o-table-header-cell,
.o-table > .o-table-header > .o-table-row > .o-table-data,
.o-table > .o-table-tbody > .o-table-row > .o-table-header-cell,
.o-table > .o-table-tbody > .o-table-row > .o-table-data {
  vertical-align: middle;
  padding: 8px;
  line-height: 1.428571429;
  border-top: 1px solid #ddd;
}
.o-table > .o-table-header:first-child > .o-table-row:first-child > .o-table-header-cell,
.o-table > .o-table-header:first-child > .o-table-row:first-child > .o-table-data {
  border-top: 0;
}
.o-table > .o-table-tbody + .o-table-tbody {
  border-top: 2px solid #ddd;
}
.o-table > .o-table-header > .o-table-row > .o-table-header-cell {
  border-bottom: 2px solid #ddd;
}
.o-table > .o-table-tbody > .o-table-row:nth-child(even) {
  background-color: #f4f4f4;
}

.o-invoice.common.printable .printable-header {
  margin-bottom: 10px !important;
}
.o-invoice.common.printable .common-buyer-info-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-right: 20px;
  padding-left: 60px;
  margin-bottom: 20px;
}
.o-invoice.common.printable .common-buyer-info-container .views-label {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}
.o-invoice.common.printable .common-buyer-info-container .views-field {
  margin-bottom: 10px;
}
.o-invoice.common.printable .common-buyer-info-container .form-group,
.o-invoice.common.printable .common-buyer-info-container p {
  margin: 0;
}
.o-invoice.common.printable .common-buyer-info-container::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA0OCA0OCIgd2lkdGg9IjQ4cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iYXJyb3ctcmlnaHQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48cGF0aCBkPSJNMTUuNTgzOTc0OSwxOS43MjI2NDk5IEwxNS41NDM0MzQzLDE5Ljc5NTM3NTMgQzE1LjM5NzMwNjgsMjAuMTE2MjM4MyAxNS42MjkxNzcxLDIwLjUgMTYsMjAuNSBMMjEuNSwyMC41IEwyMS41LDM5IEMyMS41LDM5LjI3NjE0MjQgMjEuNzIzODU3NiwzOS41IDIyLDM5LjUgTDI2LDM5LjUgTDI2LjA4OTg3NTYsMzkuNDkxOTQ0MyBDMjYuMzIzMTI0OCwzOS40NDk2MDg0IDI2LjUsMzkuMjQ1NDU5OSAyNi41LDM5IEwyNi41LDIwLjUgTDMyLDIwLjUgQzMyLjM5OTM0NzcsMjAuNSAzMi42Mzc1NDM0LDIwLjA1NDkyNzMgMzIuNDE2MDI1MSwxOS43MjI2NDk5IEwyNC40MTYwMjUxLDcuNzIyNjQ5OSBDMjQuMjE4MTE0MSw3LjQyNTc4MzM3IDIzLjc4MTg4NTksNy40MjU3ODMzNyAyMy41ODM5NzQ5LDcuNzIyNjQ5OSBMMTUuNTgzOTc0OSwxOS43MjI2NDk5IFogTTI0LDguOTAyIEwzMS4wNjUsMTkuNSBMMjYsMTkuNSBMMjUuOTEwMTI0NCwxOS41MDgwNTU3IEMyNS42NzY4NzUyLDE5LjU1MDM5MTYgMjUuNSwxOS43NTQ1NDAxIDI1LjUsMjAgTDI1LjUsMzguNSBMMjIuNSwzOC41IEwyMi41LDIwIEwyMi40OTE5NDQzLDE5LjkxMDEyNDQgQzIyLjQ0OTYwODQsMTkuNjc2ODc1MiAyMi4yNDU0NTk5LDE5LjUgMjIsMTkuNSBMMTYuOTM0LDE5LjUgTDI0LDguOTAyIFoiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgaWQ9IlBhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjAwMDAwMCwgMjMuNTAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjQuMDAwMDAwLCAtMjMuNTAwMDAwKSAiLz48L2c+PC9zdmc+);
  width: 150px;
  height: 150px;
  background-size: contain;
  right: 50%;
  transform: translateX(50%);
  bottom: 30%;
}
.o-invoice.common.printable .place-for-footer {
  display: none;
}
.o-invoice.common.printable .payment-instructions h2 {
  font-size: 17px;
}
.o-invoice.common.printable .payment-instructions .data-wrapper {
  display: grid;
  grid-template-columns: [row1-start] 35% [row1-end row2-start] 45% [row2-end];
  grid-gap: 6px;
}
.o-invoice.common.printable .payment-instructions .data-label {
  font-weight: bold;
}
.o-invoice.common.printable .views-field-field-o-logo__revision-id {
  height: 150px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block fieldset[data-drupal-selector=edit-organisation-type] {
  width: 100% !important;
  max-width: 100% !important;
}
.block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block fieldset[data-drupal-selector=edit-organisation-type] .form-checkboxes {
  display: flex;
  width: 100% !important;
  max-width: 100% !important;
}
.block-views-exposed-filter-blockoktopro-invoice-line-items-oktopro-company-invoice-lines-block fieldset[data-drupal-selector=edit-organisation-type] .form-type-checkbox {
  width: unset !important;
  margin: 0 10px 0 0;
}

.view-display-id-income_common_invoices_block .payment-details-container {
  display: flex;
  align-items: center;
}
.view-display-id-income_common_invoices_block .payment-details-container a {
  margin-right: 5px;
  display: inline-block;
}
.view-display-id-income_common_invoices_block .payment-details-container i {
  cursor: pointer;
}

.view-display-id-income_common_invoices_block .footable-detail-row table.footable-details tbody tr th,
.view-display-id-income_service_invoices_block .footable-detail-row table.footable-details tbody tr th,
.view-display-id-outcome_common_invoices_block .footable-detail-row table.footable-details tbody tr th {
  max-width: 85px;
}

.view-display-id-invoice_summary_line_items .view-content .views-row,
.view-display-id-from_oktopro_invoice_summary_line_items .view-content .views-row,
.view-display-id-block_summary_outcome_dealer_invoice_block .view-content .views-row,
.view-display-id-block_summary_outcome_dealer_invoice_mc .view-content .views-row,
.view-display-id-invoice_summary_line_items_dealer .view-content .views-row {
  padding: 5px;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 10px;
}
.view-display-id-invoice_summary_line_items .view-content .views-row:nth-last-of-type(even),
.view-display-id-from_oktopro_invoice_summary_line_items .view-content .views-row:nth-last-of-type(even),
.view-display-id-block_summary_outcome_dealer_invoice_block .view-content .views-row:nth-last-of-type(even),
.view-display-id-block_summary_outcome_dealer_invoice_mc .view-content .views-row:nth-last-of-type(even),
.view-display-id-invoice_summary_line_items_dealer .view-content .views-row:nth-last-of-type(even) {
  background-color: #f8f7f7;
  border-bottom: 1px solid #ddd;
}
.view-display-id-invoice_summary_line_items .view-content .views-row .views-field,
.view-display-id-from_oktopro_invoice_summary_line_items .view-content .views-row .views-field,
.view-display-id-block_summary_outcome_dealer_invoice_block .view-content .views-row .views-field,
.view-display-id-block_summary_outcome_dealer_invoice_mc .view-content .views-row .views-field,
.view-display-id-invoice_summary_line_items_dealer .view-content .views-row .views-field {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  justify-items: stretch;
}
.view-display-id-invoice_summary_line_items .view-content .views-row .views-field .views-label,
.view-display-id-from_oktopro_invoice_summary_line_items .view-content .views-row .views-field .views-label,
.view-display-id-block_summary_outcome_dealer_invoice_block .view-content .views-row .views-field .views-label,
.view-display-id-block_summary_outcome_dealer_invoice_mc .view-content .views-row .views-field .views-label,
.view-display-id-invoice_summary_line_items_dealer .view-content .views-row .views-field .views-label {
  font-weight: 700;
  font-size: 10px;
  line-height: 20px;
  color: #000000;
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  width: 100%;
  white-space: nowrap;
  text-align: center;
}
.view-display-id-invoice_summary_line_items .view-content .views-row .views-field .field-content,
.view-display-id-from_oktopro_invoice_summary_line_items .view-content .views-row .views-field .field-content,
.view-display-id-block_summary_outcome_dealer_invoice_block .view-content .views-row .views-field .field-content,
.view-display-id-block_summary_outcome_dealer_invoice_mc .view-content .views-row .views-field .field-content,
.view-display-id-invoice_summary_line_items_dealer .view-content .views-row .views-field .field-content {
  padding: 8px;
  text-align: center;
  font-size: 11px;
  word-break: auto-phrase;
}
.view-display-id-invoice_summary_line_items .view-content .views-row .views-field .field-content .material-icons,
.view-display-id-from_oktopro_invoice_summary_line_items .view-content .views-row .views-field .field-content .material-icons,
.view-display-id-block_summary_outcome_dealer_invoice_block .view-content .views-row .views-field .field-content .material-icons,
.view-display-id-block_summary_outcome_dealer_invoice_mc .view-content .views-row .views-field .field-content .material-icons,
.view-display-id-invoice_summary_line_items_dealer .view-content .views-row .views-field .field-content .material-icons {
  display: none;
}
.view-display-id-invoice_summary_line_items .view-content .views-row:not(:first-child) .views-label,
.view-display-id-from_oktopro_invoice_summary_line_items .view-content .views-row:not(:first-child) .views-label,
.view-display-id-block_summary_outcome_dealer_invoice_block .view-content .views-row:not(:first-child) .views-label,
.view-display-id-block_summary_outcome_dealer_invoice_mc .view-content .views-row:not(:first-child) .views-label,
.view-display-id-invoice_summary_line_items_dealer .view-content .views-row:not(:first-child) .views-label {
  display: none;
}

.view-display-id-block_summary_outcome_dealer_invoice_block .view-content .views-row,
.view-display-id-block_summary_outcome_dealer_invoice_mc .view-content .views-row,
.view-display-id-invoice_summary_line_items_dealer .view-content .views-row {
  padding: 5px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
  margin-bottom: 10px;
}

.view-fa-non-platform-indicators .view-filters .views-label {
  width: 100%;
  text-align: center;
}

.o-record-fa-non-platform-indicator-record-add-fa-non-platform-indicator-record-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 45vh;
}
.o-record-fa-non-platform-indicator-record-add-fa-non-platform-indicator-record-form .field--name-field-data-series .select-wrapper:after {
  right: 48px;
}
.o-record-fa-non-platform-indicator-record-add-fa-non-platform-indicator-record-form .field--name-field-amount .form-item {
  display: flex;
  flex-direction: column;
}

.view-display-id-invoice_summary_line_items .view-content .views-row {
  grid-template-columns: repeat(7, 1fr);
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
@page {
  margin: 20mm;
}
body {
  font-family: "Source Sans Pro", "Helvetica", "Arial", "sans-serif";
}

.page {
  width: unset;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps {
  margin: 25px 0;
}
.page .o-task-checklist-pdf-processing-form .real-title {
  display: none;
}
.page .o-task-checklist-pdf-processing-form fieldset {
  border: unset;
  padding: 0;
}
.page .o-task-checklist-pdf-processing-form .field--name-name {
  visibility: hidden;
}
.page .o-task-checklist-pdf-processing-form .oktopro-pdf-pre-print-selector {
  width: 31px;
  height: 31px;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px;
  background: #FFFFFF;
  border: 2px solid #ADAEB3;
  border-radius: 3px;
  position: relative;
}
.page .o-task-checklist-pdf-processing-form .oktopro-pdf-pre-print-selector:checked {
  background-color: #FFFFFF;
}
.page .o-task-checklist-pdf-processing-form .oktopro-pdf-pre-print-selector:checked:before {
  content: " ";
  background-image: url(/themes/custom/oktopro/images/vector.png);
  color: #1F4894;
  padding: initial;
  font-size: 18px;
  position: absolute;
  top: 1px;
  right: -5px;
  width: 36px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.page .o-task-checklist-pdf-processing-form .oktopro-pdf-pre-print-selector.disabled-checkbox {
  background-color: dimgrey;
}
.page .o-task-checklist-pdf-processing-form .oktopro-pdf-pre-print-selector.hide-checkbox {
  display: none;
}
.page .o-task-checklist-pdf-processing-form .field-group-details > .oktopro-pdf-pre-print-selector {
  display: none;
}
.page .o-task-checklist-pdf-processing-form .view-company-information {
  display: flex;
  flex-direction: column;
  max-width: fit-content;
}
.page .o-task-checklist-pdf-processing-form .view-company-information > .oktopro-pdf-pre-print-selector {
  margin-left: auto;
}
.page .o-task-checklist-pdf-processing-form .view-company-information .view-content .views-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.page .o-task-checklist-pdf-processing-form .view-company-information .view-content .views-row .views-field-fieldset-1 {
  margin-right: 30px;
}
.page .o-task-checklist-pdf-processing-form .view-company-information .view-content .views-row .views-field-fieldset .views-field-title {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 14px;
  color: #585858;
}
.page .o-task-checklist-pdf-processing-form .view-company-information .view-content .views-row .views-field-fieldset .views-field-field-o-vat,
.page .o-task-checklist-pdf-processing-form .view-company-information .view-content .views-row .views-field-fieldset .street-address,
.page .o-task-checklist-pdf-processing-form .view-company-information .view-content .views-row .views-field-fieldset .city-address {
  margin-bottom: 5px;
  color: #585858;
  font-weight: 400;
  font-size: 16px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview {
  margin: 35px 0 45px 0;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-name {
  margin: 35px 0;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-name .field-content {
  font-size: 24px;
  font-weight: 700;
  color: #585858;
  text-transform: uppercase;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset {
  margin: 40px 0;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-related-project,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-field-project-number,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-related-contract,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-related-project > .oktopro-pdf-pre-print-selector,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-field-project-number > .oktopro-pdf-pre-print-selector,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-related-contract > .oktopro-pdf-pre-print-selector,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-title > .oktopro-pdf-pre-print-selector {
  position: absolute;
  right: -36px;
  top: -9px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-related-project .views-label,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-field-project-number .views-label,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-related-contract .views-label,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-title .views-label {
  font-family: "Source Sans Pro", sans-serif;
  color: #585858;
  font-weight: 700;
  font-size: 16px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-related-project .field-content,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-field-project-number .field-content,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-related-contract .field-content,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset .left-side .views-field-title .field-content {
  margin-top: 10px;
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  color: #585858;
  font-weight: 400;
  font-size: 16px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 {
  margin-right: 5px;
  min-width: 410px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper {
  display: flex;
  flex-direction: column;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-created,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-field-completed-date,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-field-project-status,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-oktopro-pdf-current-date {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-created .views-label,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-field-completed-date .views-label,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-field-project-status .views-label,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-oktopro-pdf-current-date .views-label {
  font-weight: 700;
  color: #585858;
  font-size: 14px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-created .field-content,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-field-completed-date .field-content,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-field-project-status .field-content,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-2 .contract-status-wrapper .views-field-oktopro-pdf-current-date .field-content {
  font-weight: 400;
  color: #585858;
  font-size: 14px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id {
  margin-right: 25px;
  width: 100%;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article {
  margin: 0 15px 10px 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .user-info-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 14px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .user-info-wrapper .contact-user-info {
  margin-right: 3px;
  color: #000000;
  font-weight: 700;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--name-field-user-title,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--name-field-mobile-phone,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--type-email {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0 5px 5px 0;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--name-field-user-title .field--label,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--name-field-mobile-phone .field--label,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--type-email .field--label {
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  color: #585858;
  font-weight: 500;
  padding: 0;
  margin-right: 2px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--name-field-user-title .field--item,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--name-field-mobile-phone .field--item,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--type-email .field--item {
  font-size: 14px;
  font-family: "Source Sans Pro", sans-serif;
  color: #585858;
  font-weight: 400;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--type-email .field--label {
  width: 45px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .name-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  color: #585858;
  font-weight: 400;
  font-size: 14px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .name-wrapper .field--name-field-first-name {
  margin-right: 5px;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--name-field-user-title,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .field--name-field-mobile-phone,
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1 .right-side .views-field-fieldset-3 .views-field-performers-target-id .field-content article .name-wrapper {
  margin: 0 5px 5px 0;
}
.page .o-task-checklist-pdf-processing-form .view-oktopro-tasks-overview .views-field-fieldset-1.hide-checklist-details {
  display: none;
}
.page .o-task-checklist-pdf-processing-form .field-group-html-element.three-in-greep {
  display: none;
}
.page .o-task-checklist-pdf-processing-form h2,
.page .o-task-checklist-pdf-processing-form .field--name-field-title,
.page .o-task-checklist-pdf-processing-form .field--label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px;
  margin: 0;
  border: unset;
  font-size: 14px;
  font-weight: 700;
  color: #585858;
  font-family: "Source Sans Pro", sans-serif;
}
.page .o-task-checklist-pdf-processing-form .field--name-field-steps .panel-default {
  margin: 15px 0;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps > .panel-heading {
  background-color: unset;
  border: unset;
  flex-direction: row;
  font-size: 14px;
  margin-bottom: 20px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps > .panel-heading > .panel-title {
  font-weight: 700;
  color: #585858;
  font-family: "Source Sans Pro", sans-serif;
  text-decoration: unset;
  font-size: 24px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps > .panel-body {
  border: unset !important;
  padding: unset !important;
  margin: unset !important;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default {
  border: unset;
  background-color: #FFFFFF;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .btn-danger {
  display: none;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 2px solid #E6E6E6;
  border-radius: 16px 16px 0 0;
  background-color: #E6E6E6;
  flex-direction: row-reverse;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .panel-heading .oktopro-pdf-pre-print-selector {
  right: 8px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .panel-heading .panel-title {
  padding: 5px 0 0 31px;
  margin-right: auto;
  border: unset;
  font-size: 24px;
  font-weight: 700;
  color: #585858;
  font-family: "Source Sans Pro", sans-serif;
  text-decoration: unset;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .panel__title {
  display: none;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .panel-body {
  border: 2px solid #E6E6E6;
  background-color: #FFFFFF;
  border-radius: unset;
  padding: 8px 16px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper {
  margin-bottom: 12px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .oktopro-pdf-pre-print-selector {
  margin: 0 8px 0 0;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-comment > .oktopro-pdf-pre-print-selector,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-description > .oktopro-pdf-pre-print-selector {
  position: absolute;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-comment > .oktopro-pdf-pre-print-selector,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-description > .oktopro-pdf-pre-print-selector {
  position: absolute;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-comment p,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-description p {
  margin-top: 0;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .comment-wrapper {
  border: 2px solid #E6E6E6;
  padding: 8px 10px 15px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .comment-wrapper .field--name-field-comment {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 400;
  color: #585858;
  width: 100%;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-task-visualization,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .oktopro-colorbox-files-widget,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-attachments {
  padding-left: 5px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-task-visualization .field--items,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .oktopro-colorbox-files-widget .field--items,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-attachments .field--items {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
  max-width: max-content;
  grid-gap: 10px;
  grid-column-gap: 11px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-task-visualization .field--item,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .oktopro-colorbox-files-widget .field--item,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-attachments .field--item {
  position: relative;
  margin-right: 5px;
  max-width: max-content;
  display: block;
  grid-gap: 10px;
  page-break-before: always !important;
  page-break-after: always !important;
  page-break-inside: avoid !important;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-task-visualization .field--item image,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .oktopro-colorbox-files-widget .field--item image,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-attachments .field--item image {
  display: block;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-task-visualization .field--item .oktopro-pdf-pre-print-selector,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .oktopro-colorbox-files-widget .field--item .oktopro-pdf-pre-print-selector,
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-attachments .field--item .oktopro-pdf-pre-print-selector {
  position: absolute;
  right: -1px;
  top: 6px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-attachments {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-attachments .oktopro-file {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 65px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-attachments .oktopro-file a {
  display: block;
  height: 55px;
  margin-right: 49px;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .oktopro-colorbox-files-widget > .oktopro-pdf-pre-print-selector {
  display: none;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-is-performed {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: fit-content;
  position: relative;
  margin-bottom: 10px;
  margin-left: 25px;
  page-break-inside: avoid !important;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-is-performed label {
  font-weight: 700;
  font-size: 18px;
  color: #585858;
  font-family: "Source Sans Pro", sans-serif;
  position: relative;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-is-performed label input {
  display: none;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-is-performed.hide-performed-option {
  display: none;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-is-performed:before {
  content: " ";
  width: 16px;
  height: 16px;
  background-color: #585858;
  border-radius: 50%;
  position: absolute;
  left: -29px;
  top: 2px;
  z-index: 10;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-is-performed.hide-bullet {
  margin-left: 0;
}
.page .o-task-checklist-pdf-processing-form .group-of-steps.panel-default .field--name-field-steps .panel-default .outcome-default--wrapper .field--name-field-is-performed.hide-bullet:before {
  display: none;
}
.page .o-task-checklist-pdf-processing-form .panel-title {
  font-weight: 700;
  color: #585858;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 18px;
  text-decoration: unset;
}
.page .o-task-checklist-pdf-processing-form .form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page .o-task-checklist-pdf-processing-form .form-actions .oktopro-btn-print-pdf,
.page .o-task-checklist-pdf-processing-form .form-actions .oktopro-download-checklist-pdf {
  background-color: #3274D6;
  padding: 15px 25px;
  text-decoration: unset;
  max-width: 160px;
  text-decoration: unset;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.page .o-task-checklist-pdf-processing-form .form-actions .oktopro-btn-download-pdf,
.page .o-task-checklist-pdf-processing-form .form-actions .oktopro-download-checklist-pdf {
  display: none;
  width: 0;
  padding: 0;
  margin: 0;
}
.page .o-task-checklist-pdf-processing-form .loader {
  width: 25px;
  height: 25px;
  border: 3px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-left: 10px;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
/* Suspension Overview page */
body[class*=page-manager-page-view-suspensions-overview-suspensions-overview-panels-variant].modal-open {
  overflow: initial;
}
body[class*=page-manager-page-view-suspensions-overview-suspensions-overview-panels-variant] .suspension-add-record-popup .modal-header {
  text-align: center;
}
body[class*=page-manager-page-view-suspensions-overview-suspensions-overview-panels-variant] .suspension-add-record-popup .modal-footer {
  border: none;
}
body[class*=page-manager-page-view-suspensions-overview-suspensions-overview-panels-variant] .suspension-add-record-popup .modal-footer .modal-buttons {
  display: flex;
  justify-content: space-around;
}
body[class*=page-manager-page-view-suspensions-overview-suspensions-overview-panels-variant] .suspension-add-record-popup .modal-footer .modal-buttons button {
  width: 40%;
}

/* Add Record form */
form.o-suspension-form.add-log-record .short-info {
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  padding: 15px 5px;
}
form.o-suspension-form.add-log-record .field--name-records {
  margin-top: 20px;
}
form.o-suspension-form.add-log-record .field--name-records .field--widget-oktopro-suspension-record-type-options-buttons {
  padding: 10px 0;
}
form.o-suspension-form.add-log-record .field--name-records .field--widget-oktopro-suspension-record-type-options-buttons fieldset legend {
  width: fit-content;
  float: left;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  border: none;
  line-height: 20px;
}
form.o-suspension-form.add-log-record .field--name-records .field--widget-oktopro-suspension-record-type-options-buttons fieldset legend:after {
  content: ":";
}
form.o-suspension-form.add-log-record .field--name-records .field--widget-oktopro-suspension-record-type-options-buttons fieldset .fieldset-wrapper {
  float: left;
  min-width: 180px;
}
form.o-suspension-form.add-log-record .field--name-records .field--widget-oktopro-suspension-record-type-options-buttons fieldset .fieldset-wrapper > div {
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: space-evenly;
}
form.o-suspension-form.add-log-record .field--name-records .field--widget-oktopro-suspension-record-type-options-buttons fieldset .fieldset-wrapper > div .radio {
  margin: 0;
}
form.o-suspension-form.add-log-record .field--name-records .field--widget-oktopro-suspension-record-type-options-buttons fieldset .fieldset-wrapper > div .radio label {
  line-height: 20px;
}

.view.view-oktopro-suspensions .view-content .footable-first-visible > * {
  display: inline-block;
  vertical-align: middle;
}
.view.view-oktopro-suspensions .view-content .operations-wrapper {
  display: flex;
  justify-content: center;
}
.view.view-oktopro-suspensions .view-content .operations-wrapper a, .view.view-oktopro-suspensions .view-content .operations-wrapper span,
.view.view-oktopro-suspensions .view-content .operations-wrapper a.edit-form {
  cursor: pointer;
  color: #666;
  font-size: 0;
  margin: 2px;
  position: relative;
}
.view.view-oktopro-suspensions .view-content .operations-wrapper a i, .view.view-oktopro-suspensions .view-content .operations-wrapper span i,
.view.view-oktopro-suspensions .view-content .operations-wrapper a.edit-form i {
  font-size: 21px;
}
.view.view-oktopro-suspensions .view-content .operations-wrapper a .ajax-throbber, .view.view-oktopro-suspensions .view-content .operations-wrapper span .ajax-throbber,
.view.view-oktopro-suspensions .view-content .operations-wrapper a.edit-form .ajax-throbber {
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  margin: 0;
  font-size: 20px;
  background: inherit;
}
.view.view-oktopro-suspensions .view-content .operations-wrapper a.delete-form, .view.view-oktopro-suspensions .view-content .operations-wrapper span.delete-form,
.view.view-oktopro-suspensions .view-content .operations-wrapper a.edit-form.delete-form {
  color: #D81E1E;
}
.view.view-oktopro-suspensions .view-content .operations-wrapper a.mark-as-dubious-link i, .view.view-oktopro-suspensions .view-content .operations-wrapper span.mark-as-dubious-link i,
.view.view-oktopro-suspensions .view-content .operations-wrapper a.edit-form.mark-as-dubious-link i {
  font-size: 13px;
  vertical-align: middle;
  line-height: 20px;
}
.view.view-oktopro-suspensions .view-content .operations-wrapper a.mark-as-dubious-link.dummy-link, .view.view-oktopro-suspensions .view-content .operations-wrapper span.mark-as-dubious-link.dummy-link,
.view.view-oktopro-suspensions .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.dummy-link {
  cursor: default;
}
.view.view-oktopro-suspensions .view-content .operations-wrapper a.mark-as-dubious-link.is-dubious, .view.view-oktopro-suspensions .view-content .operations-wrapper span.mark-as-dubious-link.is-dubious,
.view.view-oktopro-suspensions .view-content .operations-wrapper a.edit-form.mark-as-dubious-link.is-dubious {
  color: #D81E1E;
}
.view.view-oktopro-suspensions .view-content .views-field-operations .links {
  display: flex;
}
.view.view-oktopro-suspensions .view-content .table > thead > tr > th,
.view.view-oktopro-suspensions .view-content .table > thead > tr > td,
.view.view-oktopro-suspensions .view-content .table > tbody > tr > th,
.view.view-oktopro-suspensions .view-content .table > tbody > tr > td,
.view.view-oktopro-suspensions .view-content .table > tfoot > tr > th,
.view.view-oktopro-suspensions .view-content .table > tfoot > tr > td {
  vertical-align: middle;
}
.view.view-oktopro-suspensions .view-content .table > thead > tr.published-0,
.view.view-oktopro-suspensions .view-content .table > tbody > tr.published-0,
.view.view-oktopro-suspensions .view-content .table > tfoot > tr.published-0 {
  filter: opacity(0.5);
}
.view.view-oktopro-suspensions .view-content .table.table-striped:not(.footable-details) > tbody > tr:nth-child(even) {
  background-color: #f4f4f4;
}
.view.view-oktopro-suspensions .view-content .table tr.not-read-log .suspension-records-link {
  position: relative;
}
.view.view-oktopro-suspensions .view-content .table tr.not-read-log .suspension-records-link:after {
  position: absolute;
  content: " ";
  display: block;
  width: 5px;
  height: 5px;
  background: #D81E1E;
  border-radius: 100%;
  top: -2px;
  right: -2px;
}
.view.view-oktopro-suspensions .view-content .field--name-field-attachments .field--label {
  display: none;
}
.view.view-oktopro-suspensions .view-content .field--name-field-attachments.field--items, .view.view-oktopro-suspensions .view-content .field--name-field-attachments .field--items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 20px;
}
.view.view-oktopro-suspensions .view-content .field--name-field-attachments.field--items > *, .view.view-oktopro-suspensions .view-content .field--name-field-attachments .field--items > * {
  padding: 10px;
}
.view.view-oktopro-suspensions .more-link {
  display: flex;
}
.view.view-oktopro-suspensions .more-link a {
  color: initial;
  text-decoration: none;
}
.view.view-oktopro-suspensions .more-link a:hover {
  text-decoration: underline;
}
.view.view-oktopro-suspensions .more-link:after {
  font-family: "Material Icons";
  content: "double_arrow";
}

.view.view-oktopro-organisations.view-display-id-susp_org_new_embed .more-link, .view.view-oktopro-organisations.view-display-id-susp_org_warning_embed .more-link, .view.view-oktopro-organisations.view-display-id-susp_org_light_embed .more-link {
  display: flex;
}
.view.view-oktopro-organisations.view-display-id-susp_org_new_embed .more-link a, .view.view-oktopro-organisations.view-display-id-susp_org_warning_embed .more-link a, .view.view-oktopro-organisations.view-display-id-susp_org_light_embed .more-link a {
  color: initial;
  text-decoration: none;
}
.view.view-oktopro-organisations.view-display-id-susp_org_new_embed .more-link a:hover, .view.view-oktopro-organisations.view-display-id-susp_org_warning_embed .more-link a:hover, .view.view-oktopro-organisations.view-display-id-susp_org_light_embed .more-link a:hover {
  text-decoration: underline;
}
.view.view-oktopro-organisations.view-display-id-susp_org_new_embed .more-link:after, .view.view-oktopro-organisations.view-display-id-susp_org_warning_embed .more-link:after, .view.view-oktopro-organisations.view-display-id-susp_org_light_embed .more-link:after {
  font-family: "Material Icons";
  content: "double_arrow";
}

.oktopro-suspension-status-inplace-change .select-wrapper {
  width: 120px;
}
.oktopro-suspension-status-inplace-change .select-wrapper select {
  height: 35px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.oktopro-suspension-status-inplace-change .select-wrapper:after {
  font-family: "Material Icons";
  content: "edit";
  font-size: 16px;
}
.oktopro-suspension-status-inplace-change .select-wrapper .ajax-throbber {
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: -0.5em;
  pointer-events: none;
  position: absolute;
  right: -25px;
  top: 50%;
  z-index: 10;
  font-size: 20px;
}

.field-timer-jquery-countdown {
  font-size: 16px;
  text-transform: uppercase;
  padding: 2px;
  background: none;
  border: none;
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
h2.organisation {
  text-decoration: none;
  text-align: right;
  font-size: 36px;
  margin-bottom: 100px;
  color: #0F2856;
  font-weight: normal;
  margin-top: 0;
}

table.organisation-dealers-pdf-list {
  width: 100%;
}
table.organisation-dealers-pdf-list tr.related-organisation td.left-side {
  vertical-align: top;
  text-align: left;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 160%;
  padding: 10px;
  color: #000000;
  font-family: sans-serif;
  width: 160px;
}
table.organisation-dealers-pdf-list tr.related-organisation td.left-side .organisation-logo {
  margin-bottom: 20px;
}
table.organisation-dealers-pdf-list tr.related-organisation td.left-side .organisation-logo .field img {
  width: auto;
  height: auto;
  max-height: 130px;
  max-width: 130px;
  display: block;
}
table.organisation-dealers-pdf-list tr.related-organisation td.left-side ul.specializations-list {
  list-style: none;
  display: block;
  padding: 0;
  margin: 5px 0 0;
}
table.organisation-dealers-pdf-list tr.related-organisation td.left-side ul.specializations-list li {
  border-radius: 12px;
  display: block;
  margin: 0 0 5px;
  padding: 0 8px;
  height: 25px;
  line-height: 20px;
  max-width: 70%;
}
table.organisation-dealers-pdf-list tr.related-organisation td.left-side ul.specializations-list li img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  vertical-align: text-bottom;
}
table.organisation-dealers-pdf-list tr.related-organisation td.left-side ul.specializations-list li .spec-label {
  text-transform: uppercase;
  color: #6D6D6D;
  font-size: 9px;
  font-weight: bold;
  display: inline-block;
  vertical-align: baseline;
  line-height: 9px;
}
table.organisation-dealers-pdf-list tr.related-organisation td.right-side {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  padding: 10px;
  color: #000000;
  font-family: sans-serif;
}
table.organisation-dealers-pdf-list tr.related-organisation td.right-side table.info-table {
  width: 100%;
}
table.organisation-dealers-pdf-list tr.related-organisation td.right-side table.info-table .relation-data-label {
  font-size: 30px;
  color: #0F2856;
  margin-bottom: 20px;
}
table.organisation-dealers-pdf-list tr.related-organisation td.right-side table.info-table .relation-data-label a, table.organisation-dealers-pdf-list tr.related-organisation td.right-side table.info-table .relation-data-label span {
  color: #0F2856;
  text-decoration: none;
}
table.organisation-dealers-pdf-list tr.related-organisation td.right-side table.info-table tr.info-row {
  width: 100%;
}
table.organisation-dealers-pdf-list tr.related-organisation td.right-side table.info-table tr.info-row td.info-column {
  padding-bottom: 15px;
}
table.organisation-dealers-pdf-list tr.related-organisation td.right-side table.info-table tr.info-row td.info-column:first-child {
  width: 60%;
}
table.organisation-dealers-pdf-list tr.related-organisation td.right-side table.info-table tr.info-row .field-label {
  color: #6D6D6D;
  font-size: 20px;
}
table.organisation-dealers-pdf-list tr.related-organisation td.right-side table.info-table tr.info-row .field a {
  color: #0B75D9;
  text-decoration: none;
}
table.organisation-dealers-pdf-list tr.horizontal-line:last-child {
  display: none;
}
table.organisation-dealers-pdf-list tr.horizontal-line td div {
  height: 1px;
  background: #E5E5E5;
  margin-bottom: 25px;
  margin-top: 10px;
}
table.organisation-dealers-pdf-list tr.horizontal-line td:last-child div {
  width: 85%;
}

table.printable-footer {
  width: 100%;
  table-layout: fixed;
  position: absolute;
  bottom: 15px;
}
table.printable-footer tr td p {
  text-align: center;
  font-size: 12px;
  padding: 0;
  margin: 0;
  color: #6D6D6D;
}

.field--widget-oktopro-specializations-settings-field-widget > .form-composite > .panel-body {
  padding: 0;
}
.field--widget-oktopro-specializations-settings-field-widget .single-element-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.field--widget-oktopro-specializations-settings-field-widget .single-element-wrapper:nth-child(odd) {
  background-color: #fbfbfb;
}
.field--widget-oktopro-specializations-settings-field-widget .single-element-wrapper .form-group {
  margin-bottom: 0;
}
.field--widget-oktopro-specializations-settings-field-widget .single-element-wrapper .form-type-checkbox {
  margin-right: 15px;
  flex: 1;
}
.field--widget-oktopro-specializations-settings-field-widget .single-element-wrapper .relations-wrapper {
  flex: 2;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 10px;
}
.field--widget-oktopro-specializations-settings-field-widget .single-element-wrapper .relations-wrapper .form-item input {
  height: 34px;
}
.field--widget-oktopro-specializations-settings-field-widget .single-element-wrapper .form-item.specialisation-type-in-paragraph legend {
  display: none;
}
.field--widget-oktopro-specializations-settings-field-widget .single-element-wrapper .form-item.specialisation-type-in-paragraph .form-item.form-type-radio {
  margin: 0;
}

.company-info-body .dealers-tab .paragraph:not(:last-child) {
  border-bottom: 1px solid #f9f3f3;
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
.proof-reading-form-popup ul.shs,
.views-field ul.shs {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.view.view-oktopro-codes-overview .view-content .footable-first-visible > * {
  display: inline-block;
  vertical-align: middle;
}
.view.view-oktopro-codes-overview .view-content .footable-first-visible > *:not(:first-child) {
  width: calc(100% - 30px);
}
.view.view-oktopro-codes-overview .view-content .operations-wrapper {
  display: flex;
  justify-content: center;
}
.view.view-oktopro-codes-overview .view-content .operations-wrapper a, .view.view-oktopro-codes-overview .view-content .operations-wrapper span,
.view.view-oktopro-codes-overview .view-content .operations-wrapper a.edit-form {
  cursor: pointer;
  color: #666;
  font-size: 0;
  margin: 2px;
  position: relative;
}
.view.view-oktopro-codes-overview .view-content .operations-wrapper a i, .view.view-oktopro-codes-overview .view-content .operations-wrapper span i,
.view.view-oktopro-codes-overview .view-content .operations-wrapper a.edit-form i {
  font-size: 21px;
}
.view.view-oktopro-codes-overview .view-content .operations-wrapper a .ajax-throbber, .view.view-oktopro-codes-overview .view-content .operations-wrapper span .ajax-throbber,
.view.view-oktopro-codes-overview .view-content .operations-wrapper a.edit-form .ajax-throbber {
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  margin: 0;
  font-size: 20px;
  background: inherit;
}
.view.view-oktopro-codes-overview .view-content .views-field-operations .links {
  display: flex;
}
.view.view-oktopro-codes-overview .view-content .table > thead > tr > th,
.view.view-oktopro-codes-overview .view-content .table > thead > tr > td,
.view.view-oktopro-codes-overview .view-content .table > tbody > tr > th,
.view.view-oktopro-codes-overview .view-content .table > tbody > tr > td,
.view.view-oktopro-codes-overview .view-content .table > tfoot > tr > th,
.view.view-oktopro-codes-overview .view-content .table > tfoot > tr > td {
  vertical-align: middle;
}
.view.view-oktopro-codes-overview .view-content .table > thead > tr.published-0,
.view.view-oktopro-codes-overview .view-content .table > tbody > tr.published-0,
.view.view-oktopro-codes-overview .view-content .table > tfoot > tr.published-0 {
  filter: opacity(0.5);
}
.view.view-oktopro-codes-overview .view-content .table.table-striped:not(.footable-details) > tbody > tr:nth-child(even) {
  background-color: #f4f4f4;
}
.view.view-oktopro-codes-overview .view-content .table tr.not-read-log .proof-reading-records-link {
  position: relative;
}
.view.view-oktopro-codes-overview .view-content .table tr.not-read-log .proof-reading-records-link:after {
  position: absolute;
  content: " ";
  display: block;
  width: 5px;
  height: 5px;
  background: #D81E1E;
  border-radius: 100%;
  top: -2px;
  right: -2px;
}
.view.view-oktopro-codes-overview .view-content .field--name-field-attachments .field--label {
  display: none;
}
.view.view-oktopro-codes-overview .view-content .field--name-field-attachments.field--items, .view.view-oktopro-codes-overview .view-content .field--name-field-attachments .field--items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 20px;
}
.view.view-oktopro-codes-overview .view-content .field--name-field-attachments.field--items > *, .view.view-oktopro-codes-overview .view-content .field--name-field-attachments .field--items > * {
  padding: 10px;
}
.view.view-oktopro-codes-overview .more-link {
  display: flex;
}
.view.view-oktopro-codes-overview .more-link a {
  color: initial;
  text-decoration: none;
}
.view.view-oktopro-codes-overview .more-link a:hover {
  text-decoration: underline;
}
.view.view-oktopro-codes-overview .more-link:after {
  font-family: "Material Icons";
  content: "double_arrow";
}

.views-field-field-catalogue hr,
.views-field-field-languages hr {
  margin: 5px 0;
  border-top: 1px dashed #d6d3d3;
}

.translations-summary {
  font-size: 12px;
  font-weight: bold;
}
.translations-summary .is-fine {
  color: #058C42;
}
.translations-summary .is-fine a {
  color: #058C42;
}
.translations-summary .proof-reading-required {
  color: #FFB60B;
}
.translations-summary .proof-reading-required a {
  color: #FFB60B;
}
.translations-summary .translation-required {
  color: #D81E1E;
}
.translations-summary .translation-required a {
  color: #D81E1E;
}

.menu-link-with-counter .bubbled-link-wrapper {
  position: relative;
}
.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter {
  position: absolute;
  top: -10px;
  right: -10px;
}
.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .proofreading-counters-wrapper {
  display: flex;
}
.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .proofreading-counters-wrapper .counter {
  border-radius: 12px;
  font-size: 11px;
  font-weight: bold;
  padding: 0 5px;
  display: block;
  background-color: #ff925f;
  color: white;
  z-index: 10;
}
.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .proofreading-counters-wrapper .counter .view.menu-counter span {
  color: white;
}
.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .proofreading-counters-wrapper .counter:not(:first-child) {
  margin-left: 2px;
}
.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .proofreading-counters-wrapper .counter.comments-counter {
  background-color: #a06565;
}

.slide-menu .menu-link-with-counter .bubbled-link-wrapper {
  display: inline-block;
}
.slide-menu .level-group.level-group-0:not(.group-active) .level-group .menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter {
  display: none;
}

.codes-proof-reading-search-form.gridded-5 .form-item-catalogue {
  grid-column-start: 2;
  grid-column-end: 5;
}

.block-proof-reading-comments-block .panel-heading {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.block-proof-reading-comments-block .panel-heading .panel-title {
  flex: 1;
}
.block-proof-reading-comments-block .panel-heading .proof-read-comments-filter-link {
  flex: 0;
  margin-right: 15px;
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
body[class*=oktopro-process-integration-task-process-pages-proceed-task].modal-open,
body[class*=page-manager-page-view-task-center].modal-open,
body[class*=page-manager-page-view-oktopro-templates-overview].modal-open {
  overflow: initial;
}

body[class*=page-manager-page-view-task-center] .page-wrapper .main-container {
  width: unset;
  max-width: 1600px;
}
body[class*=page-manager-page-view-task-center] .page-wrapper .main-container .block-region-middle {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
body[class*=page-manager-page-view-task-center] .page-wrapper .main-container .block-region-middle .block-blocktabs {
  max-width: 1170px;
  width: 100%;
}

.user-stat-data-with-quotes {
  max-width: 268px;
  margin: 174px 0 0 47px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-family: "Source Sans Pro", sans-serif;
}
.user-stat-data-with-quotes .stat-title {
  position: relative;
  width: 100%;
  font-size: 38px;
  padding: 0 18px;
  line-height: 34px;
  text-align: center;
  font-weight: 900;
  color: #65C0FA;
  display: flex;
  justify-content: center;
}
.user-stat-data-with-quotes .stat-title .span-ofd-wrapper {
  display: flex;
  flex-direction: column;
}
.user-stat-data-with-quotes .stat-title .span-ofd-wrapper .span-ofd-content {
  margin: 5px auto;
  font-size: 14px;
  font-weight: 400;
  color: #0F2856;
  background: unset;
  padding: 0;
  line-height: 17px;
}
.user-stat-data-with-quotes .stat-title .span-ofd-wrapper .span-ofd-trigger {
  position: absolute;
  right: 7px;
  top: -19px;
  padding: 0 1px 7px 10px;
}
.user-stat-data-with-quotes .stat-title .span-ofd-wrapper .span-ofd-trigger:before {
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
}
.user-stat-data-with-quotes .stat-score {
  margin: 10px auto;
  color: #0F2856;
  font-size: 36px;
  font-weight: 900;
}
.user-stat-data-with-quotes .stat-image {
  width: 100%;
  height: 268px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.user-stat-data-with-quotes .stat-quote {
  margin-top: 30px;
  text-align: center;
  color: #200370;
  font-weight: 400;
  font-size: 18px;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .user-stat-data-with-quotes {
    max-width: 180px;
    margin-top: 243px;
  }
  .user-stat-data-with-quotes .stat-title {
    font-size: 28px;
  }
  .user-stat-data-with-quotes .stat-score {
    font-size: 24px;
  }
}
@media (max-width: 1124px) {
  .user-stat-data-with-quotes {
    display: none;
  }
}

.o-task-template-form .trigger-settings-wrapper .trigger-checklist-wrapper {
  grid-column-start: 1;
  grid-column-end: none;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 991px) {
  .o-task-template-form .trigger-settings-wrapper .trigger-checklist-wrapper {
    grid-template-columns: 1fr;
  }
}
.o-task-template-form .trigger-settings-wrapper .oktopro-trigger-settings-wrapper .form-type-select {
  max-width: 250px;
  margin-right: 15px;
}
.o-task-template-form .trigger-settings-wrapper .oktopro-trigger-settings-wrapper .trigger-conditions-settings {
  display: flex;
  justify-content: flex-start;
}
@media only screen and (max-width: 991px) {
  .o-task-template-form .trigger-settings-wrapper .oktopro-trigger-settings-wrapper .trigger-conditions-settings {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 15px;
  }
}
.o-task-template-form .trigger-settings-wrapper .trigger-type-row {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 2fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 991px) {
  .o-task-template-form .trigger-settings-wrapper .trigger-type-row {
    grid-template-columns: 1fr;
  }
}
.o-task-template-form .trigger-settings-wrapper .trigger-type-row .field--name-repeat-per-organisation {
  margin-top: 4px;
}
.o-task-template-form .trigger-settings-wrapper .trigger-type-row .field--name-repeat-per-organisation label {
  display: inline-block;
}
.o-task-template-form .trigger-settings-wrapper .trigger-type-row .field--name-repeat-per-organisation input {
  font-weight: 400;
}
.o-task-template-form .trigger-settings-wrapper .template_suspension legend {
  margin-bottom: 0;
  border-bottom: unset;
}
.o-task-template-form .trigger-settings-wrapper .template_suspension legend span {
  font-weight: bold;
  font-size: 14px;
}
.o-task-template-form .trigger-settings-wrapper .form-type-duration .duration-inner-wrapper .form-type-number {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin-bottom: 0;
}
.o-task-template-form .trigger-settings-wrapper .form-type-duration .duration-inner-wrapper .form-type-number label {
  padding: 0 5px 5px 5px;
}
.o-task-template-form .trigger-settings-wrapper .form-type-duration .duration-inner-wrapper .form-type-number input {
  width: 60px;
}
.o-task-template-form .trigger-settings-wrapper .field--name-trigger__checklist .select2-selection .select2-selection__rendered {
  height: 34px;
  line-height: 34px;
}
.o-task-template-form .trigger-settings-wrapper .date-recur-modular-pi {
  padding-bottom: 20px;
}
.o-task-template-form .mt-1 {
  margin-top: 10px;
}
.o-task-template-form .parts.dates {
  display: flex;
  align-items: center;
}
.o-task-template-form .parts.dates div:first-child {
  margin-right: 5px;
}
.o-task-template-form .parts--configuration legend {
  border-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.428571429;
  color: #555555;
  margin-bottom: 0;
}
.o-task-template-form .parts--times > div {
  display: flex;
  align-items: center;
}
.o-task-template-form .parts--times label,
.o-task-template-form .parts--times .d-block {
  display: block;
}
.o-task-template-form .parts--times .time-title,
.o-task-template-form .parts--times .form-group {
  margin: 0;
}
.o-task-template-form .due-wrapper {
  display: flex;
  align-items: center;
}
.o-task-template-form .due-wrapper .field--name-is-due-date-adjustable {
  margin-left: 50px;
}
.o-task-template-form .field--name-field-checklist-description.field--widget-entity-reference-paragraphs .paragraph-type-title,
.o-task-template-form .field--name-field-group-description.field--widget-entity-reference-paragraphs .paragraph-type-title {
  font-weight: bold;
}
.o-task-template-form .field--name-field-checklist-description.field--widget-entity-reference-paragraphs .paragraph-type-title::after,
.o-task-template-form .field--name-field-group-description.field--widget-entity-reference-paragraphs .paragraph-type-title::after {
  content: ":";
}

form.o-task-checklist-processing-form .form-group.information .view .views-row {
  display: flex;
}
form.o-task-checklist-processing-form .form-group.information .view .views-row > .views-field {
  flex: 1 1;
  padding: 15px;
}
form.o-task-checklist-processing-form .form-group.information .view .views-row > .views-field .views-label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  margin-right: 5px;
  font-weight: bold;
}
form.o-task-checklist-processing-form .form-group.information .view .views-row > .views-field .field-content {
  display: inline-block;
}
form.o-task-checklist-processing-form .form-group:empty {
  display: none;
}
form.o-task-checklist-processing-form .field--widget-oktopro-checklist-item-mark-completed {
  text-align: center;
}
form.o-task-checklist-processing-form .field--widget-oktopro-checklist-item-mark-completed .marked-completed {
  padding: 10px;
  border: 1px dashed #058C42;
  display: inline-block;
  border-radius: 7px;
  color: #058C42;
  font-weight: bold;
}
form.o-task-checklist-processing-form > .form-actions {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}
form.o-task-checklist-processing-form > .form-actions button {
  margin: 0;
}
form.o-task-checklist-processing-form .field--name-field-due-date-extensions h3,
form.o-task-checklist-processing-form .field--name-field-score-record-extensions h3 {
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  font-weight: bold;
}
form.o-task-checklist-processing-form .due-date-extension-info-wrapper,
form.o-task-checklist-processing-form .author-date-created-wrapper {
  display: flex;
}
form.o-task-checklist-processing-form .due-date-extension-info-wrapper .field--name-field-due-date,
form.o-task-checklist-processing-form .due-date-extension-info-wrapper .field--name-created,
form.o-task-checklist-processing-form .author-date-created-wrapper .field--name-field-due-date,
form.o-task-checklist-processing-form .author-date-created-wrapper .field--name-created {
  margin-right: 10px;
}
form.o-task-checklist-processing-form .illustrate-task .items-package {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 20px;
}

.view.view-oktopro-tasks-overview .view-content .footable-first-visible > *,
.view.view-oktopro-task-templates-overview .view-content .footable-first-visible > * {
  display: inline-block;
  vertical-align: middle;
}
.view.view-oktopro-tasks-overview .view-content tr.status-Draft,
.view.view-oktopro-task-templates-overview .view-content tr.status-Draft {
  background-color: lightyellow;
}
.view.view-oktopro-tasks-overview .view-content .views-field-field-steps ol li,
.view.view-oktopro-tasks-overview .view-content .views-field-field-task-items ol li,
.view.view-oktopro-task-templates-overview .view-content .views-field-field-steps ol li,
.view.view-oktopro-task-templates-overview .view-content .views-field-field-task-items ol li {
  margin-bottom: 20px;
}
.view.view-oktopro-tasks-overview .view-content .views-field-field-steps ol li::marker,
.view.view-oktopro-tasks-overview .view-content .views-field-field-task-items ol li::marker,
.view.view-oktopro-task-templates-overview .view-content .views-field-field-steps ol li::marker,
.view.view-oktopro-task-templates-overview .view-content .views-field-field-task-items ol li::marker {
  font-weight: bold;
  font-size: larger;
}
.view.view-oktopro-tasks-overview .view-content .views-field-field-steps ol li:not(:last-child),
.view.view-oktopro-tasks-overview .view-content .views-field-field-task-items ol li:not(:last-child),
.view.view-oktopro-task-templates-overview .view-content .views-field-field-steps ol li:not(:last-child),
.view.view-oktopro-task-templates-overview .view-content .views-field-field-task-items ol li:not(:last-child) {
  border-bottom: 1px dotted #ddd;
}
.view.view-oktopro-tasks-overview .view-content .operations-wrapper,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper {
  display: flex;
  justify-content: center;
}
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a, .view.view-oktopro-tasks-overview .view-content .operations-wrapper span,
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a.edit-form,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper span,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a.edit-form {
  cursor: pointer;
  color: #666;
  font-size: 0;
  margin: 2px;
  position: relative;
}
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a i, .view.view-oktopro-tasks-overview .view-content .operations-wrapper span i,
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a.edit-form i,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a i,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper span i,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a.edit-form i {
  font-size: 21px;
}
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a .ajax-throbber, .view.view-oktopro-tasks-overview .view-content .operations-wrapper span .ajax-throbber,
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a.edit-form .ajax-throbber,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a .ajax-throbber,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper span .ajax-throbber,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a.edit-form .ajax-throbber {
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  margin: 0;
  font-size: 20px;
  background: inherit;
}
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a.edit-task-template-generate-task-link, .view.view-oktopro-tasks-overview .view-content .operations-wrapper span.edit-task-template-generate-task-link,
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a.edit-form.edit-task-template-generate-task-link,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a.edit-task-template-generate-task-link,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper span.edit-task-template-generate-task-link,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a.edit-form.edit-task-template-generate-task-link {
  color: #058C42;
}
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a.delete-form, .view.view-oktopro-tasks-overview .view-content .operations-wrapper span.delete-form,
.view.view-oktopro-tasks-overview .view-content .operations-wrapper a.edit-form.delete-form,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a.delete-form,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper span.delete-form,
.view.view-oktopro-task-templates-overview .view-content .operations-wrapper a.edit-form.delete-form {
  color: #D81E1E;
}
.view.view-oktopro-tasks-overview .view-content .views-field-operations .links,
.view.view-oktopro-task-templates-overview .view-content .views-field-operations .links {
  display: flex;
}
.view.view-oktopro-tasks-overview .view-content .table > thead > tr > th,
.view.view-oktopro-tasks-overview .view-content .table > thead > tr > td,
.view.view-oktopro-tasks-overview .view-content .table > tbody > tr > th,
.view.view-oktopro-tasks-overview .view-content .table > tbody > tr > td,
.view.view-oktopro-tasks-overview .view-content .table > tfoot > tr > th,
.view.view-oktopro-tasks-overview .view-content .table > tfoot > tr > td,
.view.view-oktopro-task-templates-overview .view-content .table > thead > tr > th,
.view.view-oktopro-task-templates-overview .view-content .table > thead > tr > td,
.view.view-oktopro-task-templates-overview .view-content .table > tbody > tr > th,
.view.view-oktopro-task-templates-overview .view-content .table > tbody > tr > td,
.view.view-oktopro-task-templates-overview .view-content .table > tfoot > tr > th,
.view.view-oktopro-task-templates-overview .view-content .table > tfoot > tr > td {
  vertical-align: middle;
}
.view.view-oktopro-tasks-overview .view-content .table > thead > tr.published-0,
.view.view-oktopro-tasks-overview .view-content .table > tbody > tr.published-0,
.view.view-oktopro-tasks-overview .view-content .table > tfoot > tr.published-0,
.view.view-oktopro-task-templates-overview .view-content .table > thead > tr.published-0,
.view.view-oktopro-task-templates-overview .view-content .table > tbody > tr.published-0,
.view.view-oktopro-task-templates-overview .view-content .table > tfoot > tr.published-0 {
  filter: opacity(0.5);
}
.view.view-oktopro-tasks-overview .view-content .table.table-striped:not(.footable-details) > tbody > tr:nth-child(even),
.view.view-oktopro-task-templates-overview .view-content .table.table-striped:not(.footable-details) > tbody > tr:nth-child(even) {
  background-color: #f4f4f4;
}
.view.view-oktopro-tasks-overview .view-content .table tr.not-read-log .suspension-records-link,
.view.view-oktopro-task-templates-overview .view-content .table tr.not-read-log .suspension-records-link {
  position: relative;
}
.view.view-oktopro-tasks-overview .view-content .table tr.not-read-log .suspension-records-link:after,
.view.view-oktopro-task-templates-overview .view-content .table tr.not-read-log .suspension-records-link:after {
  position: absolute;
  content: " ";
  display: block;
  width: 5px;
  height: 5px;
  background: #D81E1E;
  border-radius: 100%;
  top: -2px;
  right: -2px;
}
.view.view-oktopro-tasks-overview .view-content .field--name-field-attachments .field--label,
.view.view-oktopro-task-templates-overview .view-content .field--name-field-attachments .field--label {
  display: none;
}
.view.view-oktopro-tasks-overview .view-content .field--name-field-attachments.field--items, .view.view-oktopro-tasks-overview .view-content .field--name-field-attachments .field--items,
.view.view-oktopro-task-templates-overview .view-content .field--name-field-attachments.field--items,
.view.view-oktopro-task-templates-overview .view-content .field--name-field-attachments .field--items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 20px;
}
.view.view-oktopro-tasks-overview .view-content .field--name-field-attachments.field--items > *, .view.view-oktopro-tasks-overview .view-content .field--name-field-attachments .field--items > *,
.view.view-oktopro-task-templates-overview .view-content .field--name-field-attachments.field--items > *,
.view.view-oktopro-task-templates-overview .view-content .field--name-field-attachments .field--items > * {
  padding: 10px;
}
.view.view-oktopro-tasks-overview .more-link,
.view.view-oktopro-task-templates-overview .more-link {
  display: flex;
}
.view.view-oktopro-tasks-overview .more-link a,
.view.view-oktopro-task-templates-overview .more-link a {
  color: initial;
  text-decoration: none;
}
.view.view-oktopro-tasks-overview .more-link a:hover,
.view.view-oktopro-task-templates-overview .more-link a:hover {
  text-decoration: underline;
}
.view.view-oktopro-tasks-overview .more-link:after,
.view.view-oktopro-task-templates-overview .more-link:after {
  font-family: "Material Icons";
  content: "double_arrow";
}

.view-oktopro-task-templates-overview .view-header {
  position: absolute;
  right: 30px;
  top: 90px;
}

.field--widget-oktopro-checklist-steps-group-entity-reference-paragraphs .steps-group-top-line {
  margin-top: 40px;
  justify-content: center;
}
.field--widget-oktopro-checklist-steps-group-entity-reference-paragraphs .steps-group-top-line .paragraph-type-title {
  font-size: 20px;
  font-weight: bold;
  max-width: unset;
  margin: 0;
  flex-basis: auto;
}
.field--widget-oktopro-checklist-steps-group-entity-reference-paragraphs .group-of-steps {
  margin-top: 40px;
}
.field--widget-oktopro-checklist-steps-group-entity-reference-paragraphs .group-of-steps > .panel-heading a {
  font-weight: bold;
}
.field--widget-oktopro-checklist-steps-group-entity-reference-paragraphs .group-of-steps:first-child {
  margin-top: 0;
}

.path-process-integration.modal-open .modal {
  right: 0 !important;
  margin: 0 auto !important;
}

.performers-fields-wrapper {
  display: flex;
  align-items: flex-end;
  padding: 15px 5px;
}
.performers-fields-wrapper > div:last-child {
  margin-bottom: 15px;
}
.performers-fields-wrapper .field--name-performers {
  flex: 4;
}
.performers-fields-wrapper .field--name-performers-side {
  flex: 1;
}
.performers-fields-wrapper .tokenizer-wysiwyg {
  font-weight: bold;
  font-style: italic;
  text-align: center;
  flex: 0.5;
}
@media only screen and (max-width: 991px) {
  .performers-fields-wrapper {
    flex-direction: column;
  }
  .performers-fields-wrapper .field--name-performers,
.performers-fields-wrapper .field--name-performers-side,
.performers-fields-wrapper .tokenizer-wysiwyg {
    flex: initial;
    width: 100%;
  }
  .performers-fields-wrapper .tokenizer-wysiwyg {
    margin: 0;
  }
}

.oktopro-task-solution-picture-required-note .field {
  display: flex;
  align-items: center;
}
.oktopro-task-solution-picture-required-note .field .field--icon {
  background-repeat: no-repeat;
  height: 50px;
  background-image: url(/themes/custom/oktopro/images/icons/add-image.svg);
  background-size: 50px;
  display: inline-block;
  width: 50px;
}

.link-task-center.menu-link-with-counter .bubbled-link-wrapper,
.work-people-main-item.menu-link-with-counter .bubbled-link-wrapper {
  position: relative;
}
.link-task-center.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter,
.work-people-main-item.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter {
  position: absolute;
  top: -5px;
  right: -15px;
}
.link-task-center.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .tasks-counters-wrapper,
.work-people-main-item.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .tasks-counters-wrapper {
  display: flex;
}
.link-task-center.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .tasks-counters-wrapper .counter,
.work-people-main-item.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .tasks-counters-wrapper .counter {
  font-size: 11px;
}
.link-task-center.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .tasks-counters-wrapper .counter .view.menu-counter span,
.work-people-main-item.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .tasks-counters-wrapper .counter .view.menu-counter span {
  color: white;
}
.link-task-center.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .tasks-counters-wrapper .counter:not(:first-child),
.work-people-main-item.menu-link-with-counter .bubbled-link-wrapper .bubbled-link-counter .tasks-counters-wrapper .counter:not(:first-child) {
  margin-left: 2px;
}

.page-manager-page-view-task-center-task-center-panels-variant-1,
.page-manager-page-view-task-center-task-center-panels-variant-2,
.page-manager-page-view-task-center-task-center-panels-variant-3,
.page-manager-page-view-task-center-task-center-panels-variant-4,
.page-manager-page-view-task-center-task-center-panels-variant-0 {
  background-color: #F0F0F0;
}
@media (max-width: 1200px) {
  .page-manager-page-view-task-center-task-center-panels-variant-1 .mb .slide-wrap,
.page-manager-page-view-task-center-task-center-panels-variant-2 .mb .slide-wrap,
.page-manager-page-view-task-center-task-center-panels-variant-3 .mb .slide-wrap,
.page-manager-page-view-task-center-task-center-panels-variant-4 .mb .slide-wrap,
.page-manager-page-view-task-center-task-center-panels-variant-0 .mb .slide-wrap {
    margin-bottom: 0;
  }
}
.page-manager-page-view-task-center-task-center-panels-variant-1 .region-header > h1, .page-manager-page-view-task-center-task-center-panels-variant-1 .region-header > div, .page-manager-page-view-task-center-task-center-panels-variant-1 .region-header > ol,
.page-manager-page-view-task-center-task-center-panels-variant-2 .region-header > h1,
.page-manager-page-view-task-center-task-center-panels-variant-2 .region-header > div,
.page-manager-page-view-task-center-task-center-panels-variant-2 .region-header > ol,
.page-manager-page-view-task-center-task-center-panels-variant-3 .region-header > h1,
.page-manager-page-view-task-center-task-center-panels-variant-3 .region-header > div,
.page-manager-page-view-task-center-task-center-panels-variant-3 .region-header > ol,
.page-manager-page-view-task-center-task-center-panels-variant-4 .region-header > h1,
.page-manager-page-view-task-center-task-center-panels-variant-4 .region-header > div,
.page-manager-page-view-task-center-task-center-panels-variant-4 .region-header > ol,
.page-manager-page-view-task-center-task-center-panels-variant-0 .region-header > h1,
.page-manager-page-view-task-center-task-center-panels-variant-0 .region-header > div,
.page-manager-page-view-task-center-task-center-panels-variant-0 .region-header > ol {
  display: none;
}
.page-manager-page-view-task-center-task-center-panels-variant-1 .region-header > div[data-drupal-messages],
.page-manager-page-view-task-center-task-center-panels-variant-2 .region-header > div[data-drupal-messages],
.page-manager-page-view-task-center-task-center-panels-variant-3 .region-header > div[data-drupal-messages],
.page-manager-page-view-task-center-task-center-panels-variant-4 .region-header > div[data-drupal-messages],
.page-manager-page-view-task-center-task-center-panels-variant-0 .region-header > div[data-drupal-messages] {
  display: block;
}

.pi-task-process .modal-header,
.pi-decline-conformation-popup .modal-header,
.send-decline-request .modal-header {
  border: unset;
}
.pi-task-process .modal-header .modal-title,
.pi-decline-conformation-popup .modal-header .modal-title,
.send-decline-request .modal-header .modal-title {
  text-align: center;
  color: black;
  font-weight: 600;
}
.pi-task-process .approve-decline-request-form .terms-warning,
.pi-task-process .reject-decline-request-form .terms-warning,
.pi-task-process .decline-checklist-directly-form .terms-warning,
.pi-decline-conformation-popup .approve-decline-request-form .terms-warning,
.pi-decline-conformation-popup .reject-decline-request-form .terms-warning,
.pi-decline-conformation-popup .decline-checklist-directly-form .terms-warning,
.send-decline-request .approve-decline-request-form .terms-warning,
.send-decline-request .reject-decline-request-form .terms-warning,
.send-decline-request .decline-checklist-directly-form .terms-warning {
  max-width: 400px;
  margin: 0 auto;
  color: black;
  font-weight: 500;
}
.pi-task-process .approve-decline-request-form .pi-task-process-actions-wrapper,
.pi-task-process .reject-decline-request-form .pi-task-process-actions-wrapper,
.pi-task-process .decline-checklist-directly-form .pi-task-process-actions-wrapper,
.pi-decline-conformation-popup .approve-decline-request-form .pi-task-process-actions-wrapper,
.pi-decline-conformation-popup .reject-decline-request-form .pi-task-process-actions-wrapper,
.pi-decline-conformation-popup .decline-checklist-directly-form .pi-task-process-actions-wrapper,
.send-decline-request .approve-decline-request-form .pi-task-process-actions-wrapper,
.send-decline-request .reject-decline-request-form .pi-task-process-actions-wrapper,
.send-decline-request .decline-checklist-directly-form .pi-task-process-actions-wrapper {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 45px;
}
.pi-task-process .approve-decline-request-form .pi-task-process-actions-wrapper .button:focus,
.pi-task-process .reject-decline-request-form .pi-task-process-actions-wrapper .button:focus,
.pi-task-process .decline-checklist-directly-form .pi-task-process-actions-wrapper .button:focus,
.pi-decline-conformation-popup .approve-decline-request-form .pi-task-process-actions-wrapper .button:focus,
.pi-decline-conformation-popup .reject-decline-request-form .pi-task-process-actions-wrapper .button:focus,
.pi-decline-conformation-popup .decline-checklist-directly-form .pi-task-process-actions-wrapper .button:focus,
.send-decline-request .approve-decline-request-form .pi-task-process-actions-wrapper .button:focus,
.send-decline-request .reject-decline-request-form .pi-task-process-actions-wrapper .button:focus,
.send-decline-request .decline-checklist-directly-form .pi-task-process-actions-wrapper .button:focus {
  outline: unset;
}

.pdf-color-header-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.pdf-color-header-wrapper .form-wrapper {
  margin-bottom: 0;
}
.pdf-color-header-wrapper .form-wrapper > div {
  border: 1px solid #dddddd;
  padding: 10px 3px;
  color: #000000;
  font-weight: 900;
}

.field--type-color-field-type {
  margin-bottom: 0;
}
.field--type-color-field-type .form-group {
  margin-bottom: 0;
}
.field--type-color-field-type .form-group .oktopro-color-input-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.field--type-color-field-type .form-group .oktopro-color-input-wrapper .item {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #dddddd;
  font-size: 18px;
  padding: 10px 5px;
  color: #585858;
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
.organisation-log-message {
  margin-bottom: 10px;
}
.organisation-log-message .created-date-author-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 10px;
}
.organisation-log-message .created-date-author-wrapper .field--name-created {
  margin-right: 15px;
  position: relative;
  color: #333333;
}
.organisation-log-message .created-date-author-wrapper .field--name-created:after {
  content: " ";
  width: 8px;
  height: 1px;
  position: absolute;
  display: block;
  right: -11px;
  bottom: 9px;
  background-color: #333333;
}
.organisation-log-message .created-date-author-wrapper .field--name-user-id {
  color: #333333;
}
.organisation-log-message .field--name-field-log-message {
  border: 1px solid #999999;
  padding: 10px;
  border-radius: 25px;
}

.o-record-organisation-log-message-dashboard-organisation-log-message-form .organisation-category-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.o-record-organisation-log-message-dashboard-organisation-log-message-form .organisation-category-wrapper .form-group {
  margin-bottom: 0;
}
.o-record-organisation-log-message-dashboard-organisation-log-message-form .organisation-category-wrapper .form-group:first-child {
  margin-right: 15px;
}
.o-record-organisation-log-message-dashboard-organisation-log-message-form .form-actions {
  text-align: right;
}

form#o-record-organisation-log-message-organisation-profile-form .organisation-category-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
form#o-record-organisation-log-message-organisation-profile-form .organisation-category-wrapper .field--name-field-organisation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
}
form#o-record-organisation-log-message-organisation-profile-form .organisation-category-wrapper .field--name-field-organisation .form-type-select {
  margin-right: 45px;
}
form#o-record-organisation-log-message-organisation-profile-form .form-actions {
  text-align: right;
}

.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history h2,
.o-record-organisation-log-message-dashboard-organisation-log-message-form h2 {
  cursor: pointer;
  position: relative;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history h2:before,
.o-record-organisation-log-message-dashboard-organisation-log-message-form h2:before {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  top: 9px;
  position: absolute;
  left: -15px;
  font-size: 15px;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history h2:after,
.o-record-organisation-log-message-dashboard-organisation-log-message-form h2:after {
  display: block;
  width: calc(100% - 250px);
  content: " ";
  border-bottom: 2px solid #0f2856;
  position: absolute;
  right: 0;
  top: 20px;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history form,
.o-record-organisation-log-message-dashboard-organisation-log-message-form .view,
.o-record-organisation-log-message-dashboard-organisation-log-message-form form {
  display: none;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history.block-open h2:before,
.o-record-organisation-log-message-dashboard-organisation-log-message-form.block-open h2:before {
  content: "";
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history.block-open .view,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history.block-open form,
.o-record-organisation-log-message-dashboard-organisation-log-message-form.block-open .view,
.o-record-organisation-log-message-dashboard-organisation-log-message-form.block-open form {
  display: block;
}

.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .views-exposed-form .form--inline,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .views-exposed-form .form--inline,
.view-display-id-block_oktopro_organisation_log_message_history .views-exposed-form .form--inline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .views-exposed-form .form--inline .form-autocomplete,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .views-exposed-form .form--inline .form-autocomplete,
.view-display-id-block_oktopro_organisation_log_message_history .views-exposed-form .form--inline .form-autocomplete {
  max-width: 250px;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .views-exposed-form input.advanced-daterangepicker,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .views-exposed-form input.advanced-daterangepicker,
.view-display-id-block_oktopro_organisation_log_message_history .views-exposed-form input.advanced-daterangepicker {
  max-width: 250px;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view-content,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .view-content,
.view-display-id-block_oktopro_organisation_log_message_history .view-content {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.22);
  padding: 5px 0 15px;
  border-radius: 5px;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view-content .table thead th,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .view-content .table thead th,
.view-display-id-block_oktopro_organisation_log_message_history .view-content .table thead th {
  white-space: nowrap;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view-content .table th:last-child,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view-content .table td:last-child,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .view-content .table th:last-child,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .view-content .table td:last-child,
.view-display-id-block_oktopro_organisation_log_message_history .view-content .table th:last-child,
.view-display-id-block_oktopro_organisation_log_message_history .view-content .table td:last-child {
  padding-right: 40px;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view-content .table th:first-child,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view-content .table td:first-child,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .view-content .table th:first-child,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .view-content .table td:first-child,
.view-display-id-block_oktopro_organisation_log_message_history .view-content .table th:first-child,
.view-display-id-block_oktopro_organisation_log_message_history .view-content .table td:first-child {
  white-space: nowrap;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view-content .table tbody > tr td,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .view-content .table tbody > tr td,
.view-display-id-block_oktopro_organisation_log_message_history .view-content .table tbody > tr td {
  border: none;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view-content .table tbody > tr td.views-field-created,
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .view-content .table tbody > tr td.views-field-created,
.view-display-id-block_oktopro_organisation_log_message_history .view-content .table tbody > tr td.views-field-created {
  white-space: nowrap;
}
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-dashboard-organisation-log-message-history .view-content .table.table-striped > tbody > tr:nth-child(even),
.block-views-blockoktopro-organisation-log-message-history-block-oktopro-organisation-log-message-history-user-profile .view-content .table.table-striped > tbody > tr:nth-child(even),
.view-display-id-block_oktopro_organisation_log_message_history .view-content .table.table-striped > tbody > tr:nth-child(even) {
  background-color: #f4f4f4;
}

.user-profile-page .block-oktopro-organisation-log-message h2.block-title:before {
  display: none;
}
.user-profile-page .block-oktopro-organisation-log-message form#o-record-organisation-log-message-organisation-profile-form {
  display: block;
}

.bdam-quick-search-organisation .modal-header {
  border: unset;
}
.bdam-quick-search-organisation .modal-header .modal-title {
  text-align: center;
  color: black;
  font-weight: 600;
}
.bdam-quick-search-organisation .form-item-search-organisation {
  position: static;
}
.bdam-quick-search-organisation .form-item-search-organisation .control-label h2 {
  display: none;
}
.bdam-quick-search-organisation .form-item-search-organisation .ui-autocomplete-input {
  position: relative;
}
.bdam-quick-search-organisation .form-item-search-organisation .ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 215000000 !important;
}

/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/_variables.scss
 */
/**
 * Custom variables
 */
.view-planning-event-view .views-field-field-meeting-type {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  font-size: 16px;
  font-weight: 700;
}

.oktopro-planning-calendar-tooltip {
  padding: 5px 7px;
  text-align: center;
  max-width: fit-content;
  height: auto;
  background: #FFFFFF;
  color: #000000;
  position: absolute;
  z-index: 10001;
  border: 1px solid #000000;
}

.workload-meter-form {
  background-color: #00d8e1;
  background-size: cover;
  margin: 0;
  width: 100%;
  z-index: 1000;
  left: 0;
  bottom: 0;
  position: fixed;
  color: white;
  font-weight: bold;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 25px 15px;
}
@media (min-width: 920px) {
  .workload-meter-form {
    padding: 50px 40px;
  }
}
@media (max-width: 920px) {
  .workload-meter-form {
    flex-direction: column;
    font-size: 15px;
  }
}
.workload-meter-form .fieldgroup {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.workload-meter-form .fieldset-wrapper > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.workload-meter-form .fieldset-wrapper > div > div {
  margin: 0;
  padding: 0;
}
.workload-meter-form legend {
  color: white;
  font-weight: normal;
  border-bottom: unset;
  font-size: 14px;
  float: left;
  width: 50%;
  margin-bottom: 0;
}
@media (min-width: 920px) {
  .workload-meter-form legend {
    font-size: 18px;
  }
}
.workload-meter-form input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.workload-meter-form label {
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 920px) {
  .workload-meter-form label {
    font-size: 14px;
    text-transform: unset;
  }
}
.workload-meter-form label::before {
  display: block;
  content: " ";
  margin-right: 10px;
  background: transparent;
  height: 35px;
  width: 35px;
  border-radius: 15px;
  border: 2px solid white;
  transition: background-color 0.2s;
}
@media (max-width: 920px) {
  .workload-meter-form label::before {
    height: 25px;
    width: 25px;
    border-radius: 9px;
  }
}
.workload-meter-form label.checked::before {
  background-color: #1aefb9;
}
.workload-meter-form .form-required:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%231aefb9' d='M0,7.562l1.114-3.438c2.565,0.906,4.43,1.688,5.59,2.35C6.398,3.553,6.237,1.544,6.22,0.447h3.511 c-0.05,1.597-0.234,3.6-0.558,6.003c1.664-0.838,3.566-1.613,5.714-2.325L16,7.562c-2.05,0.678-4.06,1.131-6.028,1.356 c0.984,0.856,2.372,2.381,4.166,4.575l-2.906,2.059c-0.935-1.274-2.041-3.009-3.316-5.206c-1.194,2.275-2.244,4.013-3.147,5.206 l-2.856-2.059c1.872-2.307,3.211-3.832,4.017-4.575C3.849,8.516,1.872,8.062,0,7.562'/%3E%3C/svg%3E%0A");
}
.workload-meter-form--bottom {
  display: flex;
  justify-content: flex-end;
}
.workload-meter-form--info {
  display: flex;
  flex-direction: column;
  min-width: 70vw;
}
.workload-meter-form--image {
  position: absolute;
  left: 5vw;
  border-right: 2px solid white;
  padding-right: 3vw;
}
@media (max-width: 920px) {
  .workload-meter-form--image {
    display: none;
  }
}
.workload-meter-form--image svg {
  width: 113px;
}
.workload-meter-form--submit {
  right: 5vw;
}
@media (min-width: 920px) {
  .workload-meter-form--submit {
    position: absolute;
  }
}
.workload-meter-form--submit .btn-primary {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 211.2 72.63'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232d307c;%7D.cls-2,.cls-3%7Bfill:%23fff;%7D.cls-3%7Bfont-size:13.78px;font-family:HelveticaNeue-Bold, Helvetica Neue;font-weight:700;letter-spacing:0.18em;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 12%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' width='211.2' height='72.63' rx='6.65'/%3E%3Cpath class='cls-2' d='M105.52,6.89c.8.11,1.6.2,2.39.35a16.91,16.91,0,0,1,5.76,2.26c.48.29.61.71.36,1.08a.77.77,0,0,1-1.09.17,16.79,16.79,0,0,0-5-2.07A16.11,16.11,0,0,0,93,13a16,16,0,0,0-3.89,6.91c-1.31,6,.56,11.16,5.44,15.22a12.9,12.9,0,0,0,3.53,2.07,16.43,16.43,0,0,0,12,.21l.21-.1L109.89,36l-.45.15a14.55,14.55,0,0,1-12.11-.92.76.76,0,0,1-.51-.79c.07-.54.63-.75,1.17-.5A22,22,0,0,0,100.44,35a12.9,12.9,0,0,0,9.19-.47,1.21,1.21,0,0,0,.36-.32,3.49,3.49,0,0,1,.49-.58.75.75,0,0,0,.33-.69c0-2.39,0-4.78,0-7.17a2.24,2.24,0,0,1,3.23-2,2,2,0,0,1,1.27,1.84c0,.85,0,1.7,0,2.55v.4a.62.62,0,0,0,.76-.4c3.18-7.16-1.43-15.34-9.44-16.74-7.06-1.23-13.81,3.46-14.8,10.27a11.68,11.68,0,0,0,1.54,7.78c.31.53.21,1-.25,1.18a.78.78,0,0,1-1-.4,12.32,12.32,0,0,1-1.75-4.8c-.71-5.14,1.08-9.48,5.44-12.91a9.23,9.23,0,0,1,1.6-1c9.22-4.68,19.16.73,20.89,9.29a13,13,0,0,1-.78,7.7c-.13.3-.19.52.12.73a1.57,1.57,0,0,1,.3.37,4.12,4.12,0,0,0,.65-.16.51.51,0,0,0,.26-.26,14.4,14.4,0,0,0-1.15-13.71c-.07-.12-.16-.24-.23-.37a.68.68,0,0,1,.27-1,.71.71,0,0,1,1,.24A18.94,18.94,0,0,1,120,16.49a15.7,15.7,0,0,1,.38,12.92c-.12.29-.16.5.14.7a1.23,1.23,0,0,1,.28.33c.91-.09,1.72-.41,2.57.71A3.07,3.07,0,0,1,124,33c0,1.53,0,3.07,0,4.6a3.37,3.37,0,0,1-1,2.37,2,2,0,0,0-.56,1.47c.07,1.29-.22,1.7-1.41,2.18h-8.28l-.13-.07a1.7,1.7,0,0,1-1.29-1.9,3.24,3.24,0,0,0,0-.88c-.13-.68-.32-1.35-.49-2l-.35.11a17,17,0,0,1-12.19-.06C91.42,36,87.72,31,87.27,24.1a15,15,0,0,1,3.22-10.36A16.87,16.87,0,0,1,101.3,7.17c.67-.12,1.34-.19,2-.29Zm11.31,35.28h3.61a.44.44,0,0,0,.46-.48,3,3,0,0,1,1-2.78.52.52,0,0,0,.13-.17,3.44,3.44,0,0,0,.4-1.09c0-1.76,0-3.52,0-5.27a.66.66,0,0,0-.81-.63.7.7,0,0,0-.58.69.74.74,0,0,1-1.47-.05c0-.27,0-.55,0-.82s0-.38-.15-.46a1.25,1.25,0,0,0-.69-.24.61.61,0,0,0-.53.6.73.73,0,0,1-.8.72.72.72,0,0,1-.69-.82c0-.24,0-.47,0-.71a.69.69,0,0,0-.68-.75.68.68,0,0,0-.71.72c0,.38,0,.77,0,1.15,0,.65-.26,1-.75,1s-.75-.34-.75-1V26c0-.66-.26-1-.77-1s-.77.34-.77,1q0,3.78,0,7.56a.92.92,0,0,1-.52.92c-.52.26-.6.45-.45,1s.39,1.33.57,2c.4,1.43,1,2.82.87,4.36,0,.3.19.33.44.33Z'/%3E%3Cpath class='cls-2' d='M102.16,24.06a2.37,2.37,0,0,1-2,.47,2.3,2.3,0,0,1-1.7-1.6A1.86,1.86,0,0,1,99,21c1.28-1.28,2.59-2.55,3.93-3.78a2.22,2.22,0,0,1,2.94,0c1.28,1.19,2.54,2.41,3.78,3.64a2.14,2.14,0,0,1,.58,2.28A2.26,2.26,0,0,1,107,24.27l-.34-.2v3.72a2.24,2.24,0,1,1-4.48,0V24.06Z'/%3E%3Ctext class='cls-3' transform='translate(65.13 59.11) scale(1.18 1)'%3ESUBMIT%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  text-indent: -9999px;
  width: 156px;
  height: 55px;
  background-color: transparent;
  border: unset;
}
@media (max-width: 920px) {
  .workload-meter-form--submit .btn-primary {
    width: 110px;
    height: 38px;
  }
}

.tasks-overview-exposed--top {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .tasks-overview-exposed--top {
    flex-direction: column;
    align-items: inherit;
  }
  .tasks-overview-exposed--top .name {
    margin-bottom: 10px;
  }
}
.tasks-overview-exposed .name {
  position: relative;
}
.tasks-overview-exposed .name input {
  padding-left: 44px;
}
.tasks-overview-exposed label,
.tasks-overview-exposed .field--label {
  display: none;
}
.tasks-overview-exposed .statuses {
  color: #ADAEB3;
}
.tasks-overview-exposed .statuses,
.tasks-overview-exposed .statuses label,
.tasks-overview-exposed .statuses .fieldset-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tasks-overview-exposed .statuses input {
  display: none;
}
.tasks-overview-exposed .statuses label:before {
  content: "";
  display: block;
  border-radius: 50em;
  width: 8.89px;
  height: 8.89px;
  margin-right: 5.11px;
}
.tasks-overview-exposed .statuses .form-item-task-status-todo label.checked:before {
  background-color: #EA7825;
}
.tasks-overview-exposed .statuses .form-item-task-status-in-progress label.checked:before {
  background-color: #8985F0;
}
.tasks-overview-exposed .statuses .form-item-task-status-overdue label.checked:before {
  background-color: #C61D64;
}
.tasks-overview-exposed .statuses .form-item-task-status-completed label.checked:before {
  background-color: #1AEFB9;
}
.tasks-overview-exposed .statuses .form-item-task-status-declined label.checked:before {
  background-color: #8B8C94;
}
.tasks-overview-exposed .statuses .form-item-task-status-request label.checked:before {
  background-color: #FFCC9AB2;
}
.tasks-overview-exposed .statuses .form-item label:before {
  background-color: #ADAEB3;
}
.tasks-overview-exposed .statuses .form-item-task-status-delayed {
  display: none;
}
.tasks-overview-exposed .statuses legend {
  display: none;
}
.tasks-overview-exposed .statuses .form-item {
  margin: 0 !important;
}
.tasks-overview-exposed .statuses .form-checkboxes {
  display: flex;
  flex-wrap: wrap;
}
.tasks-overview-exposed .statuses .form-checkboxes .control-label {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .tasks-overview-exposed .statuses .form-checkboxes .form-item {
    margin-bottom: 10px !important;
  }
}
.tasks-overview-exposed .input-group-addon {
  display: none;
}
.tasks-overview-exposed .input-group {
  display: block;
  width: 100%;
}
.tasks-overview-exposed select,
.tasks-overview-exposed input {
  padding: 9px 12px 4px 12px;
  background-color: white;
  border-radius: 15px !important;
  color: black;
  border: unset;
  height: 38px;
}
.tasks-overview-exposed select::placeholder,
.tasks-overview-exposed input::placeholder {
  color: #ADAEB3;
}
.tasks-overview-exposed select {
  color: #ADAEB3;
}
.tasks-overview-exposed--bottom {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
@media (min-width: 768px) {
  .tasks-overview-exposed--bottom {
    margin-top: 24px;
  }
}
@media (min-width: 1200px) {
  .tasks-overview-exposed--bottom {
    grid-template-columns: 8fr 2fr;
    gap: 38px;
  }
}
.tasks-overview-exposed--bottom .right {
  display: grid;
  grid-template-columns: minmax(auto, 1fr);
  gap: 15px 38px;
}
@media (min-width: 768px) {
  .tasks-overview-exposed--bottom .right {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media (min-width: 1200px) {
  .tasks-overview-exposed--bottom .right {
    grid-template-columns: repeat(5, minmax(120px, 1fr));
  }
}
.tasks-overview-exposed .form-item-taxonomy-entity-index-tid-depth .shs-field-container {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(1, minmax(120px, 1fr));
  grid-auto-flow: dense;
  gap: 41px;
}
@media (max-width: 767px) {
  .tasks-overview-exposed .form-item-taxonomy-entity-index-tid-depth .shs-field-container {
    gap: 15px;
    grid-template-columns: repeat(1, minmax(120px, 1fr));
  }
}
.tasks-overview-exposed .form-item-taxonomy-entity-index-tid-depth .shs-select {
  height: 38px;
}
.tasks-overview-exposed .form-group {
  margin: 0;
}
.tasks-overview-exposed .select-wrapper::after {
  display: none !important;
  content: unset !important;
}
@media (min-width: 1200px) {
  .tasks-overview-exposed .form-actions button:first-child {
    margin-bottom: 15px;
  }
}
@media (max-width: 1200px) {
  .tasks-overview-exposed .form-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    gap: 15px 38px;
  }
}
.tasks-overview-exposed .form-actions button {
  display: block;
  width: 100%;
  border-radius: 15px;
  height: 38px;
  background-color: white;
  border: unset;
}
.tasks-overview-exposed .form-actions .submit,
.tasks-overview-exposed .form-actions .reset {
  position: relative;
  background-color: #fff;
  background-image: unset;
  color: #2D307C;
}
.tasks-overview-exposed .form-actions .submit span,
.tasks-overview-exposed .form-actions .reset span {
  display: none;
}
.tasks-overview-exposed .form-actions .submit::before,
.tasks-overview-exposed .form-actions .reset::before {
  width: 20px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
  left: 10%;
  top: 50%;
  transform: translateY(-50%);
}
.tasks-overview-exposed .form-actions .submit::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='%232D307C' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1649 10.2325C9.90721 9.97475 9.64947 9.71702 9.39174 9.45929C7.07215 11.5211 3.52834 11.0701 1.65978 8.81496C-0.14434 6.62424 0.0489579 3.46702 2.04638 1.53403C4.0438 -0.398959 7.20102 -0.527825 9.32731 1.2763C11.518 3.14486 11.9046 6.5598 9.90721 8.94383C10.1649 9.20156 10.4227 9.45929 10.7448 9.71702C10.8737 9.58815 11.0026 9.39486 11.1959 9.26599C11.3892 9.07269 11.5825 9.07269 11.7758 9.26599C13 10.4902 14.2886 11.7789 15.5129 13.0031C16.0928 13.583 16.0928 14.4851 15.5129 15.065C14.933 15.6449 14.0309 15.6449 13.451 15.065C12.2268 13.8407 10.9381 12.5521 9.71391 11.3278C9.52061 11.1345 9.52061 10.9412 9.71391 10.7479C9.84277 10.4902 9.97164 10.3614 10.1649 10.2325ZM1.07989 5.33558C1.07989 7.9129 3.14174 10.0392 5.78349 10.0392C8.36081 10.0392 10.4871 7.97733 10.4871 5.33558C10.4871 2.75826 8.42525 0.631969 5.78349 0.631969C3.20618 0.631969 1.14432 2.69383 1.07989 5.33558ZM10.4227 11.0057L10.4871 11.0701C11.6469 12.2299 12.7423 13.3253 13.9021 14.4851L13.9665 14.5495C14.2242 14.7428 14.4819 14.8072 14.7397 14.6784C14.9974 14.5495 15.1263 14.3562 15.1907 14.0985C15.1907 13.8407 15.1263 13.6474 14.933 13.4541C13.8376 12.3588 12.6778 11.199 11.5825 10.1036C11.518 10.0392 11.518 10.0392 11.518 10.0392C11.067 10.2969 10.7448 10.6191 10.4227 11.0057Z'/%3E%3C/svg%3E%0A");
}
.tasks-overview-exposed .form-actions .reset::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%232D307C' class='bi bi-arrow-counterclockwise' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z'/%3E%3Cpath d='M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z'/%3E%3C/svg%3E");
}
.tasks-overview-exposed .search-package,
.tasks-overview-exposed .filters-toggle-package {
  position: absolute;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
}
.tasks-overview-exposed .search-package {
  left: 13px;
  height: 14px;
}
.tasks-overview-exposed .filters-toggle-package {
  margin: 0;
  width: fit-content;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tasks-overview-exposed .filters-toggle-package a {
  background: #ADAEB3;
  border-radius: 50%;
  height: 20px;
}
.tasks-overview-exposed .filters-toggle-package a[aria-expanded=false] .animate {
  transform-origin: 50% 50%;
  transform: rotate(-180deg);
  transition: transform 500ms ease;
}
.tasks-overview-exposed .filters-toggle-package a[aria-expanded=true] .animate {
  transform-origin: 50% 50%;
  transform: rotate(-360deg);
  transition: transform 500ms ease;
}
.tasks-overview-exposed .generate-semi-auto {
  margin-right: 5px;
}
.tasks-overview-exposed .generate-semi-auto .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 191px;
  padding: 8px 12px;
  border-radius: 15px;
  max-height: 38px;
  margin-left: 10px;
  position: relative;
}
.tasks-overview-exposed .generate-semi-auto i {
  position: absolute;
  left: 80%;
  color: #058C42;
}
.tasks-overview-exposed .estimated-total--package {
  color: #2D307C;
  margin-left: auto;
  margin-right: 15px;
  min-width: 85px;
}
.tasks-overview-exposed .estimated-total--package .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 9px;
  line-height: 11px;
  letter-spacing: 0.05em;
}
.tasks-overview-exposed .estimated-total--package .estimated-total {
  font-size: 22px;
}

.checklists-view .view-footer {
  position: absolute;
  right: -45px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #2D307C;
  font-size: 12px;
}
@media (max-width: 992px) {
  .checklists-view .view-footer {
    display: none;
  }
}

.checklists-view .pager {
  margin: 0 0 5px 0;
}

.checklists-view .pager__item a {
  text-indent: -9999px;
  white-space: nowrap;
  background-image: url("data:image/svg+xml,%3Csvg width='45' height='27' viewBox='0 0 45 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_40_10)'%3E%3Cpath d='M44.381 5.64538L22.5 25.9056L0.619003 5.64538' stroke='%232D307C' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M40.9766 0.573117L22.5 17.6811L3.99244 0.573117' stroke='%232D307C' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_40_10'%3E%3Crect width='45' height='26.7079' fill='white' transform='translate(45 26.7079) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 45px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: unset;
  border: unset;
}
@media (max-width: 1200px) {
  .checklists-view .pager__item a {
    display: none;
  }
}

.organisation.tasks-overview-exposed .tasks-overview-exposed--bottom {
  gap: 15px 38px;
  grid-template-columns: 1fr;
}
@media (min-width: 1200px) {
  .organisation.tasks-overview-exposed .tasks-overview-exposed--bottom {
    grid-template-columns: 6fr 2fr;
    gap: 38px;
  }
}
.organisation.tasks-overview-exposed .tasks-overview-exposed--bottom .right {
  display: grid;
  grid-template-columns: repeat(1, minmax(auto, 1fr));
  gap: 15px 38px;
}
@media (min-width: 768px) {
  .organisation.tasks-overview-exposed .tasks-overview-exposed--bottom .right {
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media (min-width: 1200px) {
  .organisation.tasks-overview-exposed .tasks-overview-exposed--bottom .right {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }
}
.organisation.tasks-overview-exposed .tasks-overview-exposed--bottom .form-item-taxonomy-entity-index-tid-depth {
  grid-column: unset;
}
.organisation.tasks-overview-exposed .tasks-overview-exposed--bottom .form-item-taxonomy-entity-index-tid-depth .shs-widget-container,
.organisation.tasks-overview-exposed .tasks-overview-exposed--bottom .form-item-taxonomy-entity-index-tid-depth .shs-field-container {
  display: block;
}

@media (max-width: 1200px) {
  .checklists-view .views-exposed-form {
    margin: 5px 0;
  }
}
.process-integration-task-center-page .ui-widget-content {
  background: #F0F0F0;
}
.process-integration-task-center-page .ui-widget-content .panel {
  background: #F0F0F0;
}

.checklists-view .views-infinite-scroll-content-wrapper {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid white;
}

.task-outer {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid white;
}

.task-package {
  color: white;
  min-height: 122px;
  border-radius: 55px;
  padding: 2px 20px 2px 20px;
  position: relative;
}
@media (min-width: 992px) {
  .task-package {
    min-height: 95px;
    border-radius: 34px;
  }
}
.task-package::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 122px;
  border-radius: 55px;
  display: block;
  width: 50%;
}
@media (max-width: 992px) {
  .task-package::before {
    min-width: 19%;
  }
}
@media (max-width: 568px) {
  .task-package::before {
    min-width: 22%;
  }
}
@media (max-width: 568px) {
  .task-package::before {
    min-width: 27%;
  }
}
@media (max-width: 383px) {
  .task-package::before {
    min-width: 33%;
  }
}
@media (min-width: 992px) {
  .task-package::before {
    height: 95px;
    border-radius: 34px;
  }
}
.task-package.information-collapsed .bottom,
.task-package.information-collapsed .performers-wrapper .organisation {
  opacity: 0;
}
.task-package .bottom,
.task-package .performers-wrapper .organisation {
  transition: opacity 300ms;
}
.task-package .link-to-task a {
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.task-package .only-mobile {
  display: block;
}
@media (min-width: 992px) {
  .task-package .only-mobile {
    display: none;
  }
}
.task-package a {
  color: white !important;
}
.task-package .creator {
  margin-right: 14px;
}
@media (max-width: 992px) {
  .task-package .creator {
    display: none;
  }
}
.task-package .information {
  font-weight: bold;
  line-height: 1.2;
  font-size: 11px;
}
@media (min-width: 992px) {
  .task-package .information {
    width: 380px;
  }
}
@media (max-width: 992px) {
  .task-package .information {
    min-height: 95px;
  }
}
.task-package .information .bottom {
  margin-top: 9px;
  min-height: 36px;
}
@media (min-width: 992px) {
  .task-package .information .bottom {
    margin-top: 5px;
    min-height: 27px;
  }
}
.task-package .information .bottom:empty {
  display: none;
}
.task-package .checklist-name {
  font-weight: 600;
  font-size: 17px;
  line-height: 21px;
  min-height: 42px;
  letter-spacing: -0.02em;
}
@media (max-width: 992px) {
  .task-package .checklist-name p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 992px) {
  .task-package .checklist-name {
    min-height: unset;
    font-size: 28px;
    line-height: 34px;
  }
  .task-package .checklist-name p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.task-package .checklist-name a {
  display: block;
}
.task-package .checklist-introduction, .task-package .semi-auto-task-description {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
}
@media (max-width: 992px) {
  .task-package .checklist-introduction, .task-package .semi-auto-task-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .task-package .checklist-introduction p, .task-package .checklist-introduction div, .task-package .semi-auto-task-description p, .task-package .semi-auto-task-description div {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (min-width: 992px) {
  .task-package .checklist-introduction, .task-package .semi-auto-task-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .task-package .checklist-introduction p, .task-package .checklist-introduction div, .task-package .semi-auto-task-description p, .task-package .semi-auto-task-description div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 992px) {
  .task-package .checklist-introduction, .task-package .semi-auto-task-description {
    font-size: 22px;
    line-height: 27px;
  }
}
.task-package .visible {
  min-height: 118px;
}
@media (min-width: 992px) {
  .task-package .visible {
    min-height: 90px;
  }
}
.task-package .visible * {
  z-index: 10;
}
.task-package .toggle {
  margin-right: 11px;
}
.task-package.to-do {
  background-color: #EA7825;
}
.task-package.in-progress {
  background: rgba(137, 133, 240, 0.7);
}
.task-package.in-progress::before {
  background-color: #8985F0;
}
.task-package.overdue {
  background: rgba(198, 29, 100, 0.7);
}
.task-package.overdue::before {
  background-color: #C61D64;
}
.task-package.request {
  background: rgba(255, 204, 154, 0.7);
}
.task-package.request::before {
  background-color: #FFCC9AB2;
}
.task-package.declined {
  background-color: #8B8C94;
}
.task-package.completed {
  background-color: #1AEFB9;
}
.task-package .right-corner {
  margin-left: 15px;
  font-size: 14px;
}
@media (max-width: 992px) {
  .task-package .right-corner {
    min-height: 95px;
    margin-right: 15px;
  }
}
.task-package .right-corner .sub-title {
  text-decoration: underline 1px solid;
}
.task-package .right-corner .organisation.mobile {
  display: block;
  min-height: 19px;
  font-weight: bold;
  max-height: 19px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  max-width: 105px;
}
.task-package .right-corner .organisation.mobile:empty {
  display: none;
}
.task-package .right-corner .organisation.mobile p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 992px) {
  .task-package .right-corner .organisation.mobile {
    display: none;
  }
}
.task-package .task-weight {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #FFFFFF;
  width: 55px;
  height: 55px;
  object-fit: cover;
  border-radius: 50em;
  margin: 0 10px;
  padding: 18px;
}
.task-package .task-weight .weight {
  font-size: 25px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .task-package .estimated {
    line-height: 1.2;
  }
}
.task-package .due-date {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.task-package .due-date svg {
  margin-left: 5px;
}
.task-package .due-date .count-0 {
  display: none;
}
.task-package .due-date .field-timer-jquery-countdown {
  display: flex;
  flex-direction: column;
  align-items: start;
  text-transform: unset;
  min-width: 42px;
  font-size: 14px;
  padding: 0 2px;
}
@media (max-width: 992px) {
  .task-package .due-date .field-timer-jquery-countdown {
    line-height: 1.3;
  }
}
.task-package .catalogue {
  margin-right: 11px;
}
.task-package .catalogue > div {
  background: white;
  border-radius: 50em;
  width: 55px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.task-package .catalogue img {
  width: 30px;
  height: auto;
  border-radius: unset;
}
.task-package .img-responsive,
.task-package img {
  width: 55px;
  height: 55px;
  object-fit: cover;
  border-radius: 50em;
}
.task-package .performers-wrapper {
  margin-left: auto;
}
.task-package .performers-wrapper .organisation {
  align-self: flex-end;
  margin-right: 15px;
  font-size: 22px;
  line-height: 27px;
  text-align: right;
  letter-spacing: -0.02em;
  display: none;
  width: 200px;
  font-weight: bold;
  margin-top: 40px;
}
@media (min-width: 992px) {
  .task-package .performers-wrapper .organisation, .task-package .performers-wrapper .organisation p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.task-package .performers-wrapper .organisation:empty {
  display: none;
}
@media (min-width: 992px) {
  .task-package .performers-wrapper .organisation {
    display: block;
  }
}
.task-package .performers img {
  margin-right: 10px;
}
.task-package .left-toggle[aria-expanded=false] .expand-hide {
  transition: opacity 300ms ease;
  opacity: 1;
}
.task-package .left-toggle[aria-expanded=true] .expand-hide {
  transition: opacity 300ms ease;
  opacity: 0;
}
.task-package .right-toggle {
  width: 15px;
  height: 15px;
  background: white;
  border-radius: 50em;
  margin-right: 5px;
}
.task-package .right-toggle[aria-expanded=false] .animate {
  transform-origin: 50% 50%;
  transform: rotate(-180deg);
  transition: transform 500ms ease;
}
.task-package .right-toggle[aria-expanded=true] .animate {
  transform-origin: 50% 50%;
  transform: rotate(-360deg);
  transition: transform 500ms ease;
}
.task-package .performers-wrapper,
.task-package .performers,
.task-package .visible {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .task-package .performers {
    display: none;
  }
}
.task-package .additional-information {
  padding-top: 10px;
  margin-top: 8px;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 135.02%;
  padding-bottom: 40px;
}
.task-package .additional-information > div:empty {
  display: none;
}
@media (min-width: 992px) {
  .task-package .additional-information {
    padding-bottom: 6px;
    padding-left: 42px;
    font-size: 18px;
  }
}
.task-package .additional-information div,
.task-package .additional-information p {
  margin-bottom: 10px;
}
.task-package .additional-information a {
  position: relative;
}
.task-package .additional-information strong {
  line-height: 135.02%;
  margin-bottom: 11px;
}
@media (min-width: 992px) {
  .task-package .additional-information strong {
    font-size: 20px;
  }
}
@media (max-width: 992px) {
  .task-package .additional-information .item-title {
    margin-bottom: 3px;
    font-size: 17px;
  }
}
.task-package .additional-information .organisation {
  font-weight: 400;
  line-height: 24px;
}
@media (min-width: 992px) {
  .task-package .additional-information .organisation {
    font-size: 20px;
  }
}
.task-package .additional-information .organisation:empty {
  display: none;
}
.task-package .side,
.task-package .performers-hidden,
.task-package .additional-performers {
  display: flex;
  align-items: center;
}
.task-package .additional-performers {
  padding-left: 20px;
  margin-top: 5px;
  overflow: hidden;
  align-items: flex-start;
}
.task-package .performers-hidden {
  margin-right: 11px;
  flex: 1 1 100%;
  justify-self: flex-end;
  justify-content: end;
  flex-wrap: wrap;
}
.task-package .performers-hidden img {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.task-package .sides {
  padding-top: 10px;
  margin-left: auto;
}
.task-package .side {
  justify-content: space-between;
  background: white;
  padding: 2px 10px;
  border-radius: 50em;
  color: #ADAEB3;
  width: 62px;
  font-size: 9px;
  margin-bottom: 10px;
}
.task-package .current-day {
  display: block;
  text-align: center;
}

.semi-auto-first-step-modal .view-filters,
.semi-auto-first-step-modal .panel-group {
  margin-bottom: 0;
}

.semi-auto-first-step-modal .artemij-style-form.views-exposed-form {
  margin: 0;
}

.semi-auto-first-step-modal .artemij-style-form.views-exposed-form.gridded.gridded-4 .panel-group .form--inline {
  display: block;
}
.semi-auto-first-step-modal .artemij-style-form.views-exposed-form.gridded.gridded-4 .panel-group .form--inline .form-item {
  margin-bottom: 5px;
  display: block;
}

.o-task-checklist-manual-creation-form .performers-wrapper {
  display: flex;
}
.o-task-checklist-manual-creation-form .performers-wrapper .field--name-departments {
  flex-basis: 35%;
}
.o-task-checklist-manual-creation-form .performers-wrapper .delimiter {
  flex-basis: 12%;
  align-self: center;
  text-align: center;
  margin: 0;
}
.o-task-checklist-manual-creation-form .performers-wrapper .select2-search__field {
  max-width: fit-content;
}
.o-task-checklist-manual-creation-form .performers-wrapper .field--name-performers {
  flex-basis: 60%;
}

.view-oktopro-courses-progress .view-header {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
}
.view-oktopro-courses-progress .view-header .views-infinite-scroll-header {
  width: 100%;
}
.view-oktopro-courses-progress .view-header .views-infinite-scroll-header .oktopro-out-sourced-manager-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}
.view-oktopro-courses-progress .view-header .views-infinite-scroll-header .oktopro-out-sourced-manager-actions a.oktopro-probuilder-academy-session {
  color: #555555;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  height: 50px;
  line-height: 35px;
  background-image: linear-gradient(white, #fff 60%, whitesmoke);
  filter: none;
  border-bottom: 1px solid #e6e6e6;
  background-repeat: no-repeat;
}
.view-oktopro-courses-progress .view-header .views-infinite-scroll-header .oktopro-out-sourced-manager-actions a.oktopro-probuilder-academy-session:active, .view-oktopro-courses-progress .view-header .views-infinite-scroll-header .oktopro-out-sourced-manager-actions a.oktopro-probuilder-academy-session:visited {
  color: #555555;
  text-decoration: none;
}
.view-oktopro-courses-progress .views-exposed-form.bef-exposed-form .panel-primary .form--inline {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  width: 100%;
}
.view-oktopro-courses-progress .views-exposed-form.bef-exposed-form .panel-primary .form--inline:before, .view-oktopro-courses-progress .views-exposed-form.bef-exposed-form .panel-primary .form--inline:after {
  display: none;
}
.view-oktopro-courses-progress .views-exposed-form.bef-exposed-form .panel-primary .form--inline .form-composite legend {
  margin-bottom: 10px;
}
.view-oktopro-courses-progress .views-exposed-form.bef-exposed-form .panel-primary .form--inline .form-composite .form-radios {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}
.view-oktopro-courses-progress .views-exposed-form.bef-exposed-form .panel-primary .form--inline .form-composite .form-radios .form-radio {
  margin-right: 5px;
}
.view-oktopro-courses-progress .views-exposed-form.bef-exposed-form .panel-primary .form--inline .form-item-organisation-title .control-label {
  margin-bottom: 10px;
}
.view-oktopro-courses-progress .views-exposed-form.bef-exposed-form .form-actions {
  position: absolute;
}
.view-oktopro-courses-progress .view-content {
  border-bottom: 1px solid #dddddd;
}
.view-oktopro-courses-progress .view-content .footable {
  margin-bottom: 0;
}
.view-oktopro-courses-progress .view-content .footable thead tr.footable-header th {
  text-align: center;
  vertical-align: middle;
}
.view-oktopro-courses-progress .view-content .footable tbody tr {
  position: relative;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td {
  text-align: center;
  vertical-align: middle;
  max-width: fit-content;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td .footable-toggle {
  position: absolute;
  left: -1px;
  top: 46%;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td table.footable-details tbody tr th {
  display: none;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td table.footable-details tbody tr td.views-field {
  padding: 0;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td table.footable-details tbody tr td.views-field div.table-responsive table.table tr td {
  max-width: 300px;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td table.footable-details tbody tr td.views-field div.table-responsive table.table tr td .field--name-field-comment {
  text-align: left;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td table.footable-details tbody tr td.views-field div.table-responsive table.table tr:last-child td {
  border-bottom: unset !important;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td:first-child {
  padding-left: 15px;
  width: 110px;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td.views-field-user article {
  max-width: fit-content;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td.views-field-user article .field--name-user-picture img {
  border-radius: 100%;
  margin: 0 auto;
}
.view-oktopro-courses-progress .view-content .footable tbody tr td.views-field-user article .oktopro-account-name-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  margin: 4px auto;
}
.view-oktopro-courses-progress .view-content .footable tbody tr:nth-child(n-2) div.table-responsive table.table {
  border-bottom: unset;
}
.view-oktopro-courses-progress .view-content .footable tbody tr.footable-detail-row > td {
  padding-left: 0;
}
.view-oktopro-courses-progress .view-content .footable:nth-child(n+2) thead {
  display: none;
}
.view-oktopro-courses-progress .pager li.pager__item a.button {
  border: unset;
  color: #555555;
  font-size: 14px;
}
.view-oktopro-courses-progress .pager li.pager__item a.button:active, .view-oktopro-courses-progress .pager li.pager__item a.button:visited {
  color: #555555;
}

.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 5px;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline:before, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline:before, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline:before, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline:before {
  display: none;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item label, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item label, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-item label, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item label {
  color: #555555;
  font-size: 16px;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: 600;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item input, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item input, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-item input, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item input {
  line-height: 38px;
  min-height: 38px;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item input,
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item select, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item input,
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item select, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-item input,
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-item select, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item input,
.view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item select {
  text-align: center;
  border-radius: 5px;
  border: 1px solid #eee;
  color: #555555;
  width: 100%;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item .input-group-addon, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item .input-group-addon, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-item .input-group-addon, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item .input-group-addon {
  text-align: center;
  border-radius: 5px;
  border: 1px solid #eee;
  color: #555555;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper:after, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper:after, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper:after, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper:after {
  display: none;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper .shs-field-container, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper .shs-field-container, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper .shs-field-container, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper .shs-field-container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper .shs-field-container select, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper .shs-field-container select, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper .shs-field-container select, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-item.form-type-select .select-wrapper .shs-field-container select {
  min-height: 38px;
  color: #555555;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-actions, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions {
  grid-column: 1/-1;
  width: 100%;
  float: none;
  text-align: center;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions .btn, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions .btn, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-actions .btn, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions .btn {
  width: 200px;
  margin: 0 10px 0;
  font-weight: bold;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions .btn:before, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions .btn:before, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-actions .btn:before, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions .btn:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #e8e8e8;
  top: calc(23%);
  left: calc(-50% - 251px);
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions .btn:after, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions .btn:after, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline .form-actions .btn:after, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .views-exposed-form .form-inline .form-actions .btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #e8e8e8;
  top: calc(23%);
  right: calc(-50% - 251px);
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .view-content .views-form .form-type-select, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .view-content .views-form .form-type-select, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .view-content .views-form .form-type-select, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .view-content .views-form .form-type-select {
  max-width: 169px;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .view-content .footable thead tr.footable-header th, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .view-content .footable thead tr.footable-header th, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .view-content .footable thead tr.footable-header th, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .view-content .footable thead tr.footable-header th {
  text-align: center;
  vertical-align: middle;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr td, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .view-content .footable tbody tr td, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .view-content .footable tbody tr td, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr td {
  text-align: center;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr td:first-child, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .view-content .footable tbody tr td:first-child, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .view-content .footable tbody tr td:first-child, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr td:first-child {
  position: relative;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr td:first-child .footable-toggle, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .view-content .footable tbody tr td:first-child .footable-toggle, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .view-content .footable tbody tr td:first-child .footable-toggle, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr td:first-child .footable-toggle {
  position: absolute;
  left: -14px;
  top: 10px;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr td.views-field-o-pa-session-edit-action a.oktopro-probuilder-academy-session, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .view-content .footable tbody tr td.views-field-o-pa-session-edit-action a.oktopro-probuilder-academy-session, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .view-content .footable tbody tr td.views-field-o-pa-session-edit-action a.oktopro-probuilder-academy-session, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr td.views-field-o-pa-session-edit-action a.oktopro-probuilder-academy-session {
  color: #ffffff;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr:nth-last-of-type(even), .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .view-content .footable tbody tr:nth-last-of-type(even), .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .view-content .footable tbody tr:nth-last-of-type(even), .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr:nth-last-of-type(even) {
  background-color: #f8f7f7;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr.footable-detail-row table.footable-details tbody > tr th, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_out_man_probuilder_academy_sessions_listing .view-content .footable tbody tr.footable-detail-row table.footable-details tbody > tr th, .view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .view-content .footable tbody tr.footable-detail-row table.footable-details tbody > tr th, .view-oktopro-probuilder-academy-sessions-listing.view-id-oktopro_probuilder_academy_sessions_listing .view-content .footable tbody tr.footable-detail-row table.footable-details tbody > tr th {
  display: none;
}
.view-oktopro-probuilder-academy-sessions-listing.view-display-id-block_projects_management_session_listing .views-exposed-form .form-inline {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 5px;
}

.view-oktopro-probuilder-academy-report-index .view-content table.table thead tr th {
  vertical-align: middle;
  text-align: center;
}
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td {
  vertical-align: baseline;
  text-align: center;
}
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td.views-field-field-files > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 5px;
}
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td.views-field-field-files > div a.colorbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td.views-field-field-files > div span.oktopro-file {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td.views-field-field-files > div span.oktopro-file a {
  display: inline-block;
  margin: 0 auto;
}
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td.views-field-field-files > div .colorbox,
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td.views-field-field-files > div .oktopro-file {
  margin-bottom: 5px;
}
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td.views-field-field-comment {
  text-align: left;
}
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td:first-child {
  position: relative;
}
.view-oktopro-probuilder-academy-report-index .view-content table.table tbody tr td:first-child .footable-toggle {
  position: absolute;
  left: -14px;
  top: 10px;
}

.view-oktopro-certificates.view-display-id-block_user_oktopro_certificates .view-content {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.view-oktopro-certificates.view-display-id-block_user_oktopro_certificates .view-content .views-row.oktopro-pa-course-progress {
  margin-right: 60px;
  display: flex;
}

.view-oktopro-course-catalogue-parent.view-id-oktopro_course_catalogue_parent .view-content .views-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
}
.view-oktopro-course-catalogue-parent.view-id-oktopro_course_catalogue_parent .view-content .views-row .views-field-nothing-1 {
  margin: 16px 0;
}
.view-oktopro-course-catalogue-parent.view-id-oktopro_course_catalogue_parent .view-content .views-row .views-field-nothing-1 .oktopro-pa-course-catalogue-label {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.view-oktopro-course-catalogue-parent.view-id-oktopro_course_catalogue_parent .view-content .views-row .views-field-nothing-1 .oktopro-pa-course-catalogue-label .oktopro-pa-course-catalogue {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #0645AD;
  margin-bottom: 5px;
}
.view-oktopro-course-catalogue-parent.view-id-oktopro_course_catalogue_parent .view-content .views-row .views-field-nothing-1 .oktopro-pa-course-catalogue-label .oktopro-pa-course-sub-catalogue {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #0645AD;
}
.view-oktopro-course-catalogue-parent.view-display-id-block_course_catalogue_parent_print .view-content .views-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.view-oktopro-course-catalogue-parent.view-display-id-block_course_catalogue_parent_print .view-content .views-row .views-field-nothing {
  margin-right: 30px;
}
.view-oktopro-course-catalogue-parent.view-display-id-block_course_catalogue_parent_print .view-content .views-row .views-field-nothing-1 .field-content .oktopro-pa-course-catalogue-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.view-oktopro-course-catalogue-parent.view-display-id-block_course_catalogue_parent_print .view-content .views-row .views-field-nothing-1 .field-content .oktopro-pa-course-catalogue-label .oktopro-pa-course-catalogue {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 700;
  font-size: 48px;
  line-height: 48px;
  color: #21D9E5;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.view-oktopro-course-catalogue-parent.view-display-id-block_course_catalogue_parent_print .view-content .views-row .views-field-nothing-1 .field-content .oktopro-pa-course-catalogue-label .oktopro-pa-course-sub-catalogue {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #ffffff;
}

.view-applications .view-content .views-row .oktopro-org-oktopro-probbuilder-academy-badges {
  padding-left: 0;
}

.view-invite .view-content .row .oktopro-org-oktopro-probbuilder-academy-badges {
  margin-left: 78px;
}

.o-probuilder-academy-session-form .oktopro-proof-files-wrapper {
  margin: 25px 0;
}
.o-probuilder-academy-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-hide {
  display: none;
}
.o-probuilder-academy-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-show {
  display: block;
  position: fixed;
  max-width: 600px;
  width: 100%;
  min-height: 300px;
  z-index: 100;
  background-color: #ffff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 2px 19px 5px rgba(0, 0, 0, 0.44);
  padding: 15px 10px;
  border-radius: 10px;
}
.o-probuilder-academy-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-show .oktopro-pa-upload-proof-files {
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.o-probuilder-academy-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-show .field--name-field-proof-files__spent-ot .help-block {
  text-align: center;
  font-size: 18px;
  margin-bottom: 15px;
}
.o-probuilder-academy-session-form .catalogue-contract-wrapper {
  display: flex;
  justify-content: flex-start;
}
.o-probuilder-academy-session-form .catalogue-contract-wrapper .field--name-field-catalogue {
  margin-right: 15px;
}
.o-probuilder-academy-session-form .course-catalogue-course-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.o-probuilder-academy-session-form .course-catalogue-course-wrapper .field--name-field-course-catalogue .input-group {
  display: flex;
  flex-direction: row;
}
.o-probuilder-academy-session-form .course-catalogue-course-wrapper .field--name-field-course-catalogue .input-group .shs-field-container {
  margin-bottom: 0;
}
.o-probuilder-academy-session-form .course-catalogue-course-wrapper .field--name-field-course-catalogue .input-group .shs-field-container .shs-select {
  min-height: 38px;
}
.o-probuilder-academy-session-form .course-catalogue-course-wrapper .field--name-field-course-catalogue .input-group .input-group-addon {
  width: 39px;
}
.o-probuilder-academy-session-form .course-catalogue-course-wrapper .course-catalogue-subwrapper {
  display: flex;
  justify-content: flex-start;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container {
  margin-top: 20px;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-spent-time-step .panel-body {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-spent-time-step .panel-body .oktopro-pa-label-input-wrapper {
  margin-right: 10px;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-spent-time-step .panel-body .oktopro-pa-label-input-wrapper .control-label {
  margin-top: 10px;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps td {
  padding: 0;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .oktopro-training-step-description {
  margin-top: 15px;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress {
  border: unset !important;
  border-radius: 5px;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .ief-form {
  box-shadow: unset;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress table.oktopro-pa-steps-table > thead > tr {
  display: grid;
  grid-template-columns: 250px 400px 250px 100px;
  grid-template-rows: 1fr;
  grid-row-gap: 0;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress table.oktopro-pa-steps-table > thead > tr th {
  border: 1px solid #dddddd;
  display: block !important;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress table.oktopro-pa-steps-table > thead > tr th h4 {
  color: #444;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress table.oktopro-pa-steps-table tr td {
  padding: 0 !important;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress table.oktopro-pa-steps-table tr td .btn-danger {
  margin-top: 25%;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper {
  display: grid;
  grid-template-columns: 250px 400px 250px 100px;
  grid-template-rows: 1fr;
  grid-row-gap: 0;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-user {
  margin: 0;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-user .form-type-select {
  margin: 0;
  width: 100%;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-user .form-type-select .select2-container .select2-selection {
  min-height: 93px !important;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-user .form-type-select .select2-container .select2-selection .select2-selection__rendered {
  text-align: center;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-user .form-type-select .select2-container .select2-selection .select2-selection__rendered .option-label-wrapper {
  flex-direction: column;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-user .form-type-select .select2-container .select2-selection .select2-selection__rendered .option-label-wrapper .user-select-option-text {
  max-width: 150px;
  text-wrap: wrap;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-user .form-type-select .select2-container .worker-select-placeholder {
  margin-top: 0;
  padding: 5px;
  text-align: center;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment {
  margin: 0;
  height: 100%;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div {
  height: 100%;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item {
  height: 100%;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item .table-responsive {
  height: 100%;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table {
  border: unset;
  padding: 0 !important;
  margin: 0 !important;
  height: 100%;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table thead {
  display: none;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table .field-label {
  display: none;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table tr,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table th,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table td {
  border: unset;
  padding: 0;
  height: 100%;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table tr .text-format-wrapper,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table th .text-format-wrapper,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table td .text-format-wrapper {
  margin: 0;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table tr .text-format-wrapper .form-textarea-wrapper,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table th .text-format-wrapper .form-textarea-wrapper,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table td .text-format-wrapper .form-textarea-wrapper {
  height: 100%;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table tr .text-format-wrapper .form-textarea-wrapper .form-textarea,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table th .text-format-wrapper .form-textarea-wrapper .form-textarea,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table td .text-format-wrapper .form-textarea-wrapper .form-textarea {
  height: 100% !important;
  border-radius: unset;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table tr:hover,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table th:hover,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment > div .form-item table td:hover {
  background: unset;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .help-block {
  display: none;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .form-type-managed-file {
  display: flex;
  flex-direction: column;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .table-responsive tbody .btn-danger,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .responsive-enabled tbody .btn-danger {
  margin: 15%;
  font-size: 0;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .table-responsive tbody .btn-danger .glyphicon,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .responsive-enabled tbody .btn-danger .glyphicon {
  font-size: 25px;
  margin: 0;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .table-responsive tbody tr td.tabledrag-hide,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .table-responsive tbody tr td.checkbox,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .responsive-enabled tbody tr td.tabledrag-hide,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .responsive-enabled tbody tr td.checkbox {
  display: none;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .table-responsive tbody tr td .form-managed-file,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files .responsive-enabled tbody tr td .form-managed-file {
  max-width: 150px;
  overflow: hidden;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-completed {
  display: flex;
  justify-content: center;
  align-items: center;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-completed label {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  max-width: fit-content;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-completed label .form-checkbox {
  position: static;
  padding: 0;
  margin-left: 0;
}
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-user,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-comment,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-field-files,
.o-probuilder-academy-session-form .oktopro-progress-steps-transport-container .field--name-field-steps .field--name-field-steps-progress .panel-body .oktopro-step-fields-wrapper .field--name-completed {
  justify-self: center;
  align-self: center;
  width: 100%;
  height: 100%;
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.o-probuilder-academy-session-form .form-actions {
  margin-top: 25px;
  display: flex;
  justify-content: flex-end;
}
.o-probuilder-academy-session-form .oktopro-proof-files-uploaded-action {
  display: none;
}
.o-probuilder-academy-session-form .oktopro-update-proof-files {
  margin: 15px 0 !important;
  border: 1px solid #808285;
  height: 25px;
  padding-top: 3px;
  max-width: 150px;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.o-probuilder-academy-session-form .oktopro-proof-files-uploaded-action,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-proof-files-uploaded-action {
  display: none;
}
.o-probuilder-academy-session-form .oktopro-proof-files-wrapper,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-proof-files-wrapper {
  margin: 25px 0;
}
.o-probuilder-academy-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-hide,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-hide {
  display: none;
}
.o-probuilder-academy-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-show,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-show {
  display: block;
  position: fixed;
  max-width: 600px;
  width: 100%;
  min-height: 300px;
  z-index: 100;
  background-color: #ffff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 1px 2px 19px 5px rgba(0, 0, 0, 0.44);
  padding: 15px 10px;
  border-radius: 10px;
}
.o-probuilder-academy-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-show .oktopro-pa-upload-proof-files,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-show .oktopro-pa-upload-proof-files {
  margin: 0 auto;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.o-probuilder-academy-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-show .field--name-field-proof-files__spent-ot .help-block,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-proof-files-wrapper.oktopro-proof-files-wrapper-show .field--name-field-proof-files__spent-ot .help-block {
  text-align: center;
  font-size: 18px;
  margin-bottom: 15px;
}
.o-probuilder-academy-session-form .oktopro-update-proof-files,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-update-proof-files {
  margin: 15px 0 !important;
  border: 1px solid #808285;
  height: 30px;
  max-width: 150px;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}
.o-probuilder-academy-session-form .field--name-field-comment .field-add-more-submit,
.o-probuilder-academy-session-form .field--name-field-comment .btn-danger,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-comment .field-add-more-submit,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-comment .btn-danger {
  display: none;
}
.o-probuilder-academy-session-form .select2-container .select2-selection--single,
.o-probuilder-academy-session-project-management-session-project-management-session-form .select2-container .select2-selection--single {
  height: auto;
}
.o-probuilder-academy-session-form .file-placeholder-icon,
.o-probuilder-academy-session-project-management-session-project-management-session-form .file-placeholder-icon {
  max-width: 100px;
  height: auto;
}
.o-probuilder-academy-session-form .field--type-file .tabledrag-hide,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--type-file .tabledrag-hide {
  display: none;
}

.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-duration .panel-body {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-duration .panel-body .oktopro-pa-label-input-wrapper {
  margin-right: 10px;
}
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-duration .panel-body .oktopro-pa-label-input-wrapper .control-label {
  margin-top: 10px;
}

.o-probuilder-academy-session-form .oktopro-disallow-select,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-disallow-select {
  pointer-events: none;
}
.o-probuilder-academy-session-form .oktopro-disallow-select .input-group,
.o-probuilder-academy-session-form .oktopro-disallow-select .select2-selection,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-disallow-select .input-group,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-disallow-select .select2-selection {
  background-color: #eeeeee;
}
.o-probuilder-academy-session-form .field--name-field-outsourced-manager:has(select.oktopro-out-sourced-manager-hide),
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-outsourced-manager:has(select.oktopro-out-sourced-manager-hide) {
  visibility: hidden;
  height: 0;
}
.o-probuilder-academy-session-form .field--name-field-outsourced-manager:has(select.oktopro-out-sourced-manager-hide) select,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-outsourced-manager:has(select.oktopro-out-sourced-manager-hide) select {
  pointer-events: none;
}
.o-probuilder-academy-session-form .field--type-entity-reference .select2-selection,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--type-entity-reference .select2-selection {
  min-height: 38px !important;
}
.o-probuilder-academy-session-form .field--type-entity-reference .select2-selection .select2-selection__rendered,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--type-entity-reference .select2-selection .select2-selection__rendered {
  line-height: 38px;
  text-align: center;
}
.o-probuilder-academy-session-form .field--type-entity-reference .select2-selection .select2-selection__rendered .select2-selection__clear,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--type-entity-reference .select2-selection .select2-selection__rendered .select2-selection__clear {
  display: none;
}
.o-probuilder-academy-session-form .field--name-field-steps .panel-body,
.o-probuilder-academy-session-form .field--name-field-steps .form-group,
.o-probuilder-academy-session-form .field--name-field-steps .form-item,
.o-probuilder-academy-session-form .field--name-field-transport .panel-body,
.o-probuilder-academy-session-form .field--name-field-transport .form-group,
.o-probuilder-academy-session-form .field--name-field-transport .form-item,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-steps .panel-body,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-steps .form-group,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-steps .form-item,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .panel-body,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .form-group,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .form-item {
  border: unset;
  box-shadow: unset;
  padding: 0;
}
.o-probuilder-academy-session-form .field--name-field-steps .panel-heading,
.o-probuilder-academy-session-form .field--name-field-transport .panel-heading,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-steps .panel-heading,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .panel-heading {
  display: none;
}
.o-probuilder-academy-session-form .field--name-field-transport .panel-body,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .panel-body {
  border: 1px solid #eee !important;
  padding: 10px;
  border-radius: 5px;
}
.o-probuilder-academy-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: fit-content;
}
.o-probuilder-academy-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group .field--name-field-proof-files .panel-body,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group .field--name-field-proof-files .panel-body {
  display: flex;
  flex-direction: column-reverse;
}
.o-probuilder-academy-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group .field--type-decimal,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group .field--type-decimal {
  margin-right: 10px;
}
.o-probuilder-academy-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group .field--type-decimal label,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group .field--type-decimal label {
  margin-bottom: 6px;
}
.o-probuilder-academy-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group .field--type-decimal .form-inline,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-transport .panel-body .oktopro-main-fields-group .field--type-decimal .form-inline {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.o-probuilder-academy-session-form .field-multiple-table,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table {
  border: unset;
}
.o-probuilder-academy-session-form .field-multiple-table thead tr th.field-label,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table thead tr th.field-label {
  border: unset;
}
.o-probuilder-academy-session-form .field-multiple-table thead tr th.field-label > .paragraphs-actions,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table thead tr th.field-label > .paragraphs-actions {
  display: none !important;
}
.o-probuilder-academy-session-form .field-multiple-table thead tr th.tabledrag-hide,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table thead tr th.tabledrag-hide {
  display: none;
}
.o-probuilder-academy-session-form .field-multiple-table thead tr th.inline-entity-form-o_pa_step_progress-field_comment,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table thead tr th.inline-entity-form-o_pa_step_progress-field_comment {
  display: table-cell !important;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container {
  border: 1px solid #eee !important;
  border-radius: 5px;
  position: relative;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td {
  border: unset;
  padding: 10px !important;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraph-top,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraph-top {
  right: 10px;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraph-top .paragraph-type-label,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraph-top .paragraph-type-label {
  display: none;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraph-top .paragraphs-actions .paragraphs-icon-button-collapse,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraph-top .paragraphs-actions .paragraphs-icon-button-collapse {
  display: none;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress table tbody tr td.inline-entity-form-o_pa_step_progress-field_comment,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress table tbody tr td.inline-entity-form-o_pa_step_progress-field_comment {
  max-width: 350px;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress table tbody tr td,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress table tbody tr td {
  padding: 5px;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress table tbody tr td .ief-entity-operations,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress table tbody tr td .ief-entity-operations {
  display: flex;
  flex-direction: column;
  max-width: 150px;
  align-items: stretch;
  margin: 0 auto;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress .field--name-field-comment .field-add-more-submit,
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress .field--name-field-comment .btn-danger,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress .field--name-field-comment .field-add-more-submit,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container > td .paragraphs-subform .field--name-field-steps-progress .field--name-field-comment .btn-danger {
  display: none;
}
.o-probuilder-academy-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container:hover,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody tr.paragraph-type--o-pa-step-container:hover {
  background: #FFFFFF;
}
.o-probuilder-academy-session-form .field-multiple-table tbody .field-multiple-drag,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field-multiple-table tbody .field-multiple-drag {
  display: none;
}
.o-probuilder-academy-session-form .table-responsive table.ief-entity-table thead th,
.o-probuilder-academy-session-project-management-session-project-management-session-form .table-responsive table.ief-entity-table thead th {
  vertical-align: middle;
  text-align: left;
}
.o-probuilder-academy-session-form .table-responsive table.ief-entity-table tbody tr.ief-row-entity td,
.o-probuilder-academy-session-project-management-session-project-management-session-form .table-responsive table.ief-entity-table tbody tr.ief-row-entity td {
  text-align: left;
  vertical-align: middle;
  padding: 5px;
}
.o-probuilder-academy-session-form .field--name-field-status,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-status {
  margin-top: 40px;
  display: flex;
  justify-content: flex-end;
}
.o-probuilder-academy-session-form .field--name-field-status .form-item-field-status,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--name-field-status .form-item-field-status {
  margin-right: 0;
}
.o-probuilder-academy-session-form .form-type-select,
.o-probuilder-academy-session-project-management-session-project-management-session-form .form-type-select {
  width: 300px;
  margin-right: 20px;
}
.o-probuilder-academy-session-form .field--type-file .tabledrag-hide,
.o-probuilder-academy-session-project-management-session-project-management-session-form .field--type-file .tabledrag-hide {
  display: none;
}
.o-probuilder-academy-session-form label,
.o-probuilder-academy-session-form .label,
.o-probuilder-academy-session-project-management-session-project-management-session-form label,
.o-probuilder-academy-session-project-management-session-project-management-session-form .label {
  color: #555555 !important;
  font-size: 16px;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: 600;
}
.o-probuilder-academy-session-form .oktopro-actions-buttons-container,
.o-probuilder-academy-session-form #edit-actions,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-actions-buttons-container,
.o-probuilder-academy-session-project-management-session-project-management-session-form #edit-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.o-probuilder-academy-session-form .oktopro-actions-buttons-container .button--danger,
.o-probuilder-academy-session-form #edit-actions .button--danger,
.o-probuilder-academy-session-project-management-session-project-management-session-form .oktopro-actions-buttons-container .button--danger,
.o-probuilder-academy-session-project-management-session-project-management-session-form #edit-actions .button--danger {
  margin-left: 25px;
  font-size: 25px;
  color: red;
}
.o-probuilder-academy-session-form .form-submit,
.o-probuilder-academy-session-project-management-session-project-management-session-form .form-submit {
  margin: 5px;
  font-size: 18px;
}

.o-pa-course-progress--course-progress--certificates {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  height: 100%;
}
.o-pa-course-progress--course-progress--certificates.oktopro-course-progress-completed .view-oktopro-course-catalogue-parent .view-content .views-field-nothing {
  position: relative;
}
.o-pa-course-progress--course-progress--certificates.oktopro-course-progress-completed .view-oktopro-course-catalogue-parent .view-content .views-field-nothing:before {
  position: absolute;
  left: -1px;
  top: -1px;
  display: block;
  content: "";
  width: 34px;
  height: 34px;
  background-image: url("../images/completed_course_quality.svg");
}
.o-pa-course-progress--course-progress--certificates .field--name-field-planning-image {
  margin-bottom: 16px;
}
.o-pa-course-progress--course-progress--certificates .field--name-catalog {
  height: 100%;
}
.o-pa-course-progress--course-progress--certificates .field--name-completed {
  font-family: "Source Sans Pro", "sans-serif";
  color: #AFAFAF;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 16px;
  text-align: center;
}
.o-pa-course-progress--course-progress--certificates .progress {
  width: 100%;
  max-width: 105px;
  min-height: 25px;
  margin-bottom: 0;
}
.o-pa-course-progress--course-progress--certificates .progress .progress-bar {
  box-shadow: -1px 1px 2px 0px #0000001A inset;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.o-pa-course-progress--course-progress--certificates .progress .progress-bar .okopro-pa-progress-bar-counter {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 400;
  font-size: 13px;
  line-height: 25px;
  color: #FFFFFF;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
}
.o-pa-course-progress--course-progress--certificates .oktopro-pa-btn-download-certificate {
  width: 100%;
  max-width: 105px;
  box-shadow: -1px 1px 2px 0px #0000001A inset;
  padding: 5px 10px;
  font-family: "Source Sans Pro", "sans-serif";
  border-radius: 4px;
  color: #ffffff !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  background: #0F2856;
  display: flex;
  align-items: center;
  justify-content: center;
}
.o-pa-course-progress--course-progress--certificates .oktopro-pa-btn-download-certificate:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("../images/certificate_dowload_button.svg");
  margin-left: 6px;
}

.paragraph--type--project-management-session-item.paragraph--view-mode--project-management-session-item {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
}
.paragraph--type--project-management-session-item.paragraph--view-mode--project-management-session-item:nth-last-of-type(even) {
  background-color: #f8f7f7;
}
.paragraph--type--project-management-session-item.paragraph--view-mode--project-management-session-item:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.paragraph--type--project-management-session-item.paragraph--view-mode--project-management-session-item:not(:first-child) .field .field--label {
  display: none;
}
.paragraph--type--project-management-session-item.paragraph--view-mode--project-management-session-item .field--name-field-proof-files {
  grid-column: 1/span 3;
}
.paragraph--type--project-management-session-item.paragraph--view-mode--project-management-session-item .field .field--label {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  border-bottom: 1px solid #ddd;
  padding: 5px 5px 8px;
  width: 100%;
  text-align: left;
}
.paragraph--type--project-management-session-item.paragraph--view-mode--project-management-session-item .field .field--item {
  padding: 5px;
  text-align: left;
}

.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table {
  display: grid;
  grid-template-columns: 1fr 1fr 4fr;
  grid-template-rows: 1fr;
  grid-column-gap: 0;
  grid-row-gap: 0;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table:not(:first-child) .field .field--label {
  display: none;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field .field--label {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  border-bottom: 1px solid #ddd;
  padding: 5px 5px 8px;
  width: 100%;
  text-align: left;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field .field--item {
  padding: 5px;
  text-align: left;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field .field--item .oktopro-probuilder-academy-step-duration {
  margin-top: 3px;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field .field--item .oktopro-probuilder-academy-step-duration.oktopro-probuilder-academy-step-duration-date-red {
  color: red;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field.field--name-field-steps-progress > .field--items > .field--item {
  display: grid;
  grid-template-columns: 1fr 4fr 1fr 1fr;
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
  word-break: break-word;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field.field--name-field-steps-progress > .field--items > .field--item:nth-last-of-type(even) {
  background-color: #f8f7f7;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field.field--name-field-steps-progress > .field--items > .field--item:not(:first-child) .field .field--label {
  display: none;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field.field--name-field-steps-progress > .field--items > .field--item .field--name-user article {
  max-width: fit-content;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field.field--name-field-steps-progress > .field--items > .field--item .field--name-user article .field--name-user-picture img {
  border-radius: 100%;
  margin: 0 auto;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field.field--name-field-steps-progress > .field--items > .field--item .field--name-user article .oktopro-account-name-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  margin: 4px auto;
}
.paragraph--type--o-pa-step-container.paragraph--view-mode--session-table .field.field--name-field-steps-progress > .field--items > .field--item .field--name-field-files {
  grid-column: 1/span 4;
}

@page {
  margin: 0;
  padding: 0;
}
html {
  overflow-x: hidden;
  position: relative;
  padding: 0;
  margin: 0;
}

.page {
  padding: 0;
  margin: 0;
}

body {
  position: relative;
  height: 100%;
  padding: 0;
  margin: 0;
}

.o-pa-course-progress--course-progress--certificate-print {
  max-width: 845px;
  height: 1056px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  background: #0F2856;
}
.o-pa-course-progress--course-progress--certificate-print:after {
  position: absolute;
  display: block;
  content: "";
  background-image: url("../images/certificate_background_oktopro_logo.svg");
  width: 459px;
  height: 467px;
  opacity: 0.1;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 25%;
  bottom: 25%;
}
.o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 77px;
}
.o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .oktopro-probuild-academy-certification-logo {
  display: block;
  width: 301px;
  height: 68px;
  background-image: url("../images/o_pa_logo_vertical.svg");
  background-position: center;
  background-repeat: no-repeat;
  margin: 10px auto 10px;
}
.o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .oktopro-probuilder-acadeny-certificate-label {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  font-family: "Source Sans Pro", "sans-serif";
  margin-bottom: 30px;
}
.o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .oktopro-certificate-label {
  color: #FFAA39;
  font-size: 86px;
  font-weight: 700;
  line-height: 108px;
  letter-spacing: 2px;
  font-family: "Source Sans Pro", "sans-serif";
  margin-bottom: 10px;
  text-transform: uppercase;
}
.o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .oktopro-certificate-issued-to {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  font-family: "Source Sans Pro", "sans-serif";
  margin-bottom: 60px;
}
.o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .field--name-user {
  padding-bottom: 10px;
  border-bottom: 2px solid #ffffff;
  margin-bottom: 60px;
}
.o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .field--name-user a {
  color: #ffffff !important;
  font-size: 70px;
  font-weight: 400;
  line-height: 88px;
  font-family: "Caveat", "sans-serif";
  font-style: italic;
  margin-bottom: 60px;
  text-decoration: none;
}
.o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .field--name-user a:focus, .o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .field--name-user a:active, .o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .field--name-user a:hover, .o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .field--name-user a:visited {
  text-decoration: none;
  color: #ffffff;
}
.o-pa-course-progress--course-progress--certificate-print .o-pa-certificate-inner-wrapper .oktopro-certeficate-subject {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  font-family: "Source Sans Pro", "sans-serif";
  margin-bottom: 60px;
}
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 785px;
  height: 300px;
  position: relative;
  page-break-inside: avoid;
}
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .oktopro-pa-badge-wrapper {
  display: block;
  width: 153px;
  height: 153px;
  background-image: url("../images/oktopro_badge.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 50px;
  page-break-before: avoid;
  page-break-inside: avoid;
}
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--label,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--label {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  font-family: "Source Sans Pro", "sans-serif";
  margin-bottom: 12px;
}
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item a,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item time,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item a,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item time {
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  font-family: "Source Sans Pro", "sans-serif";
  text-decoration: none;
}
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item a:focus, .o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item a:active, .o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item a:hover, .o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item a:visited,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item time:focus,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item time:active,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item time:hover,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-field-completion-date .field--item time:visited,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item a:focus,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item a:active,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item a:hover,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item a:visited,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item time:focus,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item time:active,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item time:hover,
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--item time:visited {
  text-decoration: none;
  color: #ffffff;
}
.o-pa-course-progress--course-progress--certificate-print .oktopro-completion-date-wrapper .field--name-uid .field--label {
  text-align: right;
}

.o-invite--accept-invitation-contract {
  margin: 15px 0;
}
.o-invite--accept-invitation-contract .probuilder-academy-wrapper {
  margin-bottom: 10px;
}
.o-invite--accept-invitation-contract .probuilder-academy-wrapper .field--name-field-probuilder-academy {
  margin-bottom: 10px;
}

.oktopro-probuilder-academy-report-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.oktopro-probuilder-academy-report-block .oktopro-probuilder-academy-report-block-facets {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 5px;
}
.oktopro-probuilder-academy-report-block .views-element-container {
  width: 100%;
}

.block-blocktabs-blockpa-admin-probuilder-academy-session #blocktabs-pa_admin_probuilder_academy_session .ui-tabs-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.facet-block.facet-block-oktopro-pa-session-id, .facet-block.facet-block-mc-pa-session-id, .facet-block.facet-block-out-man-pa-session-id, .facet-block.facet-block-sc-pa-session-id {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.facet-block .facet-block__title,
.facet-block .control-label {
  color: #555555;
  font-size: 16px;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: 600;
}
.facet-block.facet-block-out-man-date .facet-block__title, .facet-block.facet-block-mc-date .facet-block__title, .facet-block.facet-block-date .facet-block__title, .facet-block.facet-block-sc-date .facet-block__title {
  display: none;
}
.facet-block .facet-block__content .facets-widget-dropdown .item-list__dropdown {
  line-height: 38px;
  text-align: center;
  min-height: 38px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #eee;
  color: #555555;
}
.facet-block .facet-block__content .form-type-textfield {
  position: relative;
  line-height: 38px;
  text-align: center;
  min-height: 38px;
  border-radius: 5px;
  border: 1px solid #eee;
  color: #555555;
}
.facet-block .facet-block__content .facets-widget-date_range .item-list__date_range {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.facet-block .facet-block__content .facets-widget-date_range .item-list__date_range li .form-date {
  line-height: 38px;
  text-align: center;
  min-height: 38px;
  border-radius: 5px;
  border: 1px solid #eee;
  color: #555555;
}
.facet-block .facet-block__content .facets-widget-date_range .item-list__date_range li:first-child {
  margin-right: 5px;
}

.oktopro-facets-reset-button {
  grid-column: 1/span 5;
  width: 200px;
  margin: 0 auto;
}
.oktopro-facets-reset-button .facets-reset-link {
  display: inline-block;
  color: #fff;
  margin: 0;
  font-weight: bold;
  width: 200px;
}

.x-modal-modal-dialog-create-probuilder-academy-session,
.x-modal-modal-dialog-create-project-management-session {
  margin: 100px auto 0;
  width: fit-content;
}
.x-modal-modal-dialog-create-probuilder-academy-session .modal-body,
.x-modal-modal-dialog-create-project-management-session .modal-body {
  padding-bottom: 200px;
}

.oktopro-org-oktopro-probbuilder-academy-badges {
  padding-left: 0;
}

.organisation-budgets-catalogue-list {
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  max-width: fit-content;
  margin-top: 8px;
}
.organisation-budgets-catalogue-list .badges-list-preview {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 5px;
  max-width: 114px;
}
.organisation-budgets-catalogue-list .badges-list-preview .oktopro-badge-catalogue-name-tooltip {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
.organisation-budgets-catalogue-list .badges-list-full {
  position: absolute;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  row-gap: 8px;
  box-shadow: 0 0 4px 0 #00000040;
  background: #ffffff;
  z-index: 3;
  top: 0;
  left: 123px;
  width: max-content;
  padding: 8px 14px;
  border-radius: 10px;
}
.organisation-budgets-catalogue-list .badges-list-full.show-full-badge-list {
  display: flex;
}
.organisation-budgets-catalogue-list .badges-list-full .oktopro-badge-catalogue-name-tooltip {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  line-height: 22px;
  vertical-align: middle;
  cursor: pointer;
}
.organisation-budgets-catalogue-list .badge-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.organisation-budgets-catalogue-list .badge-wrapper .oktopro-probuilder-academy-badge {
  height: 22px;
  width: 22px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-right: 5px;
}
.organisation-budgets-catalogue-list .badge-wrapper .oktopro-probuilder-academy-badge.oktopro-bronze-badge {
  background-image: url("../images/oktopro_bronze_badge.svg");
}
.organisation-budgets-catalogue-list .badge-wrapper .oktopro-probuilder-academy-badge.oktopro-silver-badge {
  background-image: url("../images/oktopro_silver_badge.svg");
}
.organisation-budgets-catalogue-list .badge-wrapper .oktopro-probuilder-academy-badge.oktopro-gold-badge {
  background-image: url("../images/oktopro_gold_badge.svg");
}

.oktopro-badge-catalogue-name-tooltip-content {
  width: 100%;
  max-width: fit-content;
  padding: 4px 8px;
  opacity: 1;
}
.oktopro-badge-catalogue-name-tooltip-content .tooltip-inner {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  background-color: #ffffff;
  color: #555555;
  box-shadow: 0 0 4px 0 #00000040;
  border-radius: 10px;
  padding: 4px 8px;
}

.referral-information {
  display: flex;
  justify-content: space-evenly;
}
.referral-information .info-package {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.referral-information .info-package h3 span {
  text-align: center;
  display: block;
}
.referral-information .icon svg {
  max-width: 144px;
  height: 144px;
}
.referral-information .link {
  text-align: center;
}
.referral-information .link a {
  color: #0645ad;
}

.view-organizations-coaching {
  max-width: 676px;
  margin: 0 auto;
}
.view-organizations-coaching .pager {
  margin: 0;
  position: absolute;
  left: 20px;
}
.view-organizations-coaching .pager .pager__item .button {
  padding: unset;
  border: unset;
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  line-height: 18px;
  position: relative;
  display: flex;
  align-items: center;
}
.view-organizations-coaching .pager .pager__item .button:after {
  display: block;
  content: "";
  width: 11px;
  height: 5px;
  background-image: url("../icons/show-more-icon.svg");
  background-size: cover;
  background-position: center;
  margin-left: 5px;
}
.view-organizations-coaching .pager .pager__item .button:hover {
  background-color: unset;
}
.view-organizations-coaching .oktopro-organizations-coaching-footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  margin: 12px 0 25px;
}
.view-organizations-coaching .oktopro-organizations-coaching-footer-container .view-footer-result {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 400;
  font-size: 14px;
  color: #2D307C;
  line-height: 18px;
  margin-left: auto;
}
.view-organizations-coaching .view-footer-actions-buttons {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.view-organizations-coaching .view-footer-actions-buttons .oktopro-records-coaching-actions-buttons {
  display: flex;
  justify-content: center;
  column-gap: 20px;
}
.view-organizations-coaching .view-footer-actions-buttons .oktopro-records-coaching-actions-buttons .oktopro-add-coaching-package,
.view-organizations-coaching .view-footer-actions-buttons .oktopro-records-coaching-actions-buttons .oktopro-add-coaching-session {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  border-radius: 4px;
}
.view-organizations-coaching .view-footer-actions-buttons .oktopro-records-coaching-actions-buttons .oktopro-add-coaching-package {
  background-color: #0F2856;
}
.view-organizations-coaching .view-footer-actions-buttons .oktopro-records-coaching-actions-buttons .oktopro-add-coaching-session {
  background-color: #F89766;
}

.o_record {
  max-width: 676px;
  background-color: #F5F5F5;
  padding: 10px;
  border-bottom: 1px solid #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 19px;
  align-items: center;
}
.o_record .oktopro-session-left-wrapper {
  display: flex;
  justify-content: space-between;
  column-gap: 12px;
  max-width: 205px;
  width: 100%;
}
.o_record .oktopro-session-left-wrapper .field--name-field-user {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #0645AD;
}
.o_record .oktopro-session-left-wrapper .field--name-field-session-date {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 8px;
  font-family: "Source Sans Pro", "sans-serif";
  font-size: 13px;
  font-weight: 600;
}
.o_record .oktopro-session-left-wrapper .field--name-field-session-date time {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.o_record .oktopro-session-left-wrapper .field--name-field-session-date time .date-prefix {
  margin-right: 3px;
  font-weight: 400;
}
.o_record .oktopro-session-left-wrapper .field--name-field-session-date time .date-string {
  font-weight: 600;
  color: #555555;
}
.o_record .oktopro-session-left-wrapper .field--name-field-session-number {
  padding: 6px 12px 6px 12px;
  border-radius: 100%;
  color: #ffffff;
  background-color: #2E76CD;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}
.o_record .oktopro-session-centrall-wrapper {
  max-width: 290px;
  display: flex;
  justify-content: start;
  margin-right: auto;
  flex-grow: 1;
  width: 100%;
}
.o_record .oktopro-session-centrall-wrapper .field--name-field-notes {
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 400;
  font-size: 14px;
  color: #555555;
  text-align: justify;
}
.o_record .oktopro-session-right-wrapper {
  flex-grow: 1;
}
.o_record .oktopro-session-right-wrapper .field--name-field-session-duration {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.o_record .oktopro-session-right-wrapper .field--name-field-session-duration .field--label,
.o_record .oktopro-session-right-wrapper .field--name-field-session-duration .field--item {
  color: #EA7825;
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 600;
  line-height: 22px;
  font-size: 14px;
  padding: 0;
}

.ui-timepicker-standard {
  z-index: 10000 !important;
}

.progress-bar-container {
  width: 100%;
  max-width: 676px;
  display: flex;
  justify-content: stretch;
  align-items: center;
  height: 20px;
  background-color: #F5F5F5;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 #0000001A inset;
}
.progress-bar-container .spent-time,
.progress-bar-container .available-time {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Source Sans Pro", "sans-serif";
  font-weight: 600;
  font-size: 12px;
  width: 100%;
  height: 20px;
  border-radius: 4px 0 0 4px;
  line-height: 18px;
}
.progress-bar-container .spent-time {
  background-color: #F89766;
  color: #FFFFFF;
  position: relative;
}
.progress-bar-container .spent-time .spent-time-inner-container {
  position: absolute;
  left: 50%;
  width: max-content;
  padding-left: 3px;
}
.progress-bar-container .available-time {
  color: #555555;
  position: relative;
}
.progress-bar-container .available-time .available-time-inner-container {
  right: 50%;
  width: max-content;
  position: absolute;
  padding-right: 3px;
}
.progress-bar-container.spent-time-inner-container-border-right .spent-time {
  border-radius: 4px;
}

.o-record-session-add-session-form,
.o-record-coaching-package-add-coaching-package-form {
  max-width: 598px;
  margin: 0 auto;
}
.o-record-session-add-session-form .field--name-field-user,
.o-record-coaching-package-add-coaching-package-form .field--name-field-user {
  max-width: 270px;
  width: 100%;
  margin-right: auto;
  margin-bottom: 40px;
}
.o-record-session-add-session-form .field--name-field-user .select2-container,
.o-record-coaching-package-add-coaching-package-form .field--name-field-user .select2-container {
  height: 38px;
}
.o-record-session-add-session-form .form-type-number,
.o-record-coaching-package-add-coaching-package-form .form-type-number {
  display: flex;
  flex-direction: column;
  max-width: 270px;
  width: 100%;
}
.o-record-session-add-session-form .form-type-number label,
.o-record-coaching-package-add-coaching-package-form .form-type-number label {
  font-weight: 400;
}
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-date-container,
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-time-container,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-date-container,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-time-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-date-container .input-container,
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-time-container .input-container,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-date-container .input-container,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-time-container .input-container {
  max-width: 270px;
  width: 100%;
}
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-date-container .input-container .form-type-date,
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-time-container .input-container .form-type-date,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-date-container .input-container .form-type-date,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-time-container .input-container .form-type-date {
  max-width: 270px;
  width: 100%;
  margin-bottom: 20px;
}
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-date-container .input-container .form-type-date input,
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-time-container .input-container .form-type-date input,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-date-container .input-container .form-type-date input,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-time-container .input-container .form-type-date input {
  width: 100%;
  height: 38px;
}
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-time-container input,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-time-container input {
  position: relative;
}
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-time-container input:after,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-time-container input:after {
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  background-image: url("../icons/clock.svg");
  background-size: cover;
  background-position: center;
  margin-left: 5px;
}
.o-record-session-add-session-form .oktopro-dates-input-container .oktopro-time-container .input-group-addon.clock-icon,
.o-record-coaching-package-add-coaching-package-form .oktopro-dates-input-container .oktopro-time-container .input-group-addon.clock-icon {
  display: none;
}
.o-record-session-add-session-form .textarea,
.o-record-session-add-session-form .input,
.o-record-coaching-package-add-coaching-package-form .textarea,
.o-record-coaching-package-add-coaching-package-form .input {
  border: 1px solid #CCCCCC;
}
.o-record-session-add-session-form label,
.o-record-coaching-package-add-coaching-package-form label {
  padding-left: 14px;
  font-weight: 700;
  font-size: 14px;
  font-family: "Source Sans Pro", "sans-serif";
  color: #555555;
  margin-bottom: 6px;
}
.o-record-session-add-session-form .form-actions,
.o-record-coaching-package-add-coaching-package-form .form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.o-record-session-add-session-form .form-actions button,
.o-record-coaching-package-add-coaching-package-form .form-actions button {
  padding: 8px 32px;
  font-weight: 600;
  font-size: 14px;
  font-family: "Source Sans Pro", "sans-serif";
}

.oktopro-add-coaching-session-modal-dialog .modal-header .modal-title,
.oktopro-add-coaching-package-modal-dialog .modal-header .modal-title {
  font-family: "Source Sans Pro", "sans-serif";
  font-size: 18px;
  line-height: 22px;
  color: #0F2856;
  font-weight: 500;
}
.oktopro-add-coaching-session-modal-dialog .modal-header .close,
.oktopro-add-coaching-package-modal-dialog .modal-header .close {
  color: #555555;
  font-family: "Source Sans Pro", "sans-serif";
  font-size: 26px;
  line-height: 22px;
  font-weight: 700;
  opacity: 1;
}

/**
 * @file file_browser.dropzone.css
 */
.dropzone-outer .dz-preview .dropzonejs-remove-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 500;
  background-image: url("../icons/remove.svg");
  background-size: cover;
}

.dropzone-outer .dz-preview .dropzonejs-remove-icon:hover {
  background-image: url("../icons/remove-hover.svg");
  background-size: cover;
}

.dropzone-outer .dz-preview.dz-file-preview .dz-image,
.dropzone-outer .dz-preview .dz-image {
  border-radius: 0;
}

.dropzone-chat-enabled.dropzone-enable {
  display: none;
}

.dropzone-outer {
  background: unset;
  border: unset;
}

.private-message-thread {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  position: relative;
  z-index: 1;
}

.popper-hidden {
  opacity: 0 !important;
  display: none !important;
}

.p-chat .reply-to-content {
  z-index: 10;
  background: white;
  border: 1px solid #c8c8cd;
  padding: 3px 5px 3px 20px;
  display: flex;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
}
.p-chat .reply-to-content--bottom {
  margin-left: 10px;
}
.p-chat .reply-to-content--user {
  color: #0a6eb4;
  font-weight: bold;
}
.p-chat .reply-to-content--close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.p-chat .reply-to-content--close i {
  font-size: 20px;
}

.page-node-type-contract .reply-to-content,
.path-my-chats .reply-to-content {
  position: absolute;
  left: 50px;
  bottom: 42px;
}

.message-photos {
  margin: 10px 0;
}

.p-thread--outer {
  max-height: 500px;
  padding: 10px;
  overflow: auto;
  overscroll-behavior-y: contain;
}
.p-thread--outer::-webkit-scrollbar {
  width: 8px;
}
.p-thread--outer::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: #0f2856;
}
.p-thread--outer::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px;
}

.p-chat {
  position: relative;
}

.p-chat .visible {
  opacity: 1 !important;
}

.p-chat .chat-scroll-down {
  position: absolute;
  bottom: 90px;
  right: 30px;
  z-index: 9999999;
  opacity: 0;
  transition: opacity 300ms;
}
.p-chat .chat-scroll-down--inner {
  background: #21d9e5;
  border: solid 1px gray;
  border-radius: 50em;
  padding: 3px;
  font-size: 25px;
  width: 40px;
  height: 40px;
  color: white;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-chat .chat-scroll-down .unread-count {
  font-size: 17px;
  position: absolute;
  left: -5px;
  padding: 2px;
  top: -10px;
  font-weight: bold;
  background: slategray;
  border-radius: 50em;
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  opacity: 0;
  transition: opacity 300ms;
}

.p-chat .images-preview {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  padding: 30px;
}

.message-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.private-message-author-self .message-content {
  align-items: flex-end;
}

.private-message-author-other .message-content {
  align-items: flex-start;
}

.page-node-type-contract .p-message-form .dropzone {
  min-height: 100px;
}

.private-message::after {
  width: 110%;
  height: 116%;
  background-color: rgba(255, 229, 207, 0.4);
  position: absolute;
  border-radius: 14px;
  opacity: 0;
  transition: opacity 300ms;
}

.private-message.reply-is-focused::after {
  opacity: 1;
  content: "";
}

.private-message {
  margin-bottom: 20px;
  max-width: 90%;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  position: relative;
  transform: translate3d(0, 0, 0);
}
.private-message + .message-contextual-menu {
  transition: opacity 300ms;
  opacity: 1;
}
.private-message + .message-contextual-menu {
  display: block;
  cursor: pointer;
  background-color: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
}
.private-message + .message-contextual-menu a {
  color: white !important;
  text-decoration: unset;
}
.private-message .support-initial-answer {
  width: 110%;
  margin-top: 10px;
  display: flex;
  text-align: center;
  justify-content: center;
}
.private-message .support-initial-answer p {
  width: 90%;
  padding: 20px 6px;
  color: black;
  border-radius: 12px;
  background: #21d9e5;
}

.private-message .okto-translate,
.private-message .p-text,
.private-message .left {
  color: #0f2856 !important;
}

.private-message .message-bubble {
  position: relative;
  box-sizing: border-box;
  word-break: break-word;
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 48px;
}
.private-message .message-bubble .p-reply {
  background-color: #16afb9;
  padding: 5px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 5px;
  cursor: pointer;
}
.private-message .message-bubble .mention {
  color: white !important;
  font-weight: bold;
}
.private-message .message-bubble .bottom {
  display: flex;
  min-width: 150px;
  justify-content: space-between;
}
.private-message .message-bubble .p-text:empty, .private-message .message-bubble:empty {
  display: none !important;
}
.private-message .message-bubble .g-translation {
  margin-top: 0;
  padding-top: 0;
  border-top: unset;
}
.private-message .message-bubble .p-text {
  display: flex;
  flex-direction: column;
}

.private-message .message {
  display: flex;
  flex-direction: row;
}
.private-message .message .from {
  align-self: flex-end;
  flex-shrink: 0;
}
.private-message .message .from img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.private-message-author-self {
  text-align: right;
  flex-direction: column;
  align-self: flex-end;
}
.private-message-author-self .message-bubble {
  padding: 6px 22px 6px 16px;
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m96 70c-6-2-12-10-12-19v-16l-14 27s8 8 26 8z'/></svg>") 50% 56% 46% 42%;
  background: #21d9e5;
  color: black;
}
.private-message-author-self .message-bubble .p-reply:before {
  content: "";
  width: 5px;
  background: cyan;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.private-message-author-self .message {
  flex-direction: row-reverse;
}
.private-message-author-self .translate-chat-message-wrapper {
  margin-right: auto;
}

.private-message-author-other {
  flex-direction: column;
  align-items: flex-start;
}
.private-message-author-other .message-bubble {
  -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m0 70c6-2 12-10 12-19v-16l14 27s-8 8-26 8z'/></svg>") 50% 42% 46% 56%;
  padding: 6px 16px 6px 22px;
  color: black;
  background-color: #e5e5ea;
}
.private-message-author-other .message-bubble .p-reply {
  background-color: #adadbc;
  padding: 5px;
  border-radius: 5px;
  position: relative;
  margin-bottom: 5px;
  cursor: pointer;
}
.private-message-author-other .message-bubble .p-reply:after {
  content: "";
  width: 5px;
  background: black;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.private-message-author-other .bottom {
  flex-direction: row-reverse;
}
.private-message-author-other .translate-chat-message-wrapper {
  margin-left: auto;
}
.private-message-author-other .translate-chat-message-wrapper a {
  color: black !important;
}

.message-bar {
  position: absolute;
  width: 90%;
  bottom: 0;
  height: auto;
}

.toolbar-inner {
  z-index: 100;
  top: auto;
  position: relative;
  height: auto;
  bottom: auto;
  padding-left: 8px;
  padding-right: 8px;
  left: 0;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  align-content: center;
  overflow: hidden;
}
.toolbar-inner .message-bar-area {
  overflow-x: hidden !important;
  background: white;
  max-height: 114px;
  width: 100%;
  flex-shrink: 1;
  border-radius: 17px;
  padding: 6px 16px;
  color: #000;
  font-size: 17px;
  line-height: 20px;
  border: 1px solid #c8c8cd;
  box-sizing: border-box;
  box-shadow: none;
  outline: 0;
  display: block;
  margin: 0;
  font-family: inherit;
  resize: none;
}
.toolbar-inner .message-bar-area::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

.contract-maps-btn,
.upload-files-from-gallery,
.upload-files-from-camera,
.send-btn {
  cursor: pointer;
  color: #8e8e8e;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -8px 0 0;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  line-height: 44px;
  align-self: flex-end;
  flex-shrink: 0;
}
.contract-maps-btn > a, .contract-maps-btn i,
.upload-files-from-gallery > a,
.upload-files-from-gallery i,
.upload-files-from-camera > a,
.upload-files-from-camera i,
.send-btn > a,
.send-btn i {
  text-decoration: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.contract-maps-btn i,
.upload-files-from-gallery i,
.upload-files-from-camera i,
.send-btn i {
  color: #8e8e8e;
  font-size: 20px;
}

.contract-maps-btn {
  margin: unset;
}

.message-bar-area .mention {
  font-weight: bold;
}

.view-my-chats .pager {
  display: none;
}

.chat-link-item .left-side {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  margin-right: 14px;
}
.chat-link-item .left-side .field--type-image {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
}
.chat-link-item .left-side img {
  max-width: 100%;
}

#create-support-chat {
  position: relative;
}

[data-target-thread=initial-support],
.create-chat-message-form.support {
  padding-top: 60px;
}
[data-target-thread=initial-support] .top,
.create-chat-message-form.support .top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 50px;
  display: flex;
  justify-content: space-between;
  padding: 5px;
  border: 1px solid;
}
[data-target-thread=initial-support] .support-type-choose,
.create-chat-message-form.support .support-type-choose {
  list-style: none;
  margin: 0;
  padding: 0;
}
[data-target-thread=initial-support] .support-type-choose,
[data-target-thread=initial-support] .support-type-choose li,
[data-target-thread=initial-support] .support-type-choose a,
.create-chat-message-form.support .support-type-choose,
.create-chat-message-form.support .support-type-choose li,
.create-chat-message-form.support .support-type-choose a {
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-target-thread=initial-support] .second-step > p,
[data-target-thread=initial-support] .first-step > p,
.create-chat-message-form.support .second-step > p,
.create-chat-message-form.support .first-step > p {
  font-size: 18px;
  text-align: center;
}
[data-target-thread=initial-support] .support-type-choose,
.create-chat-message-form.support .support-type-choose {
  justify-content: space-evenly;
}
[data-target-thread=initial-support] .support-type-choose a,
.create-chat-message-form.support .support-type-choose a {
  flex-direction: column;
}
[data-target-thread=initial-support] .icon,
.create-chat-message-form.support .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
[data-target-thread=initial-support] .icon svg,
.create-chat-message-form.support .icon svg {
  width: 50px;
  height: 50px;
}
[data-target-thread=initial-support] .name a, [data-target-thread=initial-support] .name,
.create-chat-message-form.support .name a,
.create-chat-message-form.support .name {
  text-decoration: unset;
  color: black !important;
  font-weight: bold;
}

[data-target-thread=initial-support] {
  padding-top: 0;
}

.view-id-my_chats.view-display-id-my_chat_page .p-thread--outer {
  max-height: -webkit-fill-available;
  min-height: 250px;
  bottom: 72px;
}

.all-threads {
  min-height: 500px;
  max-height: 50vh;
  position: relative;
  display: flex;
}
.all-threads .chat-link-item {
  transition: background-color 500ms ease-in-out;
  background-color: transparent;
}
.all-threads .chat-link-item.active {
  background-color: lightgrey;
}
.all-threads .chat-link.is-unread {
  position: relative;
}
.all-threads .chat-link.is-unread::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: red;
  position: absolute;
  left: -10px;
  top: -10px;
  border-radius: 10em;
}
.all-threads .p-chat {
  height: 100%;
}
.all-threads .show,
.all-threads .p-chat-outer {
  height: 100%;
}
.all-threads .p-chat-outer.with-header .p-thread--outer {
  top: 50px;
}
.all-threads .p-chat-outer.with-header .top {
  height: 50px;
  display: flex;
  justify-content: space-between;
  padding: 5px;
  border: 1px solid;
}
.all-threads .p-chat-outer.with-header .name a, .all-threads .p-chat-outer.with-header .name {
  text-decoration: unset;
  color: black !important;
  font-weight: bold;
}
.all-threads .p-thread--outer {
  position: absolute;
  bottom: 65px;
  width: 100%;
  padding-top: 15px;
}
.all-threads .p-message-form {
  position: absolute;
  bottom: 0;
  width: 97%;
}
.all-threads .message-bar {
  width: -webkit-fill-available;
}
.all-threads .message-bar-area {
  width: 100%;
}
.all-threads .chat-link-item {
  border-top: 1px solid;
  min-width: 330px;
  padding: 5px;
}
.all-threads .chat-link-item a {
  text-decoration: unset;
  color: black !important;
  display: flex;
}
.all-threads .chat-link-item a .author {
  font-weight: bold;
}
.all-threads .right-side .title {
  font-weight: bold;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.all-threads .message .field p {
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.all-threads .latest-message-preview {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.all-threads .all-threads--tabs {
  min-height: 500px;
  border: 1px solid;
  list-style: none;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: inherit;
  max-width: 365px;
  padding: 0;
}
.all-threads .all-threads--tabs::-webkit-scrollbar {
  width: 8px;
}
.all-threads .all-threads--tabs::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 2px solid transparent;
  background-clip: content-box;
  background-color: #0f2856;
}
.all-threads .all-threads--tabs::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px;
}
.all-threads .all-threads--messages {
  flex-grow: 1;
  flex-basis: 70%;
}

.view-display-id-archived_chats_page,
.view-display-id-my_chats_mobile_page,
.view-display-id-my_support_chat_mobile {
  padding-left: 10px;
  padding-right: 10px;
}
.view-display-id-archived_chats_page .chat-link-item .is-unread,
.view-display-id-my_chats_mobile_page .chat-link-item .is-unread,
.view-display-id-my_support_chat_mobile .chat-link-item .is-unread {
  position: relative;
}
.view-display-id-archived_chats_page .chat-link-item .is-unread::before,
.view-display-id-my_chats_mobile_page .chat-link-item .is-unread::before,
.view-display-id-my_support_chat_mobile .chat-link-item .is-unread::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: red;
  position: absolute;
  left: -10px;
  top: -10px;
  border-radius: 10em;
}
.view-display-id-archived_chats_page .chat-link-item,
.view-display-id-my_chats_mobile_page .chat-link-item,
.view-display-id-my_support_chat_mobile .chat-link-item {
  margin-bottom: 15px;
}
.view-display-id-archived_chats_page .chat-link-item a,
.view-display-id-my_chats_mobile_page .chat-link-item a,
.view-display-id-my_support_chat_mobile .chat-link-item a {
  display: flex;
  color: unset !important;
}
.view-display-id-archived_chats_page .title,
.view-display-id-my_chats_mobile_page .title,
.view-display-id-my_support_chat_mobile .title {
  font-weight: bold;
  color: black;
}
.view-display-id-archived_chats_page .left-side,
.view-display-id-my_chats_mobile_page .left-side,
.view-display-id-my_support_chat_mobile .left-side {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  margin-right: 14px;
}
.view-display-id-archived_chats_page .left-side .field--type-image,
.view-display-id-my_chats_mobile_page .left-side .field--type-image,
.view-display-id-my_support_chat_mobile .left-side .field--type-image {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
}
.view-display-id-archived_chats_page .left-side img,
.view-display-id-my_chats_mobile_page .left-side img,
.view-display-id-my_support_chat_mobile .left-side img {
  max-width: 100%;
}
.view-display-id-archived_chats_page .right-side,
.view-display-id-my_chats_mobile_page .right-side,
.view-display-id-my_support_chat_mobile .right-side {
  width: 100%;
  border-bottom: 1px solid lightgrey;
  min-height: 61px;
  padding-bottom: 7px;
}
.view-display-id-archived_chats_page .right-side .title,
.view-display-id-my_chats_mobile_page .right-side .title,
.view-display-id-my_support_chat_mobile .right-side .title {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-display-id-archived_chats_page .message .field p,
.view-display-id-my_chats_mobile_page .message .field p,
.view-display-id-my_support_chat_mobile .message .field p {
  font-size: 13px;
  width: 160px;
  color: rgba(85, 85, 85, 0.7) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-display-id-archived_chats_page .latest-message-preview,
.view-display-id-my_chats_mobile_page .latest-message-preview,
.view-display-id-my_support_chat_mobile .latest-message-preview {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
.view-display-id-archived_chats_page .panel-group .panel,
.view-display-id-my_chats_mobile_page .panel-group .panel,
.view-display-id-my_support_chat_mobile .panel-group .panel {
  border: unset !important;
}
.view-display-id-archived_chats_page .panel-group .panel-heading,
.view-display-id-my_chats_mobile_page .panel-group .panel-heading,
.view-display-id-my_support_chat_mobile .panel-group .panel-heading {
  display: none !important;
}
.view-display-id-archived_chats_page .panel-group .input-group-addon,
.view-display-id-my_chats_mobile_page .panel-group .input-group-addon,
.view-display-id-my_support_chat_mobile .panel-group .input-group-addon {
  display: none !important;
}
.view-display-id-archived_chats_page .panel-group .exposed-collapse,
.view-display-id-my_chats_mobile_page .panel-group .exposed-collapse,
.view-display-id-my_support_chat_mobile .panel-group .exposed-collapse {
  height: unset !important;
  display: block !important;
}

.view-my-chats-archived-chats-page .page-header,
.view-my-chats-my-support-chat-mobile .page-header,
.view-my-chats-my-chats-mobile-page .page-header {
  padding: 10px;
  margin-bottom: 0;
}
.view-my-chats-archived-chats-page .bef-exposed-form .form-actions,
.view-my-chats-archived-chats-page .bef-exposed-form label,
.view-my-chats-my-support-chat-mobile .bef-exposed-form .form-actions,
.view-my-chats-my-support-chat-mobile .bef-exposed-form label,
.view-my-chats-my-chats-mobile-page .bef-exposed-form .form-actions,
.view-my-chats-my-chats-mobile-page .bef-exposed-form label {
  display: none !important;
}
.view-my-chats-archived-chats-page .bef-exposed-form .form-item,
.view-my-chats-my-support-chat-mobile .bef-exposed-form .form-item,
.view-my-chats-my-chats-mobile-page .bef-exposed-form .form-item {
  margin: 0;
}
.view-my-chats-archived-chats-page .bef-exposed-form .exposed-collapse,
.view-my-chats-my-support-chat-mobile .bef-exposed-form .exposed-collapse,
.view-my-chats-my-chats-mobile-page .bef-exposed-form .exposed-collapse {
  margin: 0;
  padding: 6px 0;
}

.is-mobile.entity-private-message-thread-mobile-preview .add-worksession:before {
  background-image: url(/themes/custom/oktopro/images/planning/app-worksession.svg);
}
.is-mobile.entity-private-message-thread-mobile-preview .add-phase:before {
  background-image: url(/themes/custom/oktopro/images/planning/app-timeline.svg);
}

body.view-my-chats-archived-chats-page .page-header,
body.view-my-chats-my-support-chat-mobile .page-header,
body.view-my-chats-my-chats-mobile-page .page-header {
  width: 100vw;
  /* make it 100% of the viewport width (vw) */
  margin-left: calc((100% - 100vw) / 2);
  /* then remove the gap to the left of the container with this equation */
  border-bottom: 1px solid lightgrey;
  padding-bottom: 5px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.view-my-chats-archived-chats-page .views-element-container,
.view-my-chats-my-support-chat-mobile .views-element-container,
.view-my-chats-my-chats-mobile-page .views-element-container,
.oktopro-chat-settings-page #oktopro-chat-settings {
  min-height: calc(100vh + 50px);
}

.entity-private-message-thread-mobile-preview .reply-to-content {
  position: absolute;
  left: 45px;
  bottom: 65px;
}

#block-chat-menu {
  width: 100vw;
  /* make it 100% of the viewport width (vw) */
  z-index: 3;
  margin-left: calc((100% - 100vw) / 2);
  /* then remove the gap to the left of the container with this equation */
  position: sticky;
  bottom: 0;
  border-top: 1px solid lightgrey;
  padding-top: 5px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom: unset;
  background: white;
}
#block-chat-menu .menu--chat-menu {
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
#block-chat-menu .menu--chat-menu a {
  color: transparent;
  /* make the text invisible */
  user-select: none;
  /* prevent selection of the text */
  background-repeat: no-repeat;
  margin: 10px;
  padding: 0;
  width: 35px;
  height: 35px;
}
#block-chat-menu .menu--chat-menu .support-chat-link {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.1679 8.58594C22.1664 6.26463 18.0985 8.61794 15.6596 11.1041C15.2761 11.4948 15.5631 12.0173 16.0505 11.9161C19.4672 11.2109 23.7839 12.3727 25.4103 16.1895C26.6832 19.178 26.5123 22.6384 24.6958 25.1867C22.6726 27.9263 19.6927 29.7713 14.6049 29.5752C7.64372 29.3061 4.78919 25.749 3.49708 24.2211C2.97566 23.6037 1.99604 23.52 2.46015 24.7904C2.89356 25.9704 4.69119 29.8226 8.82562 32.3557C11.567 34.0354 15.5272 35.5712 20.7511 35.0934C29.9571 34.2513 34.3189 28.4625 35.1687 21.9693C36.2338 13.8291 30.7237 9.57355 28.1679 8.58594Z' fill='%230F2856'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.3691 3.60298C32.6203 4.98914 31.0397 4.8455 29.0849 4.10423C26.7751 3.22974 24.0537 1.91354 22.3737 1.49081C17.615 0.29369 13.0634 0.698559 9.46376 2.67304C6.18728 4.47152 3.69996 7.60851 2.56651 11.2933C0.841363 16.896 3.21515 21.8578 5.13962 23.8521C7.65356 26.6958 12.417 28.082 15.185 28.1713C16.0141 28.1977 16.2382 27.5394 15.7704 27.3042C15.303 27.0672 14.3689 26.6076 13.9761 26.3069C12.6378 25.2884 11.7358 23.9834 11.247 22.5366C11.0698 22.013 11.1172 21.898 10.9519 21.3172C10.8435 20.9357 10.4693 21.0485 10.2433 21.0485C9.35171 21.0485 8.62948 20.3217 8.62948 19.4245C8.62948 18.5266 9.20674 17.7998 10.0991 17.7998C10.3665 17.7998 10.6434 17.9651 10.8694 17.8557C11.0916 17.7474 11.0861 17.5007 11.1504 17.2573C11.2263 16.9726 11.3135 16.6887 11.4145 16.4062C11.487 16.206 11.5018 16.0137 11.3638 15.8894C11.1453 15.6903 10.936 15.7621 10.6923 15.6311C10.1501 15.3371 9.78031 14.7607 9.78031 14.0976C9.78031 13.136 10.5547 12.3572 11.5095 12.3572C11.8631 12.3572 12.1903 12.4651 12.4633 12.6489C12.6319 12.7635 12.6744 12.8979 12.8778 12.8848C13.0927 12.8711 13.1104 12.6984 13.2165 12.519C13.4214 12.1752 13.6307 11.85 13.8445 11.5404C13.9188 11.431 13.9891 11.348 13.9513 11.2229C13.8933 11.032 13.7128 11.0492 13.5649 10.9208C13.2214 10.6246 13.0028 10.187 13.0028 9.69538C13.0028 8.79968 13.7265 8.0718 14.6166 8.0718C15.0781 8.0718 15.4901 8.26754 15.7823 8.57901C15.8987 8.70218 15.9032 8.80824 16.0703 8.84173C16.2123 8.8715 16.2885 8.80898 16.3987 8.71893C16.5973 8.55705 16.8003 8.40523 17.0022 8.26159C17.1091 8.18605 17.2201 8.1533 17.2397 8.02529C17.2589 7.89505 17.1724 7.82695 17.1195 7.70415C17.0451 7.53371 17.0022 7.34654 17.0022 7.1482C17.0022 6.36339 17.6346 5.72706 18.4153 5.72706C18.9655 5.72706 19.4411 6.04522 19.6737 6.50814C19.7262 6.61197 19.7229 6.70648 19.8265 6.76528C19.9555 6.83896 20.0742 6.74965 20.2148 6.70872C22.3607 6.08653 24.462 6.1963 26.1612 6.50107C28.43 6.90706 30.7302 7.91291 33.0892 7.15415C34.8923 6.57364 35.5417 5.46211 35.5144 4.34611C35.4914 3.46492 34.9963 3.10471 34.3691 3.60298Z' fill='%230F2856'/%3E%3C/svg%3E%0A");
}
#block-chat-menu .menu--chat-menu .support-chat-link.is-active {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='%2321D9E5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.1679 8.58594C22.1664 6.26463 18.0985 8.61794 15.6596 11.1041C15.2761 11.4948 15.5631 12.0173 16.0505 11.9161C19.4672 11.2109 23.7839 12.3727 25.4103 16.1895C26.6832 19.178 26.5123 22.6384 24.6958 25.1867C22.6726 27.9263 19.6927 29.7713 14.6049 29.5752C7.64372 29.3061 4.78919 25.749 3.49708 24.2211C2.97566 23.6037 1.99604 23.52 2.46015 24.7904C2.89356 25.9704 4.69119 29.8226 8.82562 32.3557C11.567 34.0354 15.5272 35.5712 20.7511 35.0934C29.9571 34.2513 34.3189 28.4625 35.1687 21.9693C36.2338 13.8291 30.7237 9.57355 28.1679 8.58594Z' fill='%2321D9E5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.3691 3.60298C32.6203 4.98914 31.0397 4.8455 29.0849 4.10423C26.7751 3.22974 24.0537 1.91354 22.3737 1.49081C17.615 0.29369 13.0634 0.698559 9.46376 2.67304C6.18728 4.47152 3.69996 7.60851 2.56651 11.2933C0.841363 16.896 3.21515 21.8578 5.13962 23.8521C7.65356 26.6958 12.417 28.082 15.185 28.1713C16.0141 28.1977 16.2382 27.5394 15.7704 27.3042C15.303 27.0672 14.3689 26.6076 13.9761 26.3069C12.6378 25.2884 11.7358 23.9834 11.247 22.5366C11.0698 22.013 11.1172 21.898 10.9519 21.3172C10.8435 20.9357 10.4693 21.0485 10.2433 21.0485C9.35171 21.0485 8.62948 20.3217 8.62948 19.4245C8.62948 18.5266 9.20674 17.7998 10.0991 17.7998C10.3665 17.7998 10.6434 17.9651 10.8694 17.8557C11.0916 17.7474 11.0861 17.5007 11.1504 17.2573C11.2263 16.9726 11.3135 16.6887 11.4145 16.4062C11.487 16.206 11.5018 16.0137 11.3638 15.8894C11.1453 15.6903 10.936 15.7621 10.6923 15.6311C10.1501 15.3371 9.78031 14.7607 9.78031 14.0976C9.78031 13.136 10.5547 12.3572 11.5095 12.3572C11.8631 12.3572 12.1903 12.4651 12.4633 12.6489C12.6319 12.7635 12.6744 12.8979 12.8778 12.8848C13.0927 12.8711 13.1104 12.6984 13.2165 12.519C13.4214 12.1752 13.6307 11.85 13.8445 11.5404C13.9188 11.431 13.9891 11.348 13.9513 11.2229C13.8933 11.032 13.7128 11.0492 13.5649 10.9208C13.2214 10.6246 13.0028 10.187 13.0028 9.69538C13.0028 8.79968 13.7265 8.0718 14.6166 8.0718C15.0781 8.0718 15.4901 8.26754 15.7823 8.57901C15.8987 8.70218 15.9032 8.80824 16.0703 8.84173C16.2123 8.8715 16.2885 8.80898 16.3987 8.71893C16.5973 8.55705 16.8003 8.40523 17.0022 8.26159C17.1091 8.18605 17.2201 8.1533 17.2397 8.02529C17.2589 7.89505 17.1724 7.82695 17.1195 7.70415C17.0451 7.53371 17.0022 7.34654 17.0022 7.1482C17.0022 6.36339 17.6346 5.72706 18.4153 5.72706C18.9655 5.72706 19.4411 6.04522 19.6737 6.50814C19.7262 6.61197 19.7229 6.70648 19.8265 6.76528C19.9555 6.83896 20.0742 6.74965 20.2148 6.70872C22.3607 6.08653 24.462 6.1963 26.1612 6.50107C28.43 6.90706 30.7302 7.91291 33.0892 7.15415C34.8923 6.57364 35.5417 5.46211 35.5144 4.34611C35.4914 3.46492 34.9963 3.10471 34.3691 3.60298Z' fill='%2321D9E5'/%3E%3C/svg%3E%0A");
}
#block-chat-menu .menu--chat-menu .settings-link {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_12)'%3E%3Cpath d='M34.5465 15.4161L30.7498 14.2828C30.4874 13.3663 30.1264 12.4809 29.6732 11.6421L31.5318 8.1628C31.6016 8.03147 31.6271 7.88115 31.6047 7.73416C31.5822 7.58716 31.513 7.45133 31.4072 7.34681L28.6985 4.62682C28.594 4.52105 28.4582 4.45179 28.3112 4.42933C28.1642 4.40688 28.0139 4.43241 27.8825 4.50216L24.4259 6.34948C23.5788 5.87423 22.6818 5.49414 21.7512 5.21615L20.6179 1.46484C20.57 1.32659 20.4794 1.20712 20.3592 1.12362C20.2391 1.04012 20.0955 0.996896 19.9492 1.00017H16.1186C15.9714 1.00086 15.8283 1.04849 15.7101 1.13614C15.5919 1.22379 15.5047 1.34688 15.4613 1.4875L14.3279 5.22749C13.3896 5.50399 12.4849 5.88411 11.6306 6.36081L8.23063 4.52482C8.0993 4.45508 7.94898 4.42954 7.80198 4.452C7.65499 4.47446 7.51915 4.54371 7.41463 4.64949L4.66065 7.33547C4.55487 7.43999 4.48562 7.57583 4.46316 7.72282C4.4407 7.86982 4.46624 8.02014 4.53598 8.15147L6.37197 11.5515C5.89604 12.4021 5.51594 13.303 5.23865 14.2374L1.48733 15.3708C1.34671 15.4142 1.22362 15.5014 1.13597 15.6196C1.04832 15.7378 1.00069 15.8809 1 16.0281V19.8587C1.00069 20.0059 1.04832 20.149 1.13597 20.2673C1.22362 20.3855 1.34671 20.4726 1.48733 20.5161L5.26131 21.6494C5.54164 22.5683 5.92167 23.4538 6.39464 24.2901L4.53598 27.8487C4.46624 27.98 4.4407 28.1304 4.46316 28.2774C4.48562 28.4243 4.55487 28.5602 4.66065 28.6647L7.3693 31.3734C7.47382 31.4791 7.60965 31.5484 7.75665 31.5708C7.90365 31.5933 8.05397 31.5678 8.1853 31.498L11.6873 29.628C12.5157 30.075 13.3896 30.4322 14.2939 30.6934L15.4273 34.5127C15.4707 34.6533 15.5579 34.7764 15.6761 34.864C15.7943 34.9517 15.9374 34.9993 16.0846 35H19.9152C20.0624 34.9993 20.2055 34.9517 20.3237 34.864C20.442 34.7764 20.5291 34.6533 20.5726 34.5127L21.7059 30.682C22.6025 30.4195 23.4687 30.0624 24.2899 29.6167L27.8145 31.498C27.9459 31.5678 28.0962 31.5933 28.2432 31.5708C28.3902 31.5484 28.526 31.4791 28.6305 31.3734L31.3392 28.6647C31.445 28.5602 31.5142 28.4243 31.5367 28.2774C31.5591 28.1304 31.5336 27.98 31.4638 27.8487L29.5825 24.3354C30.0329 23.5111 30.3938 22.6411 30.6592 21.7401L34.4785 20.6067C34.6191 20.5633 34.7422 20.4761 34.8299 20.3579C34.9175 20.2397 34.9651 20.0966 34.9658 19.9494V16.0848C34.9725 15.9438 34.9359 15.8042 34.861 15.6847C34.786 15.5652 34.6763 15.4715 34.5465 15.4161ZM18.0339 24.2334C16.8011 24.2334 15.5959 23.8678 14.5709 23.1829C13.5458 22.498 12.7469 21.5245 12.2751 20.3855C11.8033 19.2465 11.6799 17.9932 11.9204 16.784C12.1609 15.5749 12.7546 14.4642 13.6263 13.5925C14.498 12.7207 15.6087 12.1271 16.8179 11.8866C18.027 11.646 19.2803 11.7695 20.4193 12.2413C21.5583 12.7131 22.5318 13.512 23.2167 14.5371C23.9016 15.5621 24.2672 16.7673 24.2672 18.0001C24.2672 19.6533 23.6105 21.2387 22.4415 22.4077C21.2726 23.5767 19.6871 24.2334 18.0339 24.2334Z' fill='%230F2856'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_12'%3E%3Crect width='36' height='36' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#block-chat-menu .menu--chat-menu .settings-link.is-active {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_12)'%3E%3Cpath d='M34.5465 15.4161L30.7498 14.2828C30.4874 13.3663 30.1264 12.4809 29.6732 11.6421L31.5318 8.1628C31.6016 8.03147 31.6271 7.88115 31.6047 7.73416C31.5822 7.58716 31.513 7.45133 31.4072 7.34681L28.6985 4.62682C28.594 4.52105 28.4582 4.45179 28.3112 4.42933C28.1642 4.40688 28.0139 4.43241 27.8825 4.50216L24.4259 6.34948C23.5788 5.87423 22.6818 5.49414 21.7512 5.21615L20.6179 1.46484C20.57 1.32659 20.4794 1.20712 20.3592 1.12362C20.2391 1.04012 20.0955 0.996896 19.9492 1.00017H16.1186C15.9714 1.00086 15.8283 1.04849 15.7101 1.13614C15.5919 1.22379 15.5047 1.34688 15.4613 1.4875L14.3279 5.22749C13.3896 5.50399 12.4849 5.88411 11.6306 6.36081L8.23063 4.52482C8.0993 4.45508 7.94898 4.42954 7.80198 4.452C7.65499 4.47446 7.51915 4.54371 7.41463 4.64949L4.66065 7.33547C4.55487 7.43999 4.48562 7.57583 4.46316 7.72282C4.4407 7.86982 4.46624 8.02014 4.53598 8.15147L6.37197 11.5515C5.89604 12.4021 5.51594 13.303 5.23865 14.2374L1.48733 15.3708C1.34671 15.4142 1.22362 15.5014 1.13597 15.6196C1.04832 15.7378 1.00069 15.8809 1 16.0281V19.8587C1.00069 20.0059 1.04832 20.149 1.13597 20.2673C1.22362 20.3855 1.34671 20.4726 1.48733 20.5161L5.26131 21.6494C5.54164 22.5683 5.92167 23.4538 6.39464 24.2901L4.53598 27.8487C4.46624 27.98 4.4407 28.1304 4.46316 28.2774C4.48562 28.4243 4.55487 28.5602 4.66065 28.6647L7.3693 31.3734C7.47382 31.4791 7.60965 31.5484 7.75665 31.5708C7.90365 31.5933 8.05397 31.5678 8.1853 31.498L11.6873 29.628C12.5157 30.075 13.3896 30.4322 14.2939 30.6934L15.4273 34.5127C15.4707 34.6533 15.5579 34.7764 15.6761 34.864C15.7943 34.9517 15.9374 34.9993 16.0846 35H19.9152C20.0624 34.9993 20.2055 34.9517 20.3237 34.864C20.442 34.7764 20.5291 34.6533 20.5726 34.5127L21.7059 30.682C22.6025 30.4195 23.4687 30.0624 24.2899 29.6167L27.8145 31.498C27.9459 31.5678 28.0962 31.5933 28.2432 31.5708C28.3902 31.5484 28.526 31.4791 28.6305 31.3734L31.3392 28.6647C31.445 28.5602 31.5142 28.4243 31.5367 28.2774C31.5591 28.1304 31.5336 27.98 31.4638 27.8487L29.5825 24.3354C30.0329 23.5111 30.3938 22.6411 30.6592 21.7401L34.4785 20.6067C34.6191 20.5633 34.7422 20.4761 34.8299 20.3579C34.9175 20.2397 34.9651 20.0966 34.9658 19.9494V16.0848C34.9725 15.9438 34.9359 15.8042 34.861 15.6847C34.786 15.5652 34.6763 15.4715 34.5465 15.4161ZM18.0339 24.2334C16.8011 24.2334 15.5959 23.8678 14.5709 23.1829C13.5458 22.498 12.7469 21.5245 12.2751 20.3855C11.8033 19.2465 11.6799 17.9932 11.9204 16.784C12.1609 15.5749 12.7546 14.4642 13.6263 13.5925C14.498 12.7207 15.6087 12.1271 16.8179 11.8866C18.027 11.646 19.2803 11.7695 20.4193 12.2413C21.5583 12.7131 22.5318 13.512 23.2167 14.5371C23.9016 15.5621 24.2672 16.7673 24.2672 18.0001C24.2672 19.6533 23.6105 21.2387 22.4415 22.4077C21.2726 23.5767 19.6871 24.2334 18.0339 24.2334Z' fill='%2321D9E5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_12'%3E%3Crect width='36' height='36' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#block-chat-menu .menu--chat-menu .chat-link {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.05291 28.0903H8.4392V35L17.0759 28.0903H25.3706C27.2382 28.0903 28.7569 26.5715 28.7569 24.704V11.1589C28.7569 9.29133 27.2382 7.77258 25.3706 7.77258H5.05291C3.18538 7.77258 1.66663 9.29133 1.66663 11.1589V24.704C1.66663 26.5715 3.18538 28.0903 5.05291 28.0903Z' fill='%230F2856'/%3E%3Cpath d='M32.1432 1H11.8255C9.95796 1 8.43921 2.51875 8.43921 4.38629H28.7569C30.6245 4.38629 32.1432 5.90504 32.1432 7.77257V21.3177C34.0107 21.3177 35.5295 19.799 35.5295 17.9314V4.38629C35.5295 2.51875 34.0107 1 32.1432 1Z' fill='%230F2856'/%3E%3C/svg%3E%0A");
}
#block-chat-menu .menu--chat-menu .chat-link.is-active {
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.05291 28.0903H8.4392V35L17.0759 28.0903H25.3706C27.2382 28.0903 28.7569 26.5715 28.7569 24.704V11.1589C28.7569 9.29133 27.2382 7.77258 25.3706 7.77258H5.05291C3.18538 7.77258 1.66663 9.29133 1.66663 11.1589V24.704C1.66663 26.5715 3.18538 28.0903 5.05291 28.0903Z' fill='%2321D9E5'/%3E%3Cpath d='M32.1432 1H11.8255C9.95796 1 8.43921 2.51875 8.43921 4.38629H28.7569C30.6245 4.38629 32.1432 5.90504 32.1432 7.77257V21.3177C34.0107 21.3177 35.5295 19.799 35.5295 17.9314V4.38629C35.5295 2.51875 34.0107 1 32.1432 1Z' fill='%2321D9E5'/%3E%3C/svg%3E%0A");
}
#block-chat-menu .menu--chat-menu .archived-chat-link {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.5003 10.2796H4.49845C4.09781 10.2697 3.71688 10.1037 3.43694 9.81688C3.15699 9.53009 3.0002 9.14526 3 8.74449L3 8.70419V8.70664V5.53509C3 4.69977 3.66679 4.02076 4.49601 4H33.5003C34.332 4.01832 34.9988 4.6961 34.9988 5.53021V5.57173V5.56929V8.70664L35 8.75426C35.0001 9.15389 34.8434 9.53762 34.5637 9.82304C34.284 10.1085 33.9035 10.2728 33.504 10.2808H33.5028L33.5003 10.2796ZM33.6579 31.7379V13.9372C33.6579 13.5226 33.4932 13.125 33.2 12.8318C32.9069 12.5387 32.5093 12.374 32.0947 12.374H5.91142C5.49684 12.374 5.09924 12.5387 4.80609 12.8318C4.51293 13.125 4.34824 13.5226 4.34824 13.9372V31.7452C4.34824 32.6086 5.04801 33.3084 5.91142 33.3084H32.0874C32.9544 33.3084 33.6566 32.605 33.6579 31.7379ZM22.4054 20.7468H15.6044C15.3977 20.7449 15.2 20.6619 15.0538 20.5157C14.9076 20.3696 14.8247 20.1719 14.8228 19.9652V19.434C14.8247 19.2273 14.9076 19.0296 15.0538 18.8834C15.2 18.7372 15.3977 18.6543 15.6044 18.6524H22.4079C22.6146 18.6543 22.8122 18.7372 22.9584 18.8834C23.1046 19.0296 23.1875 19.2273 23.1894 19.434V19.9591C23.1894 20.1674 23.107 20.3672 22.96 20.5148C22.8131 20.6624 22.6137 20.7458 22.4054 20.7468Z' fill='%230F2856'/%3E%3C/svg%3E%0A");
}
#block-chat-menu .menu--chat-menu .archived-chat-link.is-active {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.5003 10.2796H4.49845C4.09781 10.2697 3.71688 10.1037 3.43694 9.81688C3.15699 9.53009 3.0002 9.14526 3 8.74449L3 8.70419V8.70664V5.53509C3 4.69977 3.66679 4.02076 4.49601 4H33.5003C34.332 4.01832 34.9988 4.6961 34.9988 5.53021V5.57173V5.56929V8.70664L35 8.75426C35.0001 9.15389 34.8434 9.53762 34.5637 9.82304C34.284 10.1085 33.9035 10.2728 33.504 10.2808H33.5028L33.5003 10.2796ZM33.6579 31.7379V13.9372C33.6579 13.5226 33.4932 13.125 33.2 12.8318C32.9069 12.5387 32.5093 12.374 32.0947 12.374H5.91142C5.49684 12.374 5.09924 12.5387 4.80609 12.8318C4.51293 13.125 4.34824 13.5226 4.34824 13.9372V31.7452C4.34824 32.6086 5.04801 33.3084 5.91142 33.3084H32.0874C32.9544 33.3084 33.6566 32.605 33.6579 31.7379ZM22.4054 20.7468H15.6044C15.3977 20.7449 15.2 20.6619 15.0538 20.5157C14.9076 20.3696 14.8247 20.1719 14.8228 19.9652V19.434C14.8247 19.2273 14.9076 19.0296 15.0538 18.8834C15.2 18.7372 15.3977 18.6543 15.6044 18.6524H22.4079C22.6146 18.6543 22.8122 18.7372 22.9584 18.8834C23.1046 19.0296 23.1875 19.2273 23.1894 19.434V19.9591C23.1894 20.1674 23.107 20.3672 22.96 20.5148C22.8131 20.6624 22.6137 20.7458 22.4054 20.7468Z' fill='%2321D9E5'/%3E%3C/svg%3E%0A");
}
#block-chat-menu a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.view-my-chats-archived-chats-page.modal-open,
.view-my-chats-my-support-chat-mobile.modal-open,
body.view-my-chats-my-chat-page.modal-open,
body.view-my-chats-my-chats-mobile-page.modal-open,
body.entity-private-message-thread-mobile-preview.modal-open {
  overflow: initial;
}

.mobile-chat .dropzone {
  min-height: 50px;
}
.mobile-chat .toolbar-inner {
  overflow: unset;
}
.mobile-chat .send-btn {
  align-self: unset;
}
.mobile-chat .toolbar-inner .message-contextual-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100000;
}
.mobile-chat .message-contextual-menu {
  transition: opacity 300ms;
  opacity: 1;
}
.mobile-chat .popper-hidden {
  opacity: 0 !important;
  display: none !important;
}
.mobile-chat .message-contextual-menu {
  background-color: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  z-index: 100;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mobile-chat .message-contextual-menu a {
  color: white;
  text-decoration: unset;
}
.mobile-chat .p-chat {
  min-height: 85vh;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: relative;
  background: lightgray;
}
.mobile-chat .p-thread--outer {
  min-height: 75vh;
  max-height: 75vh;
  background-color: lightgrey;
}
.mobile-chat .p-message-form {
  position: unset;
  width: unset;
  margin-left: unset;
  bottom: unset;
  padding-bottom: 15px;
}
.mobile-chat .dropzone-outer {
  position: relative;
}
.mobile-chat .dz-details {
  display: none;
}
.mobile-chat .message-bar-area,
.mobile-chat .message-bar {
  z-index: 1000;
  width: 100%;
}
.mobile-chat .toolbar-inner .popper-contextual-menu {
  margin-right: 9px;
}
.mobile-chat .toolbar-inner .popper-contextual-menu:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg fill='%238e8e8e' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 950 950' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M857.7,141.3c-30.1-30.1-65.1-53.5-104.3-69.4c-37.8-15.3-77.7-23.2-118.7-23.2c-40.9,0-80.9,7.7-118.7,22.9 c-39.1,15.8-74.2,38.9-104.3,68.8L73.1,478.3C49.3,501.9,30.9,529.4,18.3,560.2C6.2,589.9,0,621.3,0,653.6 C0,685.7,6.1,717,18.1,746.7c12.4,30.7,30.7,58.2,54.3,81.899c23.6,23.7,51.2,42,81.9,54.5c29.7,12.101,61.1,18.2,93.3,18.2 c32.2,0,63.6-6.1,93.3-18.1c30.8-12.5,58.399-30.8,82.1-54.4l269.101-268c17.3-17.2,30.6-37.3,39.699-59.7 c8.801-21.6,13.2-44.5,13.2-67.899c0-48.2-18.8-93.2-52.899-127c-34-34.2-79.2-53.1-127.301-53.3c-48.199-0.1-93.5,18.6-127.6,52.7 L269.6,473.3c-8.5,8.5-13.1,19.7-13.1,31.601c0,11.899,4.6,23.199,13.1,31.6l0.7,0.7c17.4,17.5,45.8,17.5,63.3,0.1l168-167.5 c35.1-34.8,92.1-35,127.199-0.399c16.9,16.8,26.101,39.3,26.101,63.399c0,24.3-9.4,47.101-26.5,64.101l-269,268 c-0.5,0.5-0.9,0.899-1.2,1.5c-29.7,28.899-68.9,44.699-110.5,44.5c-41.9-0.2-81.2-16.5-110.6-46c-14.7-15-26.1-32.5-34-52 C95.5,694,91.7,674,91.7,653.6c0-41.8,16.1-80.899,45.4-110.3c0.4-0.3,0.7-0.6,1.1-0.899l337.9-337.8c0.3-0.3,0.6-0.7,0.899-1.1 c21.4-21,46.3-37.4,74-48.5c27-10.8,55.4-16.2,84.601-16.2c29.199,0,57.699,5.6,84.6,16.4c27.9,11.3,52.9,27.8,74.3,49.1 c21.4,21.4,37.9,46.4,49.2,74.3c10.9,26.9,16.4,55.4,16.4,84.6c0,29.3-5.5,57.9-16.5,85c-11.301,28-28,53.2-49.5,74.8l-233.5,232.8 c-8.5,8.5-13.2,19.7-13.2,31.7s4.7,23.2,13.1,31.6l0.5,0.5c17.4,17.4,45.8,17.4,63.2,0L857.5,586.9 C887.601,556.8,911,521.7,926.9,482.6C942.3,444.8,950,404.9,950,363.9c0-40.9-7.8-80.8-23.1-118.5 C911.101,206.3,887.8,171.3,857.7,141.3z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  width: 20px;
  height: 20px;
}
.mobile-chat .toolbar-inner .popper-contextual-menu,
.mobile-chat .upload-files-from-gallery,
.mobile-chat .upload-files-from-camera {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-chat .toolbar-inner .popper-contextual-menu i:before,
.mobile-chat .upload-files-from-gallery i:before,
.mobile-chat .upload-files-from-camera i:before {
  color: #8e8e8e;
  font-size: 20px;
}
.mobile-chat .message-bar {
  position: relative;
  bottom: unset;
  height: unset;
}
.mobile-chat .dropzone-outer {
  padding: 0;
  margin: 0;
}
.mobile-chat .images-preview {
  max-width: 85vw;
  top: -10vh;
  position: absolute;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  padding: 0;
}
.mobile-chat .images-preview:empty {
  display: none;
}
.mobile-chat .dropzone .dz-preview {
  min-height: unset;
  margin: unset;
}
.mobile-chat .dz-image {
  width: auto !important;
  height: auto !important;
}
.mobile-chat .dz-image img {
  width: 100%;
  height: 100%;
}
.mobile-chat .message-photos img {
  margin-bottom: 10px;
}
.mobile-chat .private-message-oktopro-message {
  align-self: center;
  min-width: 85%;
}
.mobile-chat .panel.panel-default {
  background: unset;
  border: unset;
  box-shadow: unset;
}
.mobile-chat .communication-message-wrapper .communication-message-link {
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.mobile-chat .communication-message-wrapper > div a {
  position: relative;
  z-index: 2;
}

.p-message-form {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top-right-radius: 12px;
  border-top-left-radius: 10px;
  background: white;
}

.oktopro-new-support-chat,
.entity-private-message-thread-mobile-preview {
  max-height: 100vh;
  overflow: hidden;
}
.oktopro-new-support-chat .region-header,
.entity-private-message-thread-mobile-preview .region-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.oktopro-new-support-chat .header-title,
.entity-private-message-thread-mobile-preview .header-title {
  position: relative;
}
.oktopro-new-support-chat .contract-actions,
.entity-private-message-thread-mobile-preview .contract-actions {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.oktopro-new-support-chat .contract-actions .left, .oktopro-new-support-chat .contract-actions .right,
.entity-private-message-thread-mobile-preview .contract-actions .left,
.entity-private-message-thread-mobile-preview .contract-actions .right {
  flex-basis: 46%;
}
.oktopro-new-support-chat .contract-actions .right a,
.oktopro-new-support-chat .contract-actions .dropdown-toggle,
.entity-private-message-thread-mobile-preview .contract-actions .right a,
.entity-private-message-thread-mobile-preview .contract-actions .dropdown-toggle {
  border: 1px solid black;
  width: 100%;
}
.oktopro-new-support-chat .contract-actions .dropdown.open .dropdown-menu,
.entity-private-message-thread-mobile-preview .contract-actions .dropdown.open .dropdown-menu {
  z-index: 10000;
  max-height: 80vh;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  padding: 10px;
  align-items: flex-start;
}
.oktopro-new-support-chat .contract-actions .dropdown.open .dropdown-menu > a,
.entity-private-message-thread-mobile-preview .contract-actions .dropdown.open .dropdown-menu > a {
  width: 100%;
  text-align: inherit;
  margin-bottom: 10px;
}
.oktopro-new-support-chat .contract-actions .dropdown.open a,
.entity-private-message-thread-mobile-preview .contract-actions .dropdown.open a {
  padding: 8px 12px;
}
.oktopro-new-support-chat .contract-actions .dropdown.open .add-worksession:before,
.oktopro-new-support-chat .contract-actions .dropdown.open .add-phase:before,
.entity-private-message-thread-mobile-preview .contract-actions .dropdown.open .add-worksession:before,
.entity-private-message-thread-mobile-preview .contract-actions .dropdown.open .add-phase:before {
  content: "";
  display: inline-block;
  width: 31px !important;
  height: 35px;
  margin-right: 10px;
  vertical-align: middle;
  background-size: contain;
}
.oktopro-new-support-chat .region-header,
.entity-private-message-thread-mobile-preview .region-header {
  border-bottom: 1px solid lightgrey;
  padding-bottom: 5px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.oktopro-new-support-chat .page-header,
.entity-private-message-thread-mobile-preview .page-header {
  padding: 0 40px;
  text-align: center;
  border: unset;
  margin: 0 0 0 10px;
}
.oktopro-new-support-chat .back-button,
.entity-private-message-thread-mobile-preview .back-button {
  position: absolute;
  left: 10px;
  z-index: 10000;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid black;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.oktopro-new-support-chat .back-button a,
.entity-private-message-thread-mobile-preview .back-button a {
  width: 100%;
  display: block;
  padding: 10px;
}

body.oktopro-new-support-chat .region-header {
  padding: 10px;
}
body.oktopro-new-support-chat .page-header {
  text-align: center;
}

.entity-private-message-thread-mobile-preview .region-header, .entity-private-message-thread-mobile-preview .p-message-form,
body.oktopro-new-support-chat .region-header,
body.oktopro-new-support-chat .p-message-form {
  width: 100vw;
  /* make it 100% of the viewport width (vw) */
  margin-left: calc((100% - 100vw) / 2);
  /* then remove the gap to the left of the container with this equation */
}
.entity-private-message-thread-mobile-preview .page-header,
body.oktopro-new-support-chat .page-header {
  border-bottom: unset;
}
.entity-private-message-thread-mobile-preview .p-message-form .top,
body.oktopro-new-support-chat .p-message-form .top {
  display: none;
}
.entity-private-message-thread-mobile-preview .create-chat-message-form,
body.oktopro-new-support-chat .create-chat-message-form {
  padding-top: 0;
}
.entity-private-message-thread-mobile-preview .main-container > .row > .col-sm-12,
body.oktopro-new-support-chat .main-container > .row > .col-sm-12 {
  background-color: lightgray;
}
.entity-private-message-thread-mobile-preview .region-header,
body.oktopro-new-support-chat .region-header {
  padding-bottom: 5px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: white;
  border-bottom: 1px solid lightslategrey;
}

.reply-is-focused::after {
  content: "";
}

.view-comm-tool-mobile-app-thread-page .panel.panel-default {
  border-radius: 12px;
}
.view-comm-tool-mobile-app-thread-page .communication-message-wrapper {
  position: relative;
}
.view-comm-tool-mobile-app-thread-page .communication-message-wrapper .communication-message-link {
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.view-comm-tool-mobile-app-thread-page .communication-message-wrapper > div a {
  position: relative;
  z-index: 2;
}

.view-comm-tool-mobile-app-thread-page .region-header,
.oktopro-chat-settings-page .region-header,
.view-my-chats-my-support-chat-mobile .region-header,
.view-my-chats-my-chats-mobile-page .region-header,
.view-my-chats-archived-chats-page .region-header {
  position: relative;
}
.view-comm-tool-mobile-app-thread-page .page-header,
.oktopro-chat-settings-page .page-header,
.view-my-chats-my-support-chat-mobile .page-header,
.view-my-chats-my-chats-mobile-page .page-header,
.view-my-chats-archived-chats-page .page-header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.app-requests-counter {
  position: absolute;
  right: 0;
  top: 6px;
  background: url(../images/knowledge_base_shoutbox_noback.svg) no-repeat -46px -46px;
  background-size: 200%;
  width: 45px;
  height: 45px;
  display: block;
}
.app-requests-counter a {
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.oktopro-chat-settings-page .field--name-field-is-chat-notifications-on {
  display: flex;
  align-items: center;
}

.oktopro-chat-settings-page .checkbox-label {
  margin-left: 10px;
  font-size: 16px;
  color: #0f2856;
}

.oktopro-chat-settings-page #oktopro-chat-settings {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - (75px + 61px));
}
.oktopro-chat-settings-page #oktopro-chat-settings .logout {
  margin-top: auto;
  border: 1px solid;
  margin-bottom: 30px;
}

.checkbox-switch {
  position: relative;
  display: flex;
  width: 42px;
  height: 24px;
}
.checkbox-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.checkbox-switch .slider {
  position: absolute;
  cursor: pointer;
  border-radius: 34px;
  top: 0;
  left: -2px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.checkbox-switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.checkbox-switch input:checked + .slider {
  background-color: #21d9e5;
}
.checkbox-switch input:focus + .slider {
  box-shadow: 0 0 1px #21d9e5;
}
.checkbox-switch input:checked + .slider:before {
  transform: translateX(22px);
}
.checkbox-switch > .form-group {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}
.checkbox-switch .checkbox-label {
  margin-left: 60px;
  font-size: 16px;
  font-weight: normal;
}

.dealer-invoice-post-form .organisations-info-wrapper {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: auto;
}
.dealer-invoice-post-form .organisations-info-wrapper .views-label-title {
  display: none;
}
.dealer-invoice-post-form .organisations-info-wrapper > div {
  width: 150px;
  flex-basis: 150px;
  flex-grow: 1;
  padding: 10px 35px;
}
.dealer-invoice-post-form .organisations-info-wrapper > div:first-child {
  margin-left: 5px;
}
.dealer-invoice-post-form .organisations-info-wrapper > div:last-child {
  margin-right: 5px;
  border-left: 2px solid #e8e8e8;
}
.dealer-invoice-post-form .organisations-info-wrapper .organisation-logo-buyer,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-logo-seller {
  height: 80px;
}
.dealer-invoice-post-form .organisations-info-wrapper .organisation-logo-buyer img,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-logo-seller img {
  max-height: 60px;
  width: auto;
}
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller- .views-row,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller .views-row,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-buyer .views-row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller- .views-row .views-field,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller .views-row .views-field,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-buyer .views-row .views-field {
  margin: 20px 0;
  width: 100%;
  padding-right: calc(50% + 15px);
}
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child, .dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2) {
  margin-top: 0;
  width: 50%;
  padding-right: 15px;
  min-height: 57px;
}
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller- .views-row .views-field .views-label,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller .views-row .views-field .views-label,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-buyer .views-row .views-field .views-label {
  display: block;
  font-weight: bold;
}
.dealer-invoice-post-form .organisations-info-wrapper .wrap-info {
  position: relative;
}
.dealer-invoice-post-form .organisations-info-wrapper .wrap-info .views-field-field-bank-account-number__revision-id {
  min-height: 57px;
}
.dealer-invoice-post-form .organisations-info-wrapper .wrap-info .wrap-vat {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
}
.dealer-invoice-post-form .organisations-info-wrapper .wrap-info .wrap-vat textarea {
  resize: none;
  overflow: hidden;
}
.dealer-invoice-post-form .organisations-info-wrapper .wrap-info .wrap-vat input {
  width: 100%;
  border-radius: 4px;
}
.dealer-invoice-post-form .organisations-info-wrapper .wrap-info .wrap-vat .input-group .flexdatalist-alias {
  border-radius: 4px 0 0 4px;
}
.dealer-invoice-post-form .organisations-info-wrapper .wrap-info .wrap-vat .field--name-vat-description {
  min-height: 78px;
}
.dealer-invoice-post-form .organisations-info-wrapper .wrap-info .field--name-seller-custom-number {
  position: absolute;
  right: 0;
  top: 78px;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .dealer-invoice-post-form .organisations-info-wrapper {
    width: 100%;
  }
  .dealer-invoice-post-form .organisations-info-wrapper > div {
    padding: 10px 15px;
  }
  .dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:first-child, .dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller- .views-row .views-field:nth-child(2),
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller .views-row .views-field:first-child,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-seller .views-row .views-field:nth-child(2),
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:first-child,
.dealer-invoice-post-form .organisations-info-wrapper .organisation-info-buyer .views-row .views-field:nth-child(2) {
    width: inherit;
  }
  .dealer-invoice-post-form .organisations-info-wrapper .wrap-info .wrap-vat,
.dealer-invoice-post-form .organisations-info-wrapper .wrap-info .field--name-seller-custom-number {
    position: initial;
    width: inherit;
  }
}

.material-order {
  margin-top: 45px;
  background: #f4f4f4;
  padding: 15px;
}

.dealer-invoice-post-form .invoice-form-popup-dialog-button {
  display: none;
}

.dealer-invoice-post-form .bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.dealer-invoice-post-form .form-inline .control-label {
  display: block;
}
.dealer-invoice-post-form .form-inline .form-control {
  width: 100%;
}

.dealer-invoice-post-form .form-type-select {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.dealer-invoice-post-form .field--type-entity-reference-revisions.dealer-hidden-input {
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}

.dealer-invoice-post-form .field--name-total-netto > div {
  display: grid;
  grid-template-areas: "label label" "span input";
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 10px;
}
.dealer-invoice-post-form .field--name-total-netto > div label {
  grid-area: label;
}
.dealer-invoice-post-form .field--name-total-netto > div span {
  display: flex;
  justify-content: center;
  align-items: center;
}

.material-order-view.pdf .top {
  display: flex;
  flex-wrap: wrap;
  width: 60%;
  margin-bottom: 20px;
}
.material-order-view.pdf .top > div {
  flex: 50%;
  margin-bottom: 10px;
}
.material-order-view.pdf .middle {
  display: flex;
  justify-content: space-evenly;
}
.material-order-view.pdf .middle img {
  width: 200px;
  height: 200px;
}

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