@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
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 {
  -moz-box-sizing: content-box;
  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;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  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; }
  select {
    background: #fff !important; }
  .navbar {
    display: none; }
  .btn > .caret, .catalog .competence-areas-list .new-area-button > .caret,
  .dropup > .btn > .caret,
  .catalog .competence-areas-list .dropup > .new-area-button > .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; } }

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

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

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

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

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

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

figure {
  margin: 0; }

img {
  vertical-align: middle; }

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

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

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

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

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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  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: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777777; }

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

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

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

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

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

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

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

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

p {
  margin: 0 0 10px; }

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

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

mark,
.mark {
  background-color: #fcf8e3;
  padding: .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: #777777; }

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

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

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

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

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

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

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

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

.text-danger {
  color: #a94442; }

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

.bg-primary {
  color: #fff; }

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

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

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

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

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

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

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

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

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

a.bg-danger:hover {
  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.42857; }

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

.initialism {
  font-size: 90%; }

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

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  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: '\00A0 \2014'; }

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

.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-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.42857;
    color: #333333;
    white-space: nowrap; }

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

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

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

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

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

.open > a {
  outline: 0; }

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

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

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  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 solid;
  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; } }

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

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

.progress-bar {
  text-shadow: 0px 0px 4px black;
  padding: 0 2px; }

.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 {
  color: #555; }
  a.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  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: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #c7ddef; }

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

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

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

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

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

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

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

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

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

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

.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, .floating-panel, #questions-dependency .new-question-button .question-type-selector i + div {
  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, .floating-panel blockquote, #questions-dependency .new-question-button .question-type-selector i + div blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

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

.well-sm, .floating-panel {
  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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa, aside header i.switch-button, .card.bordered, .card.bordered.yellow, .card.bordered.red, .item-selectable.selected {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left, aside header i.fa-pull-left.switch-button, .fa-pull-left.card.bordered, .fa-pull-left.item-selectable.selected {
  margin-right: .3em; }

.fa.fa-pull-right, aside header i.fa-pull-right.switch-button, .fa-pull-right.card.bordered, .fa-pull-right.item-selectable.selected {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left, aside header i.pull-left.switch-button, .pull-left.card.bordered, .pull-left.item-selectable.selected {
  margin-right: .3em; }

.fa.pull-right, aside header i.pull-right.switch-button, .pull-right.card.bordered, .pull-right.item-selectable.selected {
  margin-left: .3em; }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before, .item-selectable.selected:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before, aside header i.switch-button:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before, .note-icon-compile:hover .icon:before {
  content: ""; }

.fa-sticky-note-o:before, .note-icon-compile .icon:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

* {
  font-family: 'Roboto', sans-serif;
  font-size: 13px; }

.font-raleway {
  font-family: 'Raleway'; }

.ng-hide-add, .ng-hide-remove {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  display: block !important; }

.ng-hide-add.ng-hide-add-active,
.ng-hide-remove {
  opacity: 0; }

.ng-hide-add,
.ng-hide-remove.ng-hide-remove-active {
  opacity: 1; }

.ng-enter,
.ng-leave,
.ng-move {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  position: relative; }

.ng-enter {
  opacity: 0; }

.ng-enter.ng-enter-active {
  opacity: 1; }

.ng-leave {
  opacity: 1; }

.ng-leave.ng-leave-active {
  opacity: 0; }

.ng-move {
  left: 2px;
  opacity: 0.5; }

.ng-move.ng-move-active {
  left: 0;
  opacity: 1; }

.disable-animations.ng-animate {
  -webkit-transition: none !important;
  transition: none !important; }

.disable-animations.ng-animate {
  -webkit-animation: none 0s;
  animation: none 0s; }

.ng-leave:not(.leave-animated) {
  display: none; }

.animated {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s; }

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

@-moz-keyframes scaleIn {
  0% {
    -moz-transform: scale(0); }
  100% {
    -moz-transform: scale(1); } }

@-ms-keyframes scaleIn {
  0% {
    -ms-transform: scale(0); }
  100% {
    -ms-transform: scale(1); } }

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

[row], [column], .flex, #container > #main > header, ul.tabs, .collapsable-header, .display-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  [row] > *, [column] > *, .flex > *, #container > #main > header > *, ul.tabs > *, .collapsable-header > *, .display-flex > * {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  [row] > [fixed], [column] > [fixed], .flex > [fixed], #container > #main > header > [fixed], ul.tabs > [fixed], .collapsable-header > [fixed], .display-flex > [fixed] {
    -webkit-box-flex: none !important;
    -moz-box-flex: none !important;
    -webkit-flex: none !important;
    -ms-flex: none !important;
    flex: none !important; }
  [row][align-center], [column][align-center], .flex[align-center], #container > #main > header[align-center], ul.tabs[align-center], .collapsable-header[align-center], .display-flex[align-center] {
    -webkit-box-align-items: center;
    -moz-box-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  [row][justify-center], [column][justify-center], .flex[justify-center], #container > #main > header[justify-center], ul.tabs[justify-center], .collapsable-header[justify-center], .display-flex[justify-center] {
    -webkit-box-justify-content: center;
    -moz-box-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; }
  [row][justify-space-between], [column][justify-space-between], .flex[justify-space-between], #container > #main > header[justify-space-between], ul.tabs[justify-space-between], .collapsable-header[justify-space-between], .display-flex[justify-space-between] {
    -webkit-box-justify-content: space-between;
    -moz-box-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
  [row][justify-space-around], [column][justify-space-around], .flex[justify-space-around], #container > #main > header[justify-space-around], ul.tabs[justify-space-around], .collapsable-header[justify-space-around], .display-flex[justify-space-around] {
    -webkit-box-justify-content: space-around;
    -moz-box-justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around; }
  [row] .separator, [column] .separator, .flex .separator, #container > #main > header .separator, ul.tabs .separator, .collapsable-header .separator, .display-flex .separator {
    background-color: #ddd;
    -webkit-box-flex: 0 0 1px;
    -moz-box-flex: 0 0 1px;
    -webkit-flex: 0 0 1px;
    -ms-flex: 0 0 1px;
    flex: 0 0 1px; }

[column] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  [column] > *:not(.separator):not(.tooltip) {
    overflow: auto;
    width: 100%; }
  [column] > *:not(.separator):not([fixed]):not(.tooltip) {
    height: 0px; }

[row] > *:not(.separator):not(.tooltip) {
  overflow: auto; }

[row] > *:not(.separator):not([fixed]):not(.tooltip) {
  width: 0px; }

[row][striped]:nth-child(even) {
  background-color: #F0F0F0; }

[row][striped]:nth-child(odd) {
  background-color: white; }

[flex="1"] {
  flex: none !important;
  width: 8.33333% !important; }

[flex="2"] {
  flex: none !important;
  width: 16.66667% !important; }

[flex="3"] {
  flex: none !important;
  width: 25% !important; }

[flex="4"] {
  flex: none !important;
  width: 33.33333% !important; }

[flex="5"] {
  flex: none !important;
  width: 41.66667% !important; }

[flex="6"] {
  flex: none !important;
  width: 50% !important; }

[flex="7"] {
  flex: none !important;
  width: 58.33333% !important; }

[flex="8"] {
  flex: none !important;
  width: 66.66667% !important; }

[flex="9"] {
  flex: none !important;
  width: 75% !important; }

[flex="10"] {
  flex: none !important;
  width: 83.33333% !important; }

[flex="11"] {
  flex: none !important;
  width: 91.66667% !important; }

[flex="12"] {
  flex: none !important;
  width: 100% !important; }

[flow] {
  display: inline-block;
  flex: none !important; }

@media screen and (min-width: 1550px) {
  [flex-ulg="1"] {
    flex: none !important;
    width: 8.33333% !important; }
  [flex-ulg="2"] {
    flex: none !important;
    width: 16.66667% !important; }
  [flex-ulg="3"] {
    flex: none !important;
    width: 25% !important; }
  [flex-ulg="4"] {
    flex: none !important;
    width: 33.33333% !important; }
  [flex-ulg="5"] {
    flex: none !important;
    width: 41.66667% !important; }
  [flex-ulg="6"] {
    flex: none !important;
    width: 50% !important; }
  [flex-ulg="7"] {
    flex: none !important;
    width: 58.33333% !important; }
  [flex-ulg="8"] {
    flex: none !important;
    width: 66.66667% !important; }
  [flex-ulg="9"] {
    flex: none !important;
    width: 75% !important; }
  [flex-ulg="10"] {
    flex: none !important;
    width: 83.33333% !important; }
  [flex-ulg="11"] {
    flex: none !important;
    width: 91.66667% !important; }
  [flex-ulg="12"] {
    flex: none !important;
    width: 100% !important; }
  [flow-ulg] {
    display: inline-block;
    flex: none !important; } }

@media screen and (min-width: 1200px) {
  [flex-lg="1"] {
    flex: none !important;
    width: 8.33333% !important; }
  [flex-lg="2"] {
    flex: none !important;
    width: 16.66667% !important; }
  [flex-lg="3"] {
    flex: none !important;
    width: 25% !important; }
  [flex-lg="4"] {
    flex: none !important;
    width: 33.33333% !important; }
  [flex-lg="5"] {
    flex: none !important;
    width: 41.66667% !important; }
  [flex-lg="6"] {
    flex: none !important;
    width: 50% !important; }
  [flex-lg="7"] {
    flex: none !important;
    width: 58.33333% !important; }
  [flex-lg="8"] {
    flex: none !important;
    width: 66.66667% !important; }
  [flex-lg="9"] {
    flex: none !important;
    width: 75% !important; }
  [flex-lg="10"] {
    flex: none !important;
    width: 83.33333% !important; }
  [flex-lg="11"] {
    flex: none !important;
    width: 91.66667% !important; }
  [flex-lg="12"] {
    flex: none !important;
    width: 100% !important; }
  [flow-lg] {
    display: inline-block;
    flex: none !important; } }

@media screen and (min-width: 992px) {
  [flex-md="1"] {
    flex: none !important;
    width: 8.33333% !important; }
  [flex-md="2"] {
    flex: none !important;
    width: 16.66667% !important; }
  [flex-md="3"] {
    flex: none !important;
    width: 25% !important; }
  [flex-md="4"] {
    flex: none !important;
    width: 33.33333% !important; }
  [flex-md="5"] {
    flex: none !important;
    width: 41.66667% !important; }
  [flex-md="6"] {
    flex: none !important;
    width: 50% !important; }
  [flex-md="7"] {
    flex: none !important;
    width: 58.33333% !important; }
  [flex-md="8"] {
    flex: none !important;
    width: 66.66667% !important; }
  [flex-md="9"] {
    flex: none !important;
    width: 75% !important; }
  [flex-md="10"] {
    flex: none !important;
    width: 83.33333% !important; }
  [flex-md="11"] {
    flex: none !important;
    width: 91.66667% !important; }
  [flex-md="12"] {
    flex: none !important;
    width: 100% !important; }
  [flow-lg] {
    display: inline-block;
    flex: none !important; } }

@media screen and (max-width: 768px) {
  [flex-sm="1"] {
    flex: none !important;
    width: 8.33333% !important; }
  [flex-sm="2"] {
    flex: none !important;
    width: 16.66667% !important; }
  [flex-sm="3"] {
    flex: none !important;
    width: 25% !important; }
  [flex-sm="4"] {
    flex: none !important;
    width: 33.33333% !important; }
  [flex-sm="5"] {
    flex: none !important;
    width: 41.66667% !important; }
  [flex-sm="6"] {
    flex: none !important;
    width: 50% !important; }
  [flex-sm="7"] {
    flex: none !important;
    width: 58.33333% !important; }
  [flex-sm="8"] {
    flex: none !important;
    width: 66.66667% !important; }
  [flex-sm="9"] {
    flex: none !important;
    width: 75% !important; }
  [flex-sm="10"] {
    flex: none !important;
    width: 83.33333% !important; }
  [flex-sm="11"] {
    flex: none !important;
    width: 91.66667% !important; }
  [flex-sm="12"] {
    flex: none !important;
    width: 100% !important; }
  [flow-sm] {
    display: inline-block;
    flex: none !important; }
  .hidden-xs {
    display: none; } }

@media screen and (max-width: 480px) {
  [flex-xs="1"] {
    flex: none !important;
    width: 8.33333% !important; }
  [flex-xs="2"] {
    flex: none !important;
    width: 16.66667% !important; }
  [flex-xs="3"] {
    flex: none !important;
    width: 25% !important; }
  [flex-xs="4"] {
    flex: none !important;
    width: 33.33333% !important; }
  [flex-xs="5"] {
    flex: none !important;
    width: 41.66667% !important; }
  [flex-xs="6"] {
    flex: none !important;
    width: 50% !important; }
  [flex-xs="7"] {
    flex: none !important;
    width: 58.33333% !important; }
  [flex-xs="8"] {
    flex: none !important;
    width: 66.66667% !important; }
  [flex-xs="9"] {
    flex: none !important;
    width: 75% !important; }
  [flex-xs="10"] {
    flex: none !important;
    width: 83.33333% !important; }
  [flex-xs="11"] {
    flex: none !important;
    width: 91.66667% !important; }
  [flex-xs="12"] {
    flex: none !important;
    width: 100% !important; }
  [flow-xs] {
    display: inline-block;
    flex: none !important; }
  .hidden-xs {
    display: none; } }

html, body {
  height: 100%; }

.position-relative {
  position: relative; }

header#header {
  height: 45px;
  background-color: #204286;
  color: #fff;
  width: 100%;
  z-index: 5;
  box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.2); }
  header#header .acme-form a:not(.btn) {
    color: white !important; }
  header#header button {
    line-height: 45px;
    border: none;
    background: transparent;
    padding: 0 15px;
    outline: none !important; }
    header#header button:hover {
      background-color: rgba(255, 255, 255, 0.2); }
    header#header button.active {
      background-color: #2a56af; }
  header#header h1, header#header h2, header#header h3, header#header h4 {
    line-height: 45px;
    margin: 0; }
  header#header .acme-form label span, header#header .acme-form label input {
    color: #fff !important;
    border-color: #fff !important; }

footer#footer {
  background-color: #333333;
  color: #fff;
  padding: 5px 10px;
  z-index: 1;
  height: 38px; }

body {
  overflow-x: hidden; }

#logo {
  padding: 10px;
  padding-top: 3px;
  height: 45px;
  display: block;
  background-color: #204286; }
  #logo img {
    width: 190px; }

aside, footer#footer {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s; }

aside {
  z-index: 2;
  width: 235px;
  position: fixed;
  top: 45px;
  height: calc(100% - 38px - 45px);
  left: 0;
  background-color: #fff;
  border-right: 1px solid #ddd;
  background-color: #fafafa; }
  aside .customer-logo {
    border-bottom: 1px solid #ddd;
    text-align: center; }
    aside .customer-logo .img {
      line-height: 90px;
      background-color: white;
      border-bottom: 1px solid #ddd; }
      aside .customer-logo .img img {
        margin: auto;
        max-width: 200px;
        max-height: 80px; }
    aside .customer-logo span {
      line-height: 40px;
      display: block;
      font-size: 15px; }
    aside .customer-logo .project-name {
      line-height: 40px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      font-size: 17px;
      padding: 0 5px;
      color: #204286; }
  aside hr {
    border-color: #ddd; }
  aside header {
    display: block;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #5C5C5C; }
    aside header:hover {
      background-color: #F0F0F0; }
    aside header i.switch-button {
      margin-left: 3px; }
  aside footer {
    border-top: 1px solid #ddd;
    bottom: 0;
    position: absolute;
    width: 100%; }
    aside footer span.aside-collapser {
      line-height: 30px;
      display: inline-block;
      width: 30px;
      text-align: center; }
      aside footer span.aside-collapser:hover {
        background-color: white; }
  aside .menu ul > li .fa.fa-fw, aside .menu ul > li header i.fa-fw.switch-button, aside header .menu ul > li i.fa-fw.switch-button, aside .menu ul > li .fa-fw.card.bordered, aside .menu ul > li .fa-fw.item-selectable.selected {
    margin-right: 7px; }
  aside ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0; }
    aside ul li {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      aside ul li a .fa, aside ul li a header i.switch-button, aside header ul li a i.switch-button, aside ul li a .card.bordered, aside ul li a .card.bordered.yellow, aside ul li a .card.bordered.red, aside ul li a .item-selectable.selected {
        color: #333; }
      aside ul li a span, aside ul li a .fa, aside ul li a header i.switch-button, aside header ul li a i.switch-button, aside ul li a .card.bordered, aside ul li a .card.bordered.yellow, aside ul li a .card.bordered.red, aside ul li a .item-selectable.selected {
        line-height: 32px;
        display: inline-block;
        vertical-align: middle;
        font-size: 15px; }
    aside ul li.has-children.open {
      border-left: 4px solid #204286;
      border-bottom: 1px solid #ddd;
      margin-left: 1px; }
      aside ul li.has-children.open > div a {
        padding-left: 5px; }
      aside ul li.has-children.open > ul a {
        padding-left: 33px; }
  aside .menu {
    max-height: calc(100% - 163px);
    overflow: auto; }
  aside .menu > ul li > div a {
    width: 100%;
    display: block;
    padding: 0 10px;
    line-height: 32px;
    cursor: pointer;
    color: #333333;
    text-decoration: none !important;
    outline: none !important;
    color: #333 !important; }
  aside .menu > ul li > div a:hover {
    text-decoration: none;
    background-color: #F0F0F0; }
  aside .menu > ul ul li.separate:after {
    display: block;
    content: ' ';
    border-bottom: 1px solid #ECECEC; }
  aside .menu > ul ul li a {
    padding-left: 38px;
    font-size: 14px; }
  aside li.active a {
    font-weight: bold;
    background: #ECECEC; }

#sidebar-toggler {
  display: none;
  cursor: pointer; }

#container {
  width: 100%;
  height: calc(100% -  38px);
  background: white; }
  #container > #main {
    height: 100%;
    overflow: auto;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s; }
    #container > #main > header {
      border-bottom: 1px solid #ddd;
      padding: 0 10px; }
      #container > #main > header > * {
        line-height: 65px;
        flex: 1; }
      #container > #main > header h1, #container > #main > header h2, #container > #main > header h3, #container > #main > header h4 {
        margin: 0; }
    #container > #main > .content {
      height: 100%; }
    #container > #main > header ~ .content {
      height: calc(100% - 66px); }

header#header ~ #container {
  height: calc(100% - 45px - 38px); }

#logo-footer {
  display: block; }

.full-width {
  width: 100%; }

.full-height {
  height: 100%; }

@media screen and (min-width: 1025px) {
  body aside ~ #main {
    padding-left: 235px; }
  body aside ~ footer#footer {
    left: 235px; } }

@media screen and (max-width: 1024px) {
  footer#footer {
    left: 0; }
  #sidebar-toggler {
    display: block;
    float: left;
    padding: 15px; }
    #sidebar-toggler .fa, #sidebar-toggler aside header i.switch-button, aside header #sidebar-toggler i.switch-button, #sidebar-toggler .card.bordered, #sidebar-toggler .item-selectable.selected {
      font-size: 30px; }
  body {
    padding-left: 0; }
  body:not(.top-menu) aside {
    left: -235px; }
  body.show-sidebar aside {
    left: 0; }
  body.show-sidebar aside + #hider {
    content: " ";
    display: block;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1; } }

@media screen and (max-height: 500px) {
  aside #logo {
    width: 235px;
    padding: 5px; }
    aside #logo img {
      width: 215px; }
  #sidebar-toggler {
    display: block;
    float: left;
    padding: 5px; }
    #sidebar-toggler .fa, #sidebar-toggler aside header i.switch-button, aside header #sidebar-toggler i.switch-button, #sidebar-toggler .card.bordered, #sidebar-toggler .item-selectable.selected {
      font-size: 30px; } }

.btn, .catalog .competence-areas-list .new-area-button {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  margin: 0 3px;
  border-radius: 0;
  border: 1px solid;
  outline: none !important;
  padding: 5px 11px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .catalog .competence-areas-list .new-area-button:focus, .btn.focus, .catalog .competence-areas-list .focus.new-area-button, .btn:active:focus, .catalog .competence-areas-list .new-area-button:active:focus, .btn:active.focus, .catalog .competence-areas-list .new-area-button:active.focus, .btn.active:focus, .catalog .competence-areas-list .active.new-area-button:focus, .btn.active.focus, .catalog .competence-areas-list .active.focus.new-area-button {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .catalog .competence-areas-list .new-area-button:hover, .btn:focus, .catalog .competence-areas-list .new-area-button:focus, .btn.focus, .catalog .competence-areas-list .focus.new-area-button {
    color: #333;
    text-decoration: none; }
  .btn:active, .catalog .competence-areas-list .new-area-button:active, .btn.active, .catalog .competence-areas-list .active.new-area-button {
    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, .catalog .competence-areas-list .disabled.new-area-button, .btn[disabled], .catalog .competence-areas-list .new-area-button[disabled],
  .btn fieldset[disabled],
  .catalog .competence-areas-list .new-area-button fieldset[disabled] {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

a.btn.disabled, .catalog .competence-areas-list a.disabled.new-area-button,
a.btn fieldset[disabled],
.catalog .competence-areas-list a.new-area-button fieldset[disabled] {
  pointer-events: none; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
  .btn-link fieldset[disabled] {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  .btn-link fieldset[disabled]:hover,
  .btn-link fieldset[disabled]:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 0;
  padding: 9px 15px; }

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

.btn-xs {
  border-width: 1px;
  padding: 1px 5px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0; }

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

.btn-primary {
  background-color: #2a56af;
  border-color: #204286;
  color: white; }
  .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active {
    color: white; }
  .btn-primary:focus {
    background-color: #2a56af;
    border-color: #204286; }
  .btn-primary:hover {
    background-color: #658cda;
    border-color: #204286; }
  .btn-primary:active, .btn-primary.active {
    background-color: #204286 !important;
    border-color: #204286 !important; }

.btn-success {
  background-color: #2ab041;
  border-color: #208732;
  color: white; }
  .btn-success:focus, .btn-success:hover, .btn-success:active, .btn-success.active {
    color: white; }
  .btn-success:focus {
    background-color: #2ab041;
    border-color: #208732; }
  .btn-success:hover {
    background-color: #65db7a;
    border-color: #208732; }
  .btn-success:active, .btn-success.active {
    background-color: #208732 !important;
    border-color: #208732 !important; }

.btn-warning {
  background-color: #D4A54C;
  border-color: #C98E1F;
  color: white; }
  .btn-warning:focus, .btn-warning:hover, .btn-warning:active, .btn-warning.active {
    color: white; }
  .btn-warning:focus {
    background-color: #D4A54C;
    border-color: #C98E1F; }
  .btn-warning:hover {
    background-color: #DFBB79;
    border-color: #C98E1F; }
  .btn-warning:active, .btn-warning.active {
    background-color: #C98E1F !important;
    border-color: #C98E1F !important; }

.btn-danger {
  background-color: #B53D3D;
  border-color: #A30D0D;
  color: white; }
  .btn-danger:focus, .btn-danger:hover, .btn-danger:active, .btn-danger.active {
    color: white; }
  .btn-danger:focus {
    background-color: #B53D3D;
    border-color: #A30D0D; }
  .btn-danger:hover {
    background-color: #C86E6E;
    border-color: #A30D0D; }
  .btn-danger:active, .btn-danger.active {
    background-color: #A30D0D !important;
    border-color: #A30D0D !important; }

.btn-default {
  background-color: white;
  border-color: #ddd;
  color: white;
  color: #333333 !important; }
  .btn-default:focus, .btn-default:hover, .btn-default:active, .btn-default.active {
    color: white; }
  .btn-default:focus {
    background-color: white;
    border-color: #ddd; }
  .btn-default:hover {
    background-color: #f0f0f0;
    border-color: #ddd; }
  .btn-default:active, .btn-default.active {
    background-color: #ddd !important;
    border-color: #ddd !important; }
  .btn-default.disabled, .btn-default[disabled] {
    border: 1px solid #f0f0f0; }

.btn-link {
  color: #fff; }
  .btn-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.2); }

.btn-fab, .catalog .competence-areas-list .new-area-button {
  padding: 11px;
  height: 42px;
  width: 42px;
  border-radius: 50%; }

.btn-fab-small {
  padding: 0px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: none; }

.btn-fab-mini {
  padding: 0px;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: none; }

.btn-accent {
  color: white;
  background-color: #C00D0D;
  border-color: #C00D0D;
  color: white; }
  .btn-accent:focus, .btn-accent:hover, .btn-accent:active, .btn-accent.active {
    color: white; }
  .btn-accent:focus {
    background-color: #C00D0D;
    border-color: #C00D0D; }
  .btn-accent:hover {
    background-color: #C63D3D;
    border-color: #C00D0D; }
  .btn-accent:active, .btn-accent.active {
    background-color: #C00D0D !important;
    border-color: #C00D0D !important; }
  .btn-accent:hover, .btn-accent:active, .btn-accent:focus {
    color: white; }

.close-button {
  border-radius: 50%; }

.btn-invisible {
  background: transparent;
  border: none; }

.btn-bar .btn:first-child, .btn-bar .catalog .competence-areas-list .new-area-button:first-child, .catalog .competence-areas-list .btn-bar .new-area-button:first-child {
  border-radius: 5px 0 0 5px; }

.btn-bar .btn:not(:first-child), .btn-bar .catalog .competence-areas-list .new-area-button:not(:first-child), .catalog .competence-areas-list .btn-bar .new-area-button:not(:first-child) {
  border-left: none; }

.btn-bar .btn:last-child, .btn-bar .catalog .competence-areas-list .new-area-button:last-child, .catalog .competence-areas-list .btn-bar .new-area-button:last-child {
  border-radius: 0 5px 5px 0; }

.btn-bar .btn.active, .btn-bar .catalog .competence-areas-list .active.new-area-button, .catalog .competence-areas-list .btn-bar .active.new-area-button {
  background-color: white !important;
  color: #333333; }

.img-button {
  display: inline-block;
  position: relative;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s; }
  .img-button:before {
    display: block;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: #b7c9ee;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s; }
  .img-button:hover:before {
    opacity: .3; }

#toastContainer {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 900100;
  top: 60px;
  padding: 5px; }

.acme-toast {
  display: block;
  margin-bottom: 10px;
  width: 420px;
  color: white;
  z-index: 9;
  overflow: hidden;
  border: 1px solid transparent;
  background-color: #204286;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); }
  .acme-toast.success {
    background-color: #208732; }
  .acme-toast.warning {
    background-color: #C98E1F; }
  .acme-toast.danger {
    background-color: #A30D0D; }
  .acme-toast.alert-success {
    background-color: #208732; }
  .acme-toast.alert-warning {
    background-color: #C98E1F; }
  .acme-toast.alert-danger {
    background-color: #A30D0D; }
  .acme-toast:hover {
    border: 1px solid #fff;
    cursor: pointer; }
  .acme-toast .foto {
    font-size: 50px;
    position: absolute;
    left: 17px; }
  .acme-toast .textoFull {
    width: 93%;
    float: left;
    padding-left: 20px; }
  .acme-toast .textoFoto {
    width: 78%;
    margin: 3px 20px 3px 80px;
    float: left; }
  .acme-toast span {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    display: block;
    margin: 4px 0; }
  .acme-toast p {
    font-size: 13px;
    margin-top: 2px; }

.miniPic {
  position: absolute;
  bottom: 8px;
  right: 9px; }

.miniIcono {
  height: 100%;
  font-size: 20px; }

@media screen and (max-width: 992px) {
  .acme-toast {
    width: 250px; } }

.dialog-body {
  margin-left: 15%;
  width: 70%;
  z-index: 6;
  background: #fff;
  padding: 10px; }
  .dialog-body header {
    border-bottom: 1px solid #ECECEC; }
  .dialog-body header, .dialog-body header > div > span, .dialog-body header > span {
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: 500; }
    .dialog-body header i.fa, .dialog-body aside header i.switch-button, aside .dialog-body header i.switch-button, .dialog-body header i.card.bordered, .dialog-body header i.item-selectable.selected, .dialog-body header > div > span i.fa, .dialog-body aside header > div > span i.switch-button, aside .dialog-body header > div > span i.switch-button, .dialog-body header > div > span i.card.bordered, .dialog-body header > div > span i.item-selectable.selected, .dialog-body header > span i.fa, .dialog-body aside header > span i.switch-button, aside .dialog-body header > span i.switch-button, .dialog-body header > span i.card.bordered, .dialog-body header > span i.item-selectable.selected {
      cursor: pointer;
      float: right;
      margin: -2px -2px 0 0;
      color: #5C5C5C; }
    .dialog-body header div > i.fa, .dialog-body aside header div > i.switch-button, aside .dialog-body header div > i.switch-button, .dialog-body header div > i.card.bordered, .dialog-body header div > i.item-selectable.selected, .dialog-body header > div > span div > i.fa, .dialog-body aside header > div > span div > i.switch-button, aside .dialog-body header > div > span div > i.switch-button, .dialog-body header > div > span div > i.card.bordered, .dialog-body header > div > span div > i.item-selectable.selected, .dialog-body header > span div > i.fa, .dialog-body aside header > span div > i.switch-button, aside .dialog-body header > span div > i.switch-button, .dialog-body header > span div > i.card.bordered, .dialog-body header > span div > i.item-selectable.selected {
      margin: 2px 0 0 8px;
      font-size: 24px; }
  .dialog-body footer {
    padding-top: 5px;
    border-top: 1px solid #ECECEC;
    text-align: right; }
  .dialog-body > div {
    padding: 10px; }

.dialog-overlay {
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  overflow-y: auto;
  z-index: 9999;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5); }

input::-ms-clear {
  display: none; }

.acme-form hr {
  border-style: solid;
  border-color: #ddd; }

.acme-form:not(.dialog-body) > header {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  margin-bottom: 15px;
  padding: 10px;
  font-weight: 500; }

.acme-form label {
  overflow: visible !important;
  display: block;
  font-weight: 400;
  margin-bottom: 15px;
  position: relative;
  color: #858585; }
  .acme-form label > input + a.btn, .acme-form .catalog .competence-areas-list label > input + a.new-area-button, .catalog .competence-areas-list .acme-form label > input + a.new-area-button {
    position: absolute;
    right: 3px;
    margin-top: -23px; }
  .acme-form label > span {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    font-weight: 400;
    display: block; }
  .acme-form label select {
    height: 25px; }
  .acme-form label datepicker {
    height: 25px; }
    .acme-form label datepicker i:before {
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      border-left: 1px solid #858585;
      content: "";
      float: right;
      height: 21px;
      width: 20px;
      color: #000;
      padding: 4px 0 0 7px;
      transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
      -webkit-transform: scale(0);
      transform: scale(0); }
    .acme-form label datepicker.with-value i:before {
      -webkit-transform: scale(1);
      transform: scale(1); }
  .acme-form label imageselector .btn, .acme-form label imageselector .catalog .competence-areas-list .new-area-button, .catalog .competence-areas-list .acme-form label imageselector .new-area-button {
    margin-right: 10px; }
  .acme-form label select, .acme-form label datepicker, .acme-form label imageselector, .acme-form label better-select, .acme-form label tags-input .tags {
    cursor: pointer; }
  .acme-form label tags-input .tags {
    overflow: auto; }
  .acme-form label input, .acme-form label select, .acme-form label datepicker, .acme-form label imageselector, .acme-form label better-select {
    height: 25px; }
  .acme-form label input, .acme-form label select, .acme-form label datepicker, .acme-form label imageselector, .acme-form label textarea, .acme-form label better-select, .acme-form label tags-input .tags {
    background-color: transparent;
    outline: none !important;
    color: #333333;
    padding: 3px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #858585; }
  .acme-form label input[type='file'] {
    background-color: transparent;
    outline: none !important;
    color: #333333;
    padding: 0;
    height: 35px;
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #858585; }
  .acme-form label textarea {
    border: solid 1px #858585; }
  .acme-form label.focused span {
    font-weight: 700;
    color: #204286; }
  .acme-form label.focused input, .acme-form label.focused select, .acme-form label.focused textarea {
    border-bottom: 2px solid #204286;
    padding-bottom: 2px; }
  .acme-form label p.note {
    color: #858585;
    font-size: 11px; }
    .acme-form label p.note:last-child {
      margin: 2px 0 0 0; }
  .acme-form label i.fa, .acme-form label aside header i.switch-button, aside header .acme-form label i.switch-button, .acme-form label i.card.bordered, .acme-form label i.item-selectable.selected {
    width: 23px;
    text-align: center;
    position: absolute;
    padding: 4px;
    padding-top: 5px; }
  .acme-form label i.fa + input, .acme-form label aside header i.switch-button + input, aside header .acme-form label i.switch-button + input, .acme-form label i.card.bordered + input, .acme-form label i.item-selectable.selected + input {
    padding-left: 23px; }

.acme-form label.error span::before, .acme-form label.success span::before, .acme-form label.warning span::before {
  display: block;
  margin-right: 2px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.acme-form div.horizontal > span {
  display: block; }

.acme-form div.horizontal label.radio, .acme-form div.horizontal label.checkbox {
  display: inline-block;
  margin-right: 5px; }

.acme-form label.radio, .acme-form label.checkbox {
  cursor: pointer;
  padding-left: 30px; }
  .acme-form label.radio span, .acme-form label.checkbox span {
    padding: 2px 0;
    color: #333333; }
  .acme-form label.radio input, .acme-form label.checkbox input {
    display: none; }
  .acme-form label.radio span:before, .acme-form label.radio span:after, .acme-form label.checkbox span:before, .acme-form label.checkbox span:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    display: block;
    position: absolute; }
  .acme-form label.radio input:checked + span, .acme-form label.checkbox input:checked + span {
    color: #204286; }
  .acme-form label.radio input:checked + span:before, .acme-form label.checkbox input:checked + span:before {
    color: #2a56af; }
  .acme-form label.radio input:checked + span:after, .acme-form label.checkbox input:checked + span:after {
    border-color: #2a56af; }

.acme-form label.checkbox span:before, .acme-form label.checkbox span:after {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }

.acme-form label.checkbox input:checked + span:before {
  -webkit-transform: scale(1);
  transform: scale(1); }

.acme-form label.checkbox input:not(:checked) + span:before {
  -webkit-transform: scale(0);
  transform: scale(0); }

.acme-form label.radio span:before, .acme-form label.radio span:after {
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s; }

.acme-form label.radio input:checked + span:before {
  opacity: 1; }

.acme-form label.radio input:not(:checked) + span:before {
  opacity: 0; }

.acme-form label.radio:hover span, .acme-form label.checkbox:hover span {
  font-weight: 700; }

.acme-form label.radio:hover span:after, .acme-form label.checkbox:hover span:after {
  box-shadow: inset 0px 0px 5px #2a56af; }

.acme-form label.radio input:focus + span, .acme-form label.checkbox input:focus + span {
  font-weight: 700; }

.acme-form label.radio input:focus + span:after, .acme-form label.checkbox input:focus + span:after {
  box-shadow: inset 0px 0px 5px #2a56af; }

.acme-form label.radio input + span:after, .acme-form label.radio input + span:before {
  content: ' ';
  border: 1px solid #858585;
  border-radius: 50%;
  padding: 0; }

.acme-form label.radio input + span:after {
  width: 20px;
  height: 20px;
  top: 0px;
  left: 4px; }

.acme-form label.radio input + span:before {
  width: 10px;
  height: 10px;
  top: 5px;
  left: 9px;
  background-color: #2a56af; }

.acme-form label.checkbox input + span:after {
  content: ' ';
  border: 1px solid #858585;
  padding: 0;
  width: 20px;
  height: 20px;
  top: 0px;
  left: 4px; }

.acme-form label.checkbox input + span:before {
  content: "";
  font-size: 16px;
  top: 2px;
  left: 6px; }

.acme-form label.error span {
  color: #A30D0D; }

.acme-form label.error input, .acme-form label.error select, .acme-form label.error datepicker, .acme-form label.error textarea {
  border-color: #A30D0D;
  outline-color: #A30D0D; }

.acme-form label.error span::before {
  content: ""; }

.acme-form label.success span {
  color: #208732; }

.acme-form label.success input, .acme-form label.success select, .acme-form label.success datepicker, .acme-form label.success textarea {
  border-color: #208732;
  outline-color: #208732; }

.acme-form label.success span::before {
  content: ""; }

.acme-form label.warning span {
  color: #C98E1F; }

.acme-form label.warning input, .acme-form label.warning select, .acme-form label.warning datepicker, .acme-form label.warning textarea {
  border-color: #C98E1F;
  outline-color: #C98E1F; }

.acme-form label.warning span::before {
  content: ""; }

*:invalid,
*:-moz-submit-invalid,
*:-moz-ui-invalid {
  box-shadow: none; }

#loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 12; }

.loader-container {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  height: 0;
  text-align: center;
  z-index: 10001; }

.ball {
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid #658cda;
  opacity: 1;
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 150px;
  box-shadow: 0 0 35px #658cda;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  -moz-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear; }

.ball1 {
  background-color: rgba(0, 0, 0, 0);
  border: 5px solid #204286;
  opacity: 1;
  border-bottom: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-radius: 100px;
  box-shadow: 0 0 15px #658cda;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -125px;
  -moz-animation: spinoff 1s infinite linear;
  -webkit-animation: spinoff 1s infinite linear; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spinoff {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg); } }

@-moz-keyframes spinoff {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(-360deg); } }

#datepicker-container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 7;
  text-align: center;
  padding-top: 25px; }

#datepicker {
  display: inline-block;
  width: 560px;
  background: white; }

#datepicker > .calendar, #datepicker > .selected-day {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: white;
  width: 280px;
  float: left;
  display: block; }
  #datepicker > .calendar > div.header, #datepicker > .selected-day > div.header {
    float: left;
    width: 100%;
    height: 40px; }
    #datepicker > .calendar > div.header > *, #datepicker > .selected-day > div.header > * {
      height: 40px;
      line-height: 40px !important;
      display: inline-block;
      vertical-align: middle; }
    #datepicker > .calendar > div.header > i, #datepicker > .selected-day > div.header > i {
      float: left;
      width: 40px;
      font-size: 1.125em;
      font-weight: bold;
      position: relative;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      padding: 0 10px;
      cursor: pointer; }
    #datepicker > .calendar > div.header > i.fa-angle-left, #datepicker > .selected-day > div.header > i.fa-angle-left {
      text-align: left; }
    #datepicker > .calendar > div.header > i.fa-angle-right, #datepicker > .selected-day > div.header > i.fa-angle-right {
      text-align: right;
      margin-left: -40px; }
    #datepicker > .calendar > div.header > span, #datepicker > .selected-day > div.header > span {
      float: left;
      width: 100%;
      font-weight: bold;
      text-transform: uppercase;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      text-align: center;
      color: inherit; }
    #datepicker > .calendar > div.header > i ~ span, #datepicker > .selected-day > div.header > i ~ span {
      padding-right: 40px;
      padding-left: 50px;
      margin-left: -40px; }

#datepicker > .calendar > .week:first-child {
  border-top: none; }

#datepicker > .calendar > .week > span.day {
  position: relative;
  float: left;
  width: 36px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 36px;
  line-height: 36px !important;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  color: black;
  border-radius: 50%;
  margin: 2px; }
  #datepicker > .calendar > .week > span.day .bg {
    border-radius: 50%;
    display: block;
    margin: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    position: absolute; }
  #datepicker > .calendar > .week > span.day .number {
    border-left: none;
    width: 36px;
    height: 36px;
    position: absolute;
    display: block;
    padding: 0; }
  #datepicker > .calendar > .week > span.day.today {
    background: #e0e8f8; }
  #datepicker > .calendar > .week > span.day.different-month {
    color: #C0C0C0; }
  #datepicker > .calendar > .week > span.day.selected .bg {
    background: #204286;
    color: white;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  #datepicker > .calendar > .week > span.day.selected .number {
    color: white; }

#datepicker > .calendar > .week.names > span {
  color: #204286;
  font-weight: bold; }

#datepicker > .selected-day > .header {
  color: white;
  background: #204286; }

#datepicker > .selected-day > .big-day {
  float: left;
  width: 100%;
  height: 240px;
  padding-top: 10px;
  background-color: #2a56af; }
  #datepicker > .selected-day > .big-day > div.short {
    display: none; }
  #datepicker > .selected-day > .big-day > div.month-name {
    text-transform: uppercase;
    color: white;
    font-size: 25px; }
  #datepicker > .selected-day > .big-day > div.year {
    color: #e0e8f8;
    font-size: 25px; }
  #datepicker > .selected-day > .big-day > div.day {
    font-size: 100px;
    color: white; }

#datepicker > .datepicker-buttons {
  text-align: right;
  padding-right: 10px; }
  #datepicker > .datepicker-buttons > .btn, .catalog .competence-areas-list #datepicker > .datepicker-buttons > .new-area-button {
    margin-top: 10px;
    margin-bottom: 10px; }

@media screen and (max-width: 480px) {
  #datepicker {
    width: 280px; }
  #datepicker-container {
    padding-top: 10px; }
  #datepicker > .selected-day > .header {
    display: none; }
  #datepicker > .selected-day > .big-day {
    height: 50px; }
    #datepicker > .selected-day > .big-day > div.short {
      display: block;
      font-size: 20px;
      color: white;
      text-transform: uppercase; }
    #datepicker > .selected-day > .big-day > div.month-name {
      display: none; }
    #datepicker > .selected-day > .big-day > div.year {
      display: none; }
    #datepicker > .selected-day > .big-day > div.day {
      display: none; } }

@media screen and (max-height: 400px) {
  #datepicker-container {
    padding-top: 0px; }
  #datepicker {
    width: 490px; }
  #datepicker > .calendar {
    width: 210px; }
  #datepicker > .calendar > .week > span.day {
    width: 26px;
    height: 26px;
    line-height: 26px !important;
    display: inline-block;
    vertical-align: middle;
    margin: 2px; }
    #datepicker > .calendar > .week > span.day .bg {
      width: 26px;
      height: 26px; }
    #datepicker > .calendar > .week > span.day .number {
      width: 26px;
      height: 26px; }
  #datepicker > .selected-day > .big-day {
    height: 200px; }
    #datepicker > .selected-day > .big-day > div.month-name {
      font-size: 20px; }
    #datepicker > .selected-day > .big-day > div.year {
      color: #e0e8f8;
      font-size: 20px; }
    #datepicker > .selected-day > .big-day > div.day {
      font-size: 80px; } }

ul.tabs {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ECECEC; }
  ul.tabs li {
    flex: 1;
    list-style: none; }
  ul.tabs li > a {
    padding: 10px 0 10px 0;
    text-align: center;
    width: 100%;
    display: block;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    outline: none !important; }
  ul.tabs li:hover {
    background-color: #f7f7f7; }
  ul.tabs li:after {
    display: block;
    float: left;
    width: 100%;
    height: 2px;
    background-color: #ADADAD;
    content: "";
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all ease-out .3s; }
  ul.tabs li.active > a {
    color: #204286;
    font-weight: 700; }
  ul.tabs li.active:after {
    background-color: #2a56af;
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1); }

.tab-content {
  padding: 15px; }

#main header ul.tabs {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  border-bottom: none; }
  #main header ul.tabs li {
    flex: none;
    width: auto; }
    #main header ul.tabs li a {
      padding: 0 10px;
      line-height: 63px; }

prompt-box #background {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 900100; }

prompt-box #promptBox {
  z-index: 900101;
  position: fixed;
  top: 30%;
  right: 0;
  left: 0; }
  prompt-box #promptBox > div {
    padding-left: 30%;
    padding-right: 30%;
    width: 100%;
    position: relative; }
    prompt-box #promptBox > div > span {
      font-weight: bold;
      font-size: 25px; }
    prompt-box #promptBox > div > div {
      text-align: right; }

.flag {
  width: 16px;
  height: 11px;
  background: url("images/flags/flags.png") no-repeat;
  margin-top: -0.18em;
  display: inline-block; }

.flag.flag-ad {
  background-position: -16px 0; }

.flag.flag-ae {
  background-position: -32px 0; }

.flag.flag-af {
  background-position: -48px 0; }

.flag.flag-ag {
  background-position: -64px 0; }

.flag.flag-ai {
  background-position: -80px 0; }

.flag.flag-al {
  background-position: -96px 0; }

.flag.flag-am {
  background-position: -112px 0; }

.flag.flag-an {
  background-position: -128px 0; }

.flag.flag-ao {
  background-position: -144px 0; }

.flag.flag-ar {
  background-position: -160px 0; }

.flag.flag-as {
  background-position: -176px 0; }

.flag.flag-at {
  background-position: -192px 0; }

.flag.flag-au {
  background-position: -208px 0; }

.flag.flag-aw {
  background-position: -224px 0; }

.flag.flag-az {
  background-position: -240px 0; }

.flag.flag-ba {
  background-position: 0 -11px; }

.flag.flag-bb {
  background-position: -16px -11px; }

.flag.flag-bd {
  background-position: -32px -11px; }

.flag.flag-be {
  background-position: -48px -11px; }

.flag.flag-bf {
  background-position: -64px -11px; }

.flag.flag-bg {
  background-position: -80px -11px; }

.flag.flag-bh {
  background-position: -96px -11px; }

.flag.flag-bi {
  background-position: -112px -11px; }

.flag.flag-bj {
  background-position: -128px -11px; }

.flag.flag-bm {
  background-position: -144px -11px; }

.flag.flag-bn {
  background-position: -160px -11px; }

.flag.flag-bo {
  background-position: -176px -11px; }

.flag.flag-br {
  background-position: -192px -11px; }

.flag.flag-bs {
  background-position: -208px -11px; }

.flag.flag-bt {
  background-position: -224px -11px; }

.flag.flag-bv {
  background-position: -240px -11px; }

.flag.flag-bw {
  background-position: 0 -22px; }

.flag.flag-by {
  background-position: -16px -22px; }

.flag.flag-bz {
  background-position: -32px -22px; }

.flag.flag-ca {
  background-position: -48px -22px; }

.flag.flag-catalonia {
  background-position: -64px -22px; }

.flag.flag-cd {
  background-position: -80px -22px; }

.flag.flag-cf {
  background-position: -96px -22px; }

.flag.flag-cg {
  background-position: -112px -22px; }

.flag.flag-ch {
  background-position: -128px -22px; }

.flag.flag-ci {
  background-position: -144px -22px; }

.flag.flag-ck {
  background-position: -160px -22px; }

.flag.flag-cl {
  background-position: -176px -22px; }

.flag.flag-cm {
  background-position: -192px -22px; }

.flag.flag-cn {
  background-position: -208px -22px; }

.flag.flag-co {
  background-position: -224px -22px; }

.flag.flag-cr {
  background-position: -240px -22px; }

.flag.flag-cu {
  background-position: 0 -33px; }

.flag.flag-cv {
  background-position: -16px -33px; }

.flag.flag-cw {
  background-position: -32px -33px; }

.flag.flag-cy {
  background-position: -48px -33px; }

.flag.flag-cz {
  background-position: -64px -33px; }

.flag.flag-de {
  background-position: -80px -33px; }

.flag.flag-dj {
  background-position: -96px -33px; }

.flag.flag-dk {
  background-position: -112px -33px; }

.flag.flag-dm {
  background-position: -128px -33px; }

.flag.flag-do {
  background-position: -144px -33px; }

.flag.flag-dz {
  background-position: -160px -33px; }

.flag.flag-ec {
  background-position: -176px -33px; }

.flag.flag-ee {
  background-position: -192px -33px; }

.flag.flag-eg {
  background-position: -208px -33px; }

.flag.flag-eh {
  background-position: -224px -33px; }

.flag.flag-england {
  background-position: -240px -33px; }

.flag.flag-er {
  background-position: 0 -44px; }

.flag.flag-es {
  background-position: -16px -44px; }

.flag.flag-et {
  background-position: -32px -44px; }

.flag.flag-eu {
  background-position: -48px -44px; }

.flag.flag-fi {
  background-position: -64px -44px; }

.flag.flag-fj {
  background-position: -80px -44px; }

.flag.flag-fk {
  background-position: -96px -44px; }

.flag.flag-fm {
  background-position: -112px -44px; }

.flag.flag-fo {
  background-position: -128px -44px; }

.flag.flag-fr {
  background-position: -144px -44px; }

.flag.flag-ga {
  background-position: -160px -44px; }

.flag.flag-gb {
  background-position: -176px -44px; }

.flag.flag-gd {
  background-position: -192px -44px; }

.flag.flag-ge {
  background-position: -208px -44px; }

.flag.flag-gf {
  background-position: -224px -44px; }

.flag.flag-gg {
  background-position: -240px -44px; }

.flag.flag-gh {
  background-position: 0 -55px; }

.flag.flag-gi {
  background-position: -16px -55px; }

.flag.flag-gl {
  background-position: -32px -55px; }

.flag.flag-gm {
  background-position: -48px -55px; }

.flag.flag-gn {
  background-position: -64px -55px; }

.flag.flag-gp {
  background-position: -80px -55px; }

.flag.flag-gq {
  background-position: -96px -55px; }

.flag.flag-gr {
  background-position: -112px -55px; }

.flag.flag-gs {
  background-position: -128px -55px; }

.flag.flag-gt {
  background-position: -144px -55px; }

.flag.flag-gu {
  background-position: -160px -55px; }

.flag.flag-gw {
  background-position: -176px -55px; }

.flag.flag-gy {
  background-position: -192px -55px; }

.flag.flag-hk {
  background-position: -208px -55px; }

.flag.flag-hm {
  background-position: -224px -55px; }

.flag.flag-hn {
  background-position: -240px -55px; }

.flag.flag-hr {
  background-position: 0 -66px; }

.flag.flag-ht {
  background-position: -16px -66px; }

.flag.flag-hu {
  background-position: -32px -66px; }

.flag.flag-ic {
  background-position: -48px -66px; }

.flag.flag-id {
  background-position: -64px -66px; }

.flag.flag-ie {
  background-position: -80px -66px; }

.flag.flag-il {
  background-position: -96px -66px; }

.flag.flag-im {
  background-position: -112px -66px; }

.flag.flag-in {
  background-position: -128px -66px; }

.flag.flag-io {
  background-position: -144px -66px; }

.flag.flag-iq {
  background-position: -160px -66px; }

.flag.flag-ir {
  background-position: -176px -66px; }

.flag.flag-is {
  background-position: -192px -66px; }

.flag.flag-it {
  background-position: -208px -66px; }

.flag.flag-je {
  background-position: -224px -66px; }

.flag.flag-jm {
  background-position: -240px -66px; }

.flag.flag-jo {
  background-position: 0 -77px; }

.flag.flag-jp {
  background-position: -16px -77px; }

.flag.flag-ke {
  background-position: -32px -77px; }

.flag.flag-kg {
  background-position: -48px -77px; }

.flag.flag-kh {
  background-position: -64px -77px; }

.flag.flag-ki {
  background-position: -80px -77px; }

.flag.flag-km {
  background-position: -96px -77px; }

.flag.flag-kn {
  background-position: -112px -77px; }

.flag.flag-kp {
  background-position: -128px -77px; }

.flag.flag-kr {
  background-position: -144px -77px; }

.flag.flag-kurdistan {
  background-position: -160px -77px; }

.flag.flag-kw {
  background-position: -176px -77px; }

.flag.flag-ky {
  background-position: -192px -77px; }

.flag.flag-kz {
  background-position: -208px -77px; }

.flag.flag-la {
  background-position: -224px -77px; }

.flag.flag-lb {
  background-position: -240px -77px; }

.flag.flag-lc {
  background-position: 0 -88px; }

.flag.flag-li {
  background-position: -16px -88px; }

.flag.flag-lk {
  background-position: -32px -88px; }

.flag.flag-lr {
  background-position: -48px -88px; }

.flag.flag-ls {
  background-position: -64px -88px; }

.flag.flag-lt {
  background-position: -80px -88px; }

.flag.flag-lu {
  background-position: -96px -88px; }

.flag.flag-lv {
  background-position: -112px -88px; }

.flag.flag-ly {
  background-position: -128px -88px; }

.flag.flag-ma {
  background-position: -144px -88px; }

.flag.flag-mc {
  background-position: -160px -88px; }

.flag.flag-md {
  background-position: -176px -88px; }

.flag.flag-me {
  background-position: -192px -88px; }

.flag.flag-mg {
  background-position: -208px -88px; }

.flag.flag-mh {
  background-position: -224px -88px; }

.flag.flag-mk {
  background-position: -240px -88px; }

.flag.flag-ml {
  background-position: 0 -99px; }

.flag.flag-mm {
  background-position: -16px -99px; }

.flag.flag-mn {
  background-position: -32px -99px; }

.flag.flag-mo {
  background-position: -48px -99px; }

.flag.flag-mp {
  background-position: -64px -99px; }

.flag.flag-mq {
  background-position: -80px -99px; }

.flag.flag-mr {
  background-position: -96px -99px; }

.flag.flag-ms {
  background-position: -112px -99px; }

.flag.flag-mt {
  background-position: -128px -99px; }

.flag.flag-mu {
  background-position: -144px -99px; }

.flag.flag-mv {
  background-position: -160px -99px; }

.flag.flag-mw {
  background-position: -176px -99px; }

.flag.flag-mx {
  background-position: -192px -99px; }

.flag.flag-my {
  background-position: -208px -99px; }

.flag.flag-mz {
  background-position: -224px -99px; }

.flag.flag-na {
  background-position: -240px -99px; }

.flag.flag-nc {
  background-position: 0 -110px; }

.flag.flag-ne {
  background-position: -16px -110px; }

.flag.flag-nf {
  background-position: -32px -110px; }

.flag.flag-ng {
  background-position: -48px -110px; }

.flag.flag-ni {
  background-position: -64px -110px; }

.flag.flag-nl {
  background-position: -80px -110px; }

.flag.flag-no {
  background-position: -96px -110px; }

.flag.flag-np {
  background-position: -112px -110px; }

.flag.flag-nr {
  background-position: -128px -110px; }

.flag.flag-nu {
  background-position: -144px -110px; }

.flag.flag-nz {
  background-position: -160px -110px; }

.flag.flag-om {
  background-position: -176px -110px; }

.flag.flag-pa {
  background-position: -192px -110px; }

.flag.flag-pe {
  background-position: -208px -110px; }

.flag.flag-pf {
  background-position: -224px -110px; }

.flag.flag-pg {
  background-position: -240px -110px; }

.flag.flag-ph {
  background-position: 0 -121px; }

.flag.flag-pk {
  background-position: -16px -121px; }

.flag.flag-pl {
  background-position: -32px -121px; }

.flag.flag-pm {
  background-position: -48px -121px; }

.flag.flag-pn {
  background-position: -64px -121px; }

.flag.flag-pr {
  background-position: -80px -121px; }

.flag.flag-ps {
  background-position: -96px -121px; }

.flag.flag-pt {
  background-position: -112px -121px; }

.flag.flag-pw {
  background-position: -128px -121px; }

.flag.flag-py {
  background-position: -144px -121px; }

.flag.flag-qa {
  background-position: -160px -121px; }

.flag.flag-re {
  background-position: -176px -121px; }

.flag.flag-ro {
  background-position: -192px -121px; }

.flag.flag-rs {
  background-position: -208px -121px; }

.flag.flag-ru {
  background-position: -224px -121px; }

.flag.flag-rw {
  background-position: -240px -121px; }

.flag.flag-sa {
  background-position: 0 -132px; }

.flag.flag-sb {
  background-position: -16px -132px; }

.flag.flag-sc {
  background-position: -32px -132px; }

.flag.flag-scotland {
  background-position: -48px -132px; }

.flag.flag-sd {
  background-position: -64px -132px; }

.flag.flag-se {
  background-position: -80px -132px; }

.flag.flag-sg {
  background-position: -96px -132px; }

.flag.flag-sh {
  background-position: -112px -132px; }

.flag.flag-si {
  background-position: -128px -132px; }

.flag.flag-sk {
  background-position: -144px -132px; }

.flag.flag-sl {
  background-position: -160px -132px; }

.flag.flag-sm {
  background-position: -176px -132px; }

.flag.flag-sn {
  background-position: -192px -132px; }

.flag.flag-so {
  background-position: -208px -132px; }

.flag.flag-somaliland {
  background-position: -224px -132px; }

.flag.flag-sr {
  background-position: -240px -132px; }

.flag.flag-ss {
  background-position: 0 -143px; }

.flag.flag-st {
  background-position: -16px -143px; }

.flag.flag-sv {
  background-position: -32px -143px; }

.flag.flag-sx {
  background-position: -48px -143px; }

.flag.flag-sy {
  background-position: -64px -143px; }

.flag.flag-sz {
  background-position: -80px -143px; }

.flag.flag-tc {
  background-position: -96px -143px; }

.flag.flag-td {
  background-position: -112px -143px; }

.flag.flag-tf {
  background-position: -128px -143px; }

.flag.flag-tg {
  background-position: -144px -143px; }

.flag.flag-th {
  background-position: -160px -143px; }

.flag.flag-tj {
  background-position: -176px -143px; }

.flag.flag-tk {
  background-position: -192px -143px; }

.flag.flag-tl {
  background-position: -208px -143px; }

.flag.flag-tm {
  background-position: -224px -143px; }

.flag.flag-tn {
  background-position: -240px -143px; }

.flag.flag-to {
  background-position: 0 -154px; }

.flag.flag-tr {
  background-position: -16px -154px; }

.flag.flag-tt {
  background-position: -32px -154px; }

.flag.flag-tv {
  background-position: -48px -154px; }

.flag.flag-tw {
  background-position: -64px -154px; }

.flag.flag-tz {
  background-position: -80px -154px; }

.flag.flag-ua {
  background-position: -96px -154px; }

.flag.flag-ug {
  background-position: -112px -154px; }

.flag.flag-um {
  background-position: -128px -154px; }

.flag.flag-us {
  background-position: -176px -44px; }

.flag.flag-uy {
  background-position: -160px -154px; }

.flag.flag-uz {
  background-position: -176px -154px; }

.flag.flag-va {
  background-position: -192px -154px; }

.flag.flag-vc {
  background-position: -208px -154px; }

.flag.flag-ve {
  background-position: -224px -154px; }

.flag.flag-vg {
  background-position: -240px -154px; }

.flag.flag-vi {
  background-position: 0 -165px; }

.flag.flag-vn {
  background-position: -16px -165px; }

.flag.flag-vu {
  background-position: -32px -165px; }

.flag.flag-wales {
  background-position: -48px -165px; }

.flag.flag-wf {
  background-position: -64px -165px; }

.flag.flag-ws {
  background-position: -80px -165px; }

.flag.flag-ye {
  background-position: -96px -165px; }

.flag.flag-yt {
  background-position: -112px -165px; }

.flag.flag-za {
  background-position: -128px -165px; }

.flag.flag-zanzibar {
  background-position: -144px -165px; }

.flag.flag-zm {
  background-position: -160px -165px; }

.flag.flag-zw {
  background-position: -176px -165px; }

.flags {
  vertical-align: bottom; }
  .flags:hover .flag-list {
    opacity: 1;
    transform: scale(1); }
  .flags .flag-list {
    -webkit-transition: opacity linear .2s;
    -moz-transition: opacity linear .2s;
    -o-transition: opacity linear .2s;
    transition: opacity linear .2s;
    transform: scale(0);
    opacity: 0;
    background-color: #333333;
    position: absolute;
    bottom: 11px;
    width: 28px;
    padding-left: 6px;
    padding-top: 4px;
    margin-left: -6px;
    z-index: 2; }
  .flags .flag-list div:not(:first-child) {
    margin-top: 6px; }

better-select {
  display: block;
  position: relative; }
  better-select span {
    display: inline-block;
    width: calc(100% - 14px);
    cursor: pointer;
    padding-left: 5px;
    outline: none !important; }
  better-select > i.fa, aside header better-select > i.switch-button, better-select > i.card.bordered, better-select > i.card.bordered.yellow, better-select > i.card.bordered.red, better-select > i.item-selectable.selected {
    display: inline-block;
    width: 14px;
    text-align: center;
    outline: none !important; }
  better-select > div {
    z-index: 4;
    position: absolute;
    width: 100%;
    border: 1px solid #799bd2;
    background: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); }
    better-select > div div {
      overflow-y: auto;
      max-height: 280px; }
      better-select > div div ul {
        padding: 0;
        margin: 0; }
        better-select > div div ul li {
          list-style: none; }
          better-select > div div ul li a {
            white-space: nowrap;
            text-overflow: ellipsis;
            line-height: 20px;
            padding: 0 5px;
            display: block;
            text-decoration: none !important;
            cursor: pointer; }
            better-select > div div ul li a:hover, better-select > div div ul li a.active {
              color: white;
              background: #1e90ff; }
    better-select > div .search {
      border-bottom: 1px solid #ECECEC; }
      better-select > div .search input {
        display: inline-block;
        border: none;
        width: calc(100% - 22px);
        outline: none !important; }
      better-select > div .search i.fa.fa-search, better-select > div .search aside header i.fa-search.switch-button, aside header better-select > div .search i.fa-search.switch-button, better-select > div .search i.fa-search.card.bordered, better-select > div .search i.fa-search.item-selectable.selected {
        display: inline-block;
        width: 22px;
        text-align: center;
        color: #1e90ff; }
      better-select > div .search input, better-select > div .search i.fa.fa-search, better-select > div .search aside header i.fa-search.switch-button, aside header better-select > div .search i.fa-search.switch-button, better-select > div .search i.fa-search.card.bordered, better-select > div .search i.fa-search.item-selectable.selected {
        line-height: 20px; }

#license-expiration-message {
  display: none; }

html.license-locked {
  background: #A30D0D;
  padding: 3px;
  padding-top: 0; }
  html.license-locked #license-expiration-message {
    display: block;
    background: #A30D0D;
    color: white;
    top: 0;
    left: 0;
    padding: 2px 5px;
    margin: 0;
    height: 22px;
    text-align: center; }
  html.license-locked footer#footer {
    background: #A30D0D; }
  html.license-locked .projects-page .project-details-side #project-details-footer {
    width: calc(50% - 3px);
    bottom: 35px;
    right: 3px; }
  html.license-locked aside {
    top: 67px;
    height: calc(100% - 102px);
    left: 3px; }
  html.license-locked .top-menu aside {
    top: 48px;
    left: 3px;
    width: calc(100% - 6px); }
  html.license-locked .last-projects ~ aside {
    top: 76px; }
  html.license-locked .flags .flag-list {
    margin-left: -6px;
    bottom: 12px; }
  html.license-locked #container {
    height: calc(100% - 54px); }
  html.license-locked header#header ~ #container {
    height: calc(100% - 99px); }
  html.license-locked .container-fullscreen {
    top: 22px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    height: calc(100% - 25px) !important; }

[license-locked][disabled] {
  pointer-events: none; }

.card {
  padding: 5px;
  background-color: white;
  border: 1px solid #ddd; }
  .card.margin {
    margin: 5px; }
  .card.margin-bottom {
    margin-bottom: 5px; }
  .card:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: #333333 transparent transparent transparent; }
  .card.bordered {
    position: relative;
    border: 3px solid #2ab041;
    padding-top: 10px; }
    .card.bordered:before {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      z-index: 2;
      color: white;
      font-size: 12px;
      display: block; }
    .card.bordered:after {
      border-width: 22px 22px 0 0;
      border-color: #2ab041 transparent transparent transparent;
      z-index: 1; }
  .card.bordered.yellow {
    border: 3px solid #D4A54C; }
    .card.bordered.yellow:after {
      border-color: #D4A54C transparent transparent transparent; }
  .card.bordered.red {
    border: 3px solid #B53D3D; }
    .card.bordered.red:after {
      border-color: #B53D3D transparent transparent transparent; }
  .card.bg-colored {
    background-color: #e1f8e5; }
  .card.bg-colored.yellow {
    background-color: #F4E8D2; }
  .card.bg-colored.red {
    background-color: #EDCFCF; }

table, .table {
  width: 100%; }
  table thead, table .thead, .table thead, .table .thead {
    background-color: #fafafa; }
    table thead th, table thead .th, table .thead th, table .thead .th, .table thead th, .table thead .th, .table .thead th, .table .thead .th {
      border-bottom: 1px solid #ddd;
      font-weight: 700; }
  table td, table th, table .td, table .th, .table td, .table th, .table .td, .table .th {
    padding: 2px; }
  table:not([no-padding]) td, table:not([no-padding]) th, table:not([no-padding]) .td, table:not([no-padding]) .th, .table:not([no-padding]) td, .table:not([no-padding]) th, .table:not([no-padding]) .td, .table:not([no-padding]) .th {
    padding: 10px; }
  table tbody:not(:empty) ~ tbody,
  table .tbody:not(:empty) ~ .tbody, .table tbody:not(:empty) ~ tbody,
  .table .tbody:not(:empty) ~ .tbody {
    border-top: 1px solid #ddd; }
  table tbody td,
  table .tbody .td, .table tbody td,
  .table .tbody .td {
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s; }
  table[striped] tbody tr:nth-child(odd) td,
  table[striped] .tbody .tr:nth-child(odd) .td, .table[striped] tbody tr:nth-child(odd) td,
  .table[striped] .tbody .tr:nth-child(odd) .td {
    background-color: #fafafa; }
  table[border] td, table[border] th,
  table[border] .td, table[border] .th, .table[border] td, .table[border] th,
  .table[border] .td, .table[border] .th {
    border: 1px solid #ddd; }
  table[half-border] td, table[half-border] th,
  table[half-border] .td, table[half-border] .th, .table[half-border] td, .table[half-border] th,
  .table[half-border] .td, .table[half-border] .th {
    border-bottom: 1px solid #ddd; }
  table[hover] tbody tr:hover td:not(.head), .projects-list table tbody tr:hover td:not(.head),
  table[hover] .tbody .tr:hover .td:not(.head),
  .projects-list table .tbody .tr:hover .td:not(.head), .table[hover] tbody tr:hover td:not(.head),
  .table[hover] .tbody .tr:hover .td:not(.head) {
    background-color: rgba(224, 232, 248, 0.5); }
  table tbody tr.active td,
  table tbody .tr.active .td, .table tbody tr.active td,
  .table tbody .tr.active .td {
    background-color: rgba(224, 232, 248, 0.5); }
  table tr td.head,
  table .tr .td.head, .table tr td.head,
  .table .tr .td.head {
    font-size: 18px;
    border-bottom: 1px solid #ddd; }
  table tr.left-badge td:first-child,
  table tr.left-badge .td:first-child,
  table .tr.left-badge td:first-child,
  table .tr.left-badge .td:first-child, .table tr.left-badge td:first-child,
  .table tr.left-badge .td:first-child,
  .table .tr.left-badge td:first-child,
  .table .tr.left-badge .td:first-child {
    position: relative;
    padding-left: 20px; }
    table tr.left-badge td:first-child::before,
    table tr.left-badge .td:first-child::before,
    table .tr.left-badge td:first-child::before,
    table .tr.left-badge .td:first-child::before, .table tr.left-badge td:first-child::before,
    .table tr.left-badge .td:first-child::before,
    .table .tr.left-badge td:first-child::before,
    .table .tr.left-badge .td:first-child::before {
      content: ' ';
      display: block;
      width: 10px;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0; }
  table tr.left-badge.green td:first-child::before,
  table tr.left-badge.green .td:first-child::before,
  table .tr.left-badge.green td:first-child::before,
  table .tr.left-badge.green .td:first-child::before, .table tr.left-badge.green td:first-child::before,
  .table tr.left-badge.green .td:first-child::before,
  .table .tr.left-badge.green td:first-child::before,
  .table .tr.left-badge.green .td:first-child::before {
    background-color: #208732; }
  table tr.left-badge.yellow td:first-child::before,
  table tr.left-badge.yellow .td:first-child::before,
  table .tr.left-badge.yellow td:first-child::before,
  table .tr.left-badge.yellow .td:first-child::before, .table tr.left-badge.yellow td:first-child::before,
  .table tr.left-badge.yellow .td:first-child::before,
  .table .tr.left-badge.yellow td:first-child::before,
  .table .tr.left-badge.yellow .td:first-child::before {
    background-color: #C98E1F; }
  table tr.left-badge.red td:first-child::before,
  table tr.left-badge.red .td:first-child::before,
  table .tr.left-badge.red td:first-child::before,
  table .tr.left-badge.red .td:first-child::before, .table tr.left-badge.red td:first-child::before,
  .table tr.left-badge.red .td:first-child::before,
  .table .tr.left-badge.red td:first-child::before,
  .table .tr.left-badge.red .td:first-child::before {
    background-color: #A30D0D; }
  table tr.left-badge.blue td:first-child::before,
  table tr.left-badge.blue .td:first-child::before,
  table .tr.left-badge.blue td:first-child::before,
  table .tr.left-badge.blue .td:first-child::before, .table tr.left-badge.blue td:first-child::before,
  .table tr.left-badge.blue .td:first-child::before,
  .table .tr.left-badge.blue td:first-child::before,
  .table .tr.left-badge.blue .td:first-child::before {
    background-color: #204286; }

.dropdown-menu.is-visible {
  display: block;
  top: auto;
  left: 10px;
  margin-top: -5px;
  border-radius: 0;
  width: 215px; }

.dropdown-menu div {
  line-height: 22px; }
  .dropdown-menu div:hover {
    background-color: #ECECEC; }
  .dropdown-menu div a {
    padding: 0 5px;
    display: block;
    text-decoration: none !important; }

.floating-panel {
  position: absolute;
  width: 50%;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
  z-index: 4;
  animation: scaleIn 0.5s linear;
  -ms-animation: scaleIn 0.5s linear;
  -moz-animation: scaleIn 0.5s linear;
  -webkit-animation: scaleIn 0.5s linear; }
  .floating-panel.right {
    right: 10px;
    top: 10px;
    bottom: 10px; }
  .floating-panel.expanded {
    width: 70%; }
  .floating-panel .toolbar {
    position: absolute;
    margin-left: -25px;
    margin-top: -1px;
    background: transparent; }
    .floating-panel .toolbar a {
      font-size: 16px;
      display: block;
      border: 1px solid #ddd;
      padding: 0;
      text-align: center;
      width: 25px;
      height: 25px;
      background: white; }

.floating-panel .expand-button, .panel .expand-button {
  position: absolute;
  margin-left: -27px;
  width: auto !important; }
  .floating-panel .expand-button a.btn, .floating-panel .expand-button .catalog .competence-areas-list a.new-area-button, .catalog .competence-areas-list .floating-panel .expand-button a.new-area-button, .panel .expand-button a.btn, .panel .expand-button .catalog .competence-areas-list a.new-area-button, .catalog .competence-areas-list .panel .expand-button a.new-area-button {
    border-top: none; }

.floating-panel > header, .panel > header {
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0 10px;
  height: 45px !important;
  line-height: 44px !important; }
  .floating-panel > header h3, .panel > header h3 {
    line-height: 44px !important; }
  .floating-panel > header span, .panel > header span {
    line-height: 44px !important;
    font-size: 18px; }
  .floating-panel > header a.btn, .floating-panel > header .catalog .competence-areas-list a.new-area-button, .catalog .competence-areas-list .floating-panel > header a.new-area-button, .panel > header a.btn, .panel > header .catalog .competence-areas-list a.new-area-button, .catalog .competence-areas-list .panel > header a.new-area-button {
    margin-top: -3px; }

.floating-panel .content, .panel .content {
  overflow: auto; }

.floating-panel .footer, .panel .footer {
  padding: 9px;
  border-top: 1px solid #ddd;
  background: #f6f6f6; }

.label {
  display: inline-block;
  padding: 0 5px;
  line-height: 20px;
  border-radius: 5px;
  border: 2px solid; }
  .label.label-green {
    border-color: #208732;
    background-color: #e1f8e5; }
    .label.label-green.min {
      background-color: #208732; }
  .label.label-yellow {
    border-color: #C98E1F;
    background-color: #F4E8D2; }
    .label.label-yellow.min {
      background-color: #C98E1F; }
  .label.label-blue {
    border-color: #204286;
    background-color: #e0e8f8; }
    .label.label-blue.min {
      background-color: #204286; }
  .label.label-red {
    border-color: #A30D0D;
    background-color: #EDCFCF; }
    .label.label-red.min {
      background-color: #A30D0D; }
  .label.label-gray {
    border-color: #858585;
    background-color: #ECECEC; }
    .label.label-gray.min {
      background-color: #858585; }
  .label.transparent {
    opacity: .4; }
  .label.min {
    text-transform: uppercase;
    font-weight: 700;
    color: white;
    font-size: 10px;
    padding: 1px;
    line-height: 10px; }

h1.page-title {
  margin: 0 0 20px 0; }

hr {
  border-color: #ADADAD; }
  hr.light {
    border-color: #ECECEC; }
  hr.medium {
    border-color: #ddd; }

a {
  color: #162e5d; }
  a:hover {
    color: #0c1934; }

h1, h2, h3, h4 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h1.header-no-top-margin, h2.header-no-top-margin, h3.header-no-top-margin, h4.header-no-top-margin {
    margin-top: 0px; }

h5.header-no-top-margin {
  font-size: 13px;
  font-weight: bold; }

.bold {
  font-weight: 700; }

.italic {
  font-style: italic; }

.hover-gray:hover {
  background-color: #f2f2f2; }

.well, .floating-panel, #questions-dependency .new-question-button .question-type-selector i + div {
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  border-radius: 0; }

.well.well-light, .floating-panel, #questions-dependency .new-question-button .question-type-selector i + div {
  background-color: #fff; }

.no-padding, .floating-panel, .panel, .audit-assignments header {
  padding: 0 !important; }

.no-margin, .floating-panel, .panel, .list-section-title.search label.search .btn, .list-section-title.search label.search .catalog .competence-areas-list .new-area-button, .catalog .competence-areas-list .list-section-title.search label.search .new-area-button, .audit-assignments header, .audit-assignments header h4 {
  margin: 0 !important; }

.header-margin {
  margin-top: 10px; }

.cursor-pointer, aside header, aside footer span.aside-collapser, .img-button {
  cursor: pointer; }

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

.cursor-not-allowed {
  cursor: not-allowed !important; }

.cursor-move {
  cursor: move; }

.tooltip {
  background-color: #333;
  color: white;
  padding: 2px 7px;
  border-radius: 4px;
  z-index: 999;
  opacity: 0;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
  .tooltip.up {
    margin-top: -10px; }
  .tooltip.down {
    margin-top: 10px; }
  .tooltip:after {
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid; }
  .tooltip.up:after {
    margin-left: calc(50% - 13px);
    border-width: 11px 7px 0 7px;
    border-color: #333333 transparent transparent transparent; }
  .tooltip.right:after {
    margin-top: -16px;
    margin-left: -14px;
    border-width: 7px 12.1px 7px 0;
    border-color: transparent #333333 transparent transparent; }
  .tooltip.down:after {
    margin-top: -30px;
    margin-left: calc(50% - 12.1px);
    border-width: 0 7px 11px 7px;
    border-color: transparent transparent #333 transparent; }
  .tooltip.left:after {
    margin-top: -16px;
    margin-left: calc(100% - 10px);
    border-width: 7px 0 7px 12.1px;
    border-color: transparent transparent transparent #333333; }
  .tooltip.visible {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }

.popover {
  display: block;
  position: absolute;
  color: black;
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
  .popover.visible {
    opacity: 1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }

.nowrap {
  white-space: nowrap; }

.ellipsis, #questions-dependency .question {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.clear-both {
  clear: both; }

.pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; }

.padding-1 {
  padding: 1px; }

.margin-1 {
  margin: 1px !important; }

.padding-side-1 {
  padding-left: 1px !important;
  padding-right: 1px !important; }

.margin-side-1 {
  margin-left: 1px !important;
  margin-right: 1px !important; }

.padding-2 {
  padding: 2px; }

.margin-2 {
  margin: 2px !important; }

.padding-side-2 {
  padding-left: 2px !important;
  padding-right: 2px !important; }

.margin-side-2 {
  margin-left: 2px !important;
  margin-right: 2px !important; }

.padding-3 {
  padding: 3px; }

.margin-3 {
  margin: 3px !important; }

.padding-side-3 {
  padding-left: 3px !important;
  padding-right: 3px !important; }

.margin-side-3 {
  margin-left: 3px !important;
  margin-right: 3px !important; }

.padding-4 {
  padding: 4px; }

.margin-4 {
  margin: 4px !important; }

.padding-side-4 {
  padding-left: 4px !important;
  padding-right: 4px !important; }

.margin-side-4 {
  margin-left: 4px !important;
  margin-right: 4px !important; }

.padding-5, .change-state .condition {
  padding: 5px; }

.margin-5 {
  margin: 5px !important; }

.padding-side-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.margin-side-5 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.padding-6 {
  padding: 6px; }

.margin-6 {
  margin: 6px !important; }

.padding-side-6 {
  padding-left: 6px !important;
  padding-right: 6px !important; }

.margin-side-6 {
  margin-left: 6px !important;
  margin-right: 6px !important; }

.padding-7 {
  padding: 7px; }

.margin-7 {
  margin: 7px !important; }

.padding-side-7 {
  padding-left: 7px !important;
  padding-right: 7px !important; }

.margin-side-7 {
  margin-left: 7px !important;
  margin-right: 7px !important; }

.padding-8 {
  padding: 8px; }

.margin-8 {
  margin: 8px !important; }

.padding-side-8 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.margin-side-8 {
  margin-left: 8px !important;
  margin-right: 8px !important; }

.padding-9 {
  padding: 9px; }

.margin-9 {
  margin: 9px !important; }

.padding-side-9 {
  padding-left: 9px !important;
  padding-right: 9px !important; }

.margin-side-9 {
  margin-left: 9px !important;
  margin-right: 9px !important; }

.padding-10 {
  padding: 10px; }

.margin-10 {
  margin: 10px !important; }

.padding-side-10, .change-state .condition {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.margin-side-10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.padding-11 {
  padding: 11px; }

.margin-11 {
  margin: 11px !important; }

.padding-side-11 {
  padding-left: 11px !important;
  padding-right: 11px !important; }

.margin-side-11 {
  margin-left: 11px !important;
  margin-right: 11px !important; }

.padding-12 {
  padding: 12px; }

.margin-12 {
  margin: 12px !important; }

.padding-side-12 {
  padding-left: 12px !important;
  padding-right: 12px !important; }

.margin-side-12 {
  margin-left: 12px !important;
  margin-right: 12px !important; }

.padding-13 {
  padding: 13px; }

.margin-13 {
  margin: 13px !important; }

.padding-side-13 {
  padding-left: 13px !important;
  padding-right: 13px !important; }

.margin-side-13 {
  margin-left: 13px !important;
  margin-right: 13px !important; }

.padding-14 {
  padding: 14px; }

.margin-14 {
  margin: 14px !important; }

.padding-side-14 {
  padding-left: 14px !important;
  padding-right: 14px !important; }

.margin-side-14 {
  margin-left: 14px !important;
  margin-right: 14px !important; }

.padding-15 {
  padding: 15px; }

.margin-15 {
  margin: 15px !important; }

.padding-side-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.margin-side-15 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.padding-16 {
  padding: 16px; }

.margin-16 {
  margin: 16px !important; }

.padding-side-16 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.margin-side-16 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.padding-17 {
  padding: 17px; }

.margin-17 {
  margin: 17px !important; }

.padding-side-17 {
  padding-left: 17px !important;
  padding-right: 17px !important; }

.margin-side-17 {
  margin-left: 17px !important;
  margin-right: 17px !important; }

.padding-18 {
  padding: 18px; }

.margin-18 {
  margin: 18px !important; }

.padding-side-18 {
  padding-left: 18px !important;
  padding-right: 18px !important; }

.margin-side-18 {
  margin-left: 18px !important;
  margin-right: 18px !important; }

.padding-19 {
  padding: 19px; }

.margin-19 {
  margin: 19px !important; }

.padding-side-19 {
  padding-left: 19px !important;
  padding-right: 19px !important; }

.margin-side-19 {
  margin-left: 19px !important;
  margin-right: 19px !important; }

.padding-20 {
  padding: 20px; }

.margin-20 {
  margin: 20px !important; }

.padding-side-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.margin-side-20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.color-danger {
  color: #A30D0D; }

.color-warning {
  color: #C98E1F; }

.color-primary {
  color: #204286; }

.border-1 {
  border: 1px solid; }

.bg-color-red-1 {
  background-color: #A30D0D; }

.bg-color-green-1 {
  background-color: #208732; }

.bg-color-yellow-1 {
  background-color: #C98E1F; }

.bg-color-blue-1 {
  background-color: #204286; }

.bg-color-gray-1 {
  background-color: #333333; }

.txt-color-red-1 {
  color: #A30D0D; }

.txt-color-green-1 {
  color: #208732; }

.txt-color-yellow-1 {
  color: #C98E1F; }

.txt-color-blue-1 {
  color: #204286; }

.txt-color-gray-1 {
  color: #333333; }

.border-color-red-1 {
  border-color: #A30D0D !important; }

.border-color-green-1 {
  border-color: #208732 !important; }

.border-color-yellow-1 {
  border-color: #C98E1F !important; }

.border-color-blue-1 {
  border-color: #204286 !important; }

.border-color-gray-1 {
  border-color: #333333 !important; }

.bg-color-red-2 {
  background-color: #B53D3D; }

.bg-color-green-2 {
  background-color: #2ab041; }

.bg-color-yellow-2 {
  background-color: #D4A54C; }

.bg-color-blue-2 {
  background-color: #2a56af; }

.bg-color-gray-2 {
  background-color: #5C5C5C; }

.txt-color-red-2 {
  color: #B53D3D; }

.txt-color-green-2 {
  color: #2ab041; }

.txt-color-yellow-2 {
  color: #D4A54C; }

.txt-color-blue-2 {
  color: #2a56af; }

.txt-color-gray-2 {
  color: #5C5C5C; }

.border-color-red-2 {
  border-color: #B53D3D !important; }

.border-color-green-2 {
  border-color: #2ab041 !important; }

.border-color-yellow-2 {
  border-color: #D4A54C !important; }

.border-color-blue-2 {
  border-color: #2a56af !important; }

.border-color-gray-2 {
  border-color: #5C5C5C !important; }

.bg-color-red-3 {
  background-color: #C86E6E; }

.bg-color-green-3 {
  background-color: #65db7a; }

.bg-color-yellow-3 {
  background-color: #DFBB79; }

.bg-color-blue-3 {
  background-color: #658cda; }

.bg-color-gray-3 {
  background-color: #858585; }

.txt-color-red-3 {
  color: #C86E6E; }

.txt-color-green-3 {
  color: #65db7a; }

.txt-color-yellow-3 {
  color: #DFBB79; }

.txt-color-blue-3 {
  color: #658cda; }

.txt-color-gray-3, .projects-list table tbody tr td.description {
  color: #858585; }

.border-color-red-3 {
  border-color: #C86E6E !important; }

.border-color-green-3 {
  border-color: #65db7a !important; }

.border-color-yellow-3 {
  border-color: #DFBB79 !important; }

.border-color-blue-3 {
  border-color: #658cda !important; }

.border-color-gray-3 {
  border-color: #858585 !important; }

.bg-color-red-4 {
  background-color: #DA9E9E; }

.bg-color-green-4 {
  background-color: #b8eec1; }

.bg-color-yellow-4 {
  background-color: #E9D2A5; }

.bg-color-blue-4 {
  background-color: #b7c9ee; }

.bg-color-gray-4 {
  background-color: #ADADAD; }

.txt-color-red-4 {
  color: #DA9E9E; }

.txt-color-green-4 {
  color: #b8eec1; }

.txt-color-yellow-4 {
  color: #E9D2A5; }

.txt-color-blue-4 {
  color: #b7c9ee; }

.txt-color-gray-4 {
  color: #ADADAD; }

.border-color-red-4 {
  border-color: #DA9E9E !important; }

.border-color-green-4 {
  border-color: #b8eec1 !important; }

.border-color-yellow-4 {
  border-color: #E9D2A5 !important; }

.border-color-blue-4 {
  border-color: #b7c9ee !important; }

.border-color-gray-4 {
  border-color: #ADADAD !important; }

.bg-color-red-5 {
  background-color: #EDCFCF; }

.bg-color-green-5 {
  background-color: #e1f8e5; }

.bg-color-yellow-5 {
  background-color: #F4E8D2; }

.bg-color-blue-5 {
  background-color: #e0e8f8; }

.bg-color-gray-5, .catalog .competence-areas-list .new-area-button {
  background-color: #ECECEC; }

.txt-color-red-5 {
  color: #EDCFCF; }

.txt-color-green-5 {
  color: #e1f8e5; }

.txt-color-yellow-5 {
  color: #F4E8D2; }

.txt-color-blue-5 {
  color: #e0e8f8; }

.txt-color-gray-5 {
  color: #ECECEC; }

.border-color-red-5 {
  border-color: #EDCFCF !important; }

.border-color-green-5 {
  border-color: #e1f8e5 !important; }

.border-color-yellow-5 {
  border-color: #F4E8D2 !important; }

.border-color-blue-5 {
  border-color: #e0e8f8 !important; }

.border-color-gray-5 {
  border-color: #ECECEC !important; }

.txt-color-white {
  color: white; }

.bg-color-white {
  background-color: white; }

.txt-color-black {
  color: #333333; }

.bg-color-black {
  background-color: #333333; }

.font-weight-100 {
  font-weight: 100; }

.font-weight-200 {
  font-weight: 200; }

.font-weight-300 {
  font-weight: 300; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-500 {
  font-weight: 500; }

.font-weight-600 {
  font-weight: 600; }

.font-weight-700 {
  font-weight: 700; }

.font-weight-800 {
  font-weight: 800; }

.font-weight-900 {
  font-weight: 900; }

@-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: 0;
  -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: white;
  text-align: center;
  background-color: #204286;
  -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: #208732; }
  .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: #204286; }
  .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: #C98E1F; }
  .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: #A30D0D; }
  .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); }

.list-section-title {
  padding: 3px 0px 3px 5px;
  font-weight: 600;
  background-color: #ECECEC;
  color: #5C5C5C; }
  .list-section-title.search {
    height: 31px; }
    .list-section-title.search label.search {
      position: relative; }
      .list-section-title.search label.search > * {
        cursor: pointer; }
      .list-section-title.search label.search i.fa, .list-section-title.search label.search aside header i.switch-button, aside header .list-section-title.search label.search i.switch-button, .list-section-title.search label.search i.card.bordered, .list-section-title.search label.search i.item-selectable.selected {
        position: absolute;
        left: 5px;
        top: 1px;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        transition: all linear 0.3s; }
      .list-section-title.search label.search .btn, .list-section-title.search label.search .catalog .competence-areas-list .new-area-button, .catalog .competence-areas-list .list-section-title.search label.search .new-area-button {
        position: absolute;
        right: 3px;
        top: -1px;
        padding: 0 2px;
        font-size: 12px;
        display: none;
        height: 19px;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        transition: all linear 0.3s; }
      .list-section-title.search label.search input {
        padding: 2px;
        padding-left: 20px;
        font-size: 13px;
        border-radius: 4px;
        height: 25px;
        border: 1px solid;
        border-color: #ddd;
        max-width: 190px;
        width: 20px;
        outline: none !important;
        font-weight: normal;
        -webkit-transition: all linear 0.3s;
        -moz-transition: all linear 0.3s;
        -o-transition: all linear 0.3s;
        transition: all linear 0.3s; }
        .list-section-title.search label.search input:focus {
          border-color: #204286;
          color: #204286; }
        .list-section-title.search label.search input:focus + i {
          color: #204286; }
      .list-section-title.search label.search:not(.opened) {
        cursor: pointer; }
      .list-section-title.search label.search.opened input {
        width: 100%; }
      .list-section-title.search label.search.opened .btn, .list-section-title.search label.search.opened .catalog .competence-areas-list .new-area-button, .catalog .competence-areas-list .list-section-title.search label.search.opened .new-area-button {
        display: block;
        animation: opacize .5s linear;
        -ms-animation: opacize .5s linear;
        -moz-animation: opacize .5s linear;
        -webkit-animation: opacize .5s linear; }

.resize-vertical {
  resize: vertical; }

.acme-form label .btn, .acme-form label .catalog .competence-areas-list .new-area-button, .catalog .competence-areas-list .acme-form label .new-area-button {
  margin-right: 10px; }

#login-container {
  background-color: #204286;
  background-image: url("images/specific/login_background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  animation: opacize .5s linear;
  -ms-animation: opacize .5s linear;
  -moz-animation: opacize .5s linear;
  -webkit-animation: opacize .5s linear; }
  #login-container h1.app-title {
    font-size: 85px;
    text-align: center;
    margin-bottom: 30px; }
  #login-container h4.app-title {
    font-size: 25px;
    text-align: center;
    margin-bottom: 30px; }
  #login-container .acme-form {
    position: fixed;
    top: 150px;
    left: calc(50% - 350px);
    background: rgba(0, 0, 0, 0.7);
    width: 700px;
    padding: 20px; }
    #login-container .acme-form span {
      color: white;
      font-size: 18px; }
    #login-container .acme-form input {
      color: white;
      border-color: white !important;
      line-height: 35px;
      height: 35px;
      font-size: 20px; }
      #login-container .acme-form input .note a {
        color: white; }

@media screen and (max-width: 700px) {
  #login-container .acme-form {
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: auto; }
    #login-container .acme-form .buttons > * {
      margin: 0 !important;
      -webkit-box-flex: none !important;
      -moz-box-flex: none !important;
      -webkit-flex: none !important;
      -ms-flex: none !important;
      flex: none !important; }
    #login-container .acme-form .buttons .enter {
      width: 100%; }
    #login-container .acme-form .buttons .forgot {
      padding: 9px 15px;
      width: 100% !important;
      text-align: center;
      font-size: 18px; }
    #login-container .acme-form span {
      color: white;
      font-size: 13px; }
    #login-container .acme-form input {
      line-height: 25px;
      height: 25px;
      font-size: 13px; } }

@media screen and (max-width: 500px) {
  #login-container form {
    padding-top: 0 !important; }
  #login-container h1.app-title {
    font-size: 55px;
    margin-bottom: 5px; } }

@media screen and (max-height: 500px) {
  #login-container form {
    padding-top: 0 !important; }
  #login-container h1.app-title {
    font-size: 55px;
    margin-bottom: 5px; } }

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

@-moz-keyframes opacize {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes opacize {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes opacize {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.projects-list table {
  width: 100%;
  table-layout: fixed; }
  .projects-list table tbody tr td {
    padding: 10px 15px;
    -webkit-transition: all linear 0.1s;
    -moz-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s; }
    .projects-list table tbody tr td.logo {
      width: 120px; }
      .projects-list table tbody tr td.logo img {
        max-width: 100px;
        max-height: 38px; }
    .projects-list table tbody tr td.description {
      overflow: hidden;
      width: 63%;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .projects-list table tbody tr td.name {
      font-weight: 700; }

.project-list-details {
  background-color: #f0f0f0; }

.card {
  border: solid 1px #ECECEC;
  border-radius: 2px;
  padding: 5px;
  margin: 5px; }
  .card.no-horizontal-margin {
    margin-left: 0px;
    margin-right: 0px; }
  .card.no-vertical-margin {
    margin-top: -1px;
    margin-bottom: 0px; }
  .card.selectable {
    -webkit-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    cursor: pointer; }
    .card.selectable.selected {
      background-color: #e0e8f8; }
      .card.selectable.selected.card-1, .card.selectable.selected.card-2, .card.selectable.selected.card-3, .card.selectable.selected.card-4, .card.selectable.selected.card-5 {
        box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); }
    .card.selectable:hover {
      background-color: #f0f0f0; }
    .card.selectable:active {
      box-shadow: none;
      background-color: #ccc; }
  .card.list {
    margin-top: -1px;
    margin-bottom: 0px; }

.card-1 {
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); }

.card-2 {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16); }

.card-3 {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19); }

.card-4 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25); }

.card-5 {
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3); }

.stretched-list .card {
  margin: -1px 0px 0px 0px;
  border-left: none;
  border-right: none; }

.operator-card .card, .user-card .card {
  cursor: grab;
  cursor: -webkit-grab; }
  .operator-card .card:active, .user-card .card:active {
    cursor: grabbing;
    cursor: -webkit-grabbing; }

.operator-card .first-block, .user-card .first-block {
  display: block; }

.operator-card .second-block, .user-card .second-block {
  display: block; }

.operator-card.bg-success > .card, .bg-success.user-card > .card {
  background-color: #dff0d8 !important; }

.user-card .email {
  line-height: 30px; }

.item-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  margin: 0 auto;
  padding: 7px 7px 7px 10px;
  border: 1px solid #ECECEC;
  position: relative;
  margin: 0 3px;
  -webkit-transition: all linear 0.2s;
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  transition: all linear 0.2s;
  -webkit-box-shadow: 0 1px 3px #858585;
  box-shadow: 0 1px 3px #858585; }
  .item-selectable:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 0 0 0 0;
    border-color: #333333 transparent transparent transparent;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    transition: all linear 0.2s; }
  .item-selectable:not(.selected):hover {
    background-color: white; }
  .item-selectable i.fa, .item-selectable aside header i.switch-button, aside header .item-selectable i.switch-button, .item-selectable i.card.bordered, .item-selectable i.item-selectable.selected {
    color: #333333; }
  .item-selectable i.fa + div, .item-selectable aside header i.switch-button + div, aside header .item-selectable i.switch-button + div, .item-selectable i.card.bordered + div, .item-selectable i.item-selectable.selected + div {
    font-weight: 700; }
  .item-selectable.selected {
    border: 3px solid #2ab041;
    padding-top: 10px;
    background-color: #e1f8e5; }
    .item-selectable.selected:before {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      z-index: 2;
      color: white;
      font-size: 12px; }
    .item-selectable.selected:after {
      border-width: 22px 22px 0 0;
      border-color: #2ab041 transparent transparent transparent;
      z-index: 1; }
  .item-selectable.selected.yellow {
    border: 3px solid #D4A54C;
    padding-top: 10px;
    background-color: #F4E8D2; }
    .item-selectable.selected.yellow:before {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      z-index: 2;
      color: white;
      font-size: 12px; }
    .item-selectable.selected.yellow:after {
      border-width: 22px 22px 0 0;
      border-color: #D4A54C transparent transparent transparent;
      z-index: 1; }

.collapsable {
  transition: ease 0.5s;
  transform: translateX(0); }

.collapser {
  transition: ease 0.5s; }
  .collapser.collapsed {
    transform: rotateX(180deg); }

.collapsable-header {
  border-bottom: 1px solid #ccc;
  margin-top: 15px;
  margin-bottom: 5px;
  line-height: 20px;
  cursor: pointer; }
  .collapsable-header > :first-child {
    font-size: 15px;
    font-weight: 500; }
  .collapsable-header .collapser {
    text-align: right;
    align-self: center;
    flex: 1; }
  .collapsable-header:hover {
    background-color: #f0f0f0; }

.user-details-menu {
  background-color: #f0f0f0;
  font-weight: 300 !important; }
  .user-details-menu .selectable:hover {
    background-color: #ddd !important; }
  .user-details-menu .selectable.selected {
    background-color: #ddd !important; }

.display-flex.align-items-center {
  align-items: center; }

.display-flex.justify-end {
  justify-content: flex-end; }

.display-flex.justify-center {
  justify-content: center; }

.display-flex .align-self-center {
  align-self: center; }

.display-flex .flex-1 {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

[d3-tree] {
  overflow: hidden;
  height: 100%;
  width: 100%; }
  [d3-tree] svg {
    height: 100%;
    width: 100%; }

.link {
  fill: none;
  stroke: #858585;
  stroke-width: 1.5px; }
  .link.highlight {
    stroke: #2a56af !important;
    stroke-width: 3px !important; }
  .link.searchMatchingHighlight {
    stroke: #658cda;
    stroke-width: 3px; }

.node {
  cursor: pointer; }
  .node.selected text {
    font-weight: 800 !important; }
  .node.searchMatching {
    font-weight: 800 !important; }
  .node circle {
    fill: white;
    stroke: #204286;
    stroke-width: 1.5px; }
    .node circle.open {
      fill: #fff; }
    .node circle.closed {
      fill: #658cda; }
    .node circle.leaf {
      display: none; }
    .node circle.invisible {
      display: none; }
  .node line {
    stroke-width: 2px; }
    .node line.searchMatchingHighlight {
      stroke: #658cda !important;
      stroke-width: 3px !important; }
    .node line.highlight {
      stroke: #2a56af !important;
      stroke-width: 3px !important; }

.node.blue line {
  stroke: #204286; }

.node.blue text {
  fill: #204286; }

.node.green line {
  stroke: #208732; }

.node.green text {
  fill: #208732; }

.node.yellow line {
  stroke: #C98E1F; }

.node.yellow text {
  fill: #C98E1F; }

.node.red line {
  stroke: #A30D0D; }

.node.red text {
  fill: #A30D0D; }

.node.gray line {
  stroke: #333333; }

.node.gray text {
  fill: #333333; }

.node.black line {
  stroke: #858585; }

.node.black text {
  fill: #333333; }

.node.none line {
  stroke: #858585; }

.node.none text {
  fill: #858585; }

.node.none:hover text {
  fill: #5C5C5C;
  font-weight: 700; }

.container-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: white;
  height: 100% !important; }

.competenceAreaItem {
  height: 50px;
  padding-left: 15px; }

.projectSurveyItem {
  display: inline-block;
  width: 300px;
  padding: 12px;
  margin-bottom: 10px;
  min-height: 35px;
  margin-right: 20px;
  line-height: 14px; }
  .projectSurveyItem .first-block {
    font-size: 16px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
    font-weight: 600;
    color: #5C5C5C; }
  .projectSurveyItem .second-block {
    height: 70px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    color: #858585;
    font-size: 14px;
    line-height: 18px; }

.audit-assignments header {
  background-color: #f0f0f0; }
  .audit-assignments header h4 {
    padding: 13px;
    font-weight: 400; }
  .audit-assignments header .text-right {
    height: 45px;
    line-height: 45px; }
  .audit-assignments header .add-button {
    border-radius: 50%;
    height: 35px;
    width: 35px;
    line-height: 23px; }

.audit-assignments table td {
  padding: 5px;
  border-bottom: 1px solid #ddd; }

.catalog .competence-areas-list table td {
  padding: 15px 10px;
  font-size: 15px; }

.catalog .competence-areas-list .new-area-button {
  box-shadow: none;
  border: none;
  padding: 12px;
  margin: 10px 0; }
  .catalog .competence-areas-list .new-area-button:hover {
    background-color: #f0f0f0; }

.ca-import-title {
  color: #204286;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500; }
  .ca-import-title:hover {
    text-decoration: underline; }

.ca-import-surveys {
  margin-left: 20px; }
  .ca-import-surveys div {
    font-size: 15px; }
  .ca-import-surveys .surveys-import-title {
    color: #333333;
    cursor: pointer;
    font-weight: 500; }
    .ca-import-surveys .surveys-import-title:hover {
      text-decoration: underline; }
  .ca-import-surveys .surveys-import-questions {
    margin-left: 20px; }
    .ca-import-surveys .surveys-import-questions .questions-import-title {
      color: #5C5C5C; }

.question-icons-container {
  width: auto !important;
  color: #ADADAD; }
  .question-icons-container > * {
    margin: 0 2px; }

.question-text {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap; }

.question-odd {
  background-color: #ECECEC !important; }

.question {
  background-color: white; }

.question-to-compile {
  margin-bottom: 10px; }
  .question-to-compile header h1 {
    margin-top: 0px;
    font-size: 15px; }

.question-text-pre-line {
  white-space: pre-line; }

tags-input {
  display: block; }

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

tags-input .host {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%; }

tags-input .host:active {
  outline: none; }

tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  border: 2px solid #204286;
  background-color: #e0e8f8;
  border-radius: 5px; }

tags-input .tags .tag-item.selected {
  background-color: #EDCFCF;
  border-color: #A30D0D; }

tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font: bold 16px Arial, sans-serif;
  color: #585858; }

tags-input .tags .tag-item .remove-button:active {
  color: #ff0000; }

tags-input .tags .input {
  border: 0;
  outline: none !important;
  padding: 0;
  padding-left: 5px;
  line-height: 25px;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; }

tags-input .tags .input.invalid-tag {
  color: #ff0000; }

tags-input .tags .input::-ms-clear {
  display: none; }

tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6); }

tags-input[disabled] .host:focus {
  outline: none; }

tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default; }

tags-input[disabled] .tags .tag-item {
  opacity: 0.65; }

tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default; }

tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858; }

tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default; }

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative; }

tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff; }

tags-input .autocomplete .suggestion-item.selected {
  color: #fff;
  background-color: #0097cf; }

tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf; }

tags-input .autocomplete .suggestion-item em {
  font: normal bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff; }

tags-input .tags.focused {
  outline: none !important;
  border-bottom-width: 2px !important;
  border-bottom-color: #204286 !important; }

.change-state .condition > i {
  width: 20px !important;
  text-align: center; }

.change-state .group ~ .group {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ddd; }

.choice-text + .choice-text {
  border-top: 1px solid #ddd; }

.table-answer {
  border: solid 1px #dddddd;
  background-color: white;
  text-align: left; }
  .table-answer tr th {
    background-color: #ededed;
    border: solid 1px #dddddd; }
  .table-answer tr td {
    border: solid 1px #dddddd; }

.note-icon {
  color: #C98E1F;
  font-size: 18px; }

.note-icon-compile {
  cursor: pointer; }
  .note-icon-compile:hover {
    text-decoration: underline; }

.maintenance-sheet-image {
  width: 100%; }

.compile-thumbnails {
  list-style: none;
  margin: 0px;
  padding: 0px; }

.svg-mapper-compiler svg {
  cursor: move !important; }

.svg-mapper-compiler rect {
  cursor: pointer !important; }

.svg-mapper-compiler foreignobject {
  cursor: pointer !important; }

.thumb-container {
  display: table;
  border-spacing: 5px; }
  .thumb-container .thumb {
    position: relative;
    width: 55px;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #ADADAD;
    background-color: white;
    margin: 10px; }
    .thumb-container .thumb img {
      display: block;
      margin: 0 auto;
      max-width: 50px;
      max-height: 50px; }
    .thumb-container .thumb .no-image {
      border-top: 55px solid transparent;
      border-right: 55px solid #ECECEC;
      width: 0px;
      line-height: 0%; }

.inbox-counter {
  background-color: #A30D0D;
  font-size: 10px;
  margin-top: 12px;
  float: right;
  line-height: 12px;
  z-index: 6; }

svg-mapper {
  width: calc(100% - 300px);
  display: block;
  overflow: hidden;
  height: 100%; }
  svg-mapper svg {
    cursor: crosshair; }
    svg-mapper svg:active {
      cursor: move !important; }
  svg-mapper g {
    fill: white;
    font-size: 23px; }

g[rendered] {
  cursor: move; }

.point {
  display: block;
  margin: 0 -10px;
  padding: 0 10px; }
  .point:hover {
    background: white; }
  .point label {
    margin: 2px; }

.resizable-rect {
  stroke: #204286;
  stroke-width: 1;
  fill: #6699cc; }

.resize-cursor {
  stroke: #333;
  stroke-width: 1;
  fill: white;
  cursor: nw-resize; }

.text-container body {
  font-size: 9px;
  margin: 2px;
  color: white;
  background: transparent;
  overflow: hidden; }

.selected .resizable-rect {
  stroke: #A30D0D;
  fill: #cc9966; }

.svg-mapper-container {
  position: relative;
  border: 1px solid #ADADAD;
  overflow: hidden;
  height: 380px; }
  .svg-mapper-container .toolbar {
    position: absolute;
    left: 0;
    height: 100%; }
    .svg-mapper-container .toolbar > .btn-fab, .svg-mapper-container .catalog .competence-areas-list .toolbar > .new-area-button, .catalog .competence-areas-list .svg-mapper-container .toolbar > .new-area-button {
      margin-top: 5px; }
    .svg-mapper-container .toolbar .icons {
      width: 90px;
      top: 0;
      position: absolute;
      height: 100%;
      border-right: 1px solid #ADADAD;
      left: -96px;
      box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.2);
      background-color: white;
      -webkit-transition: all linear 0.2s;
      -moz-transition: all linear 0.2s;
      -o-transition: all linear 0.2s;
      transition: all linear 0.2s; }
      .svg-mapper-container .toolbar .icons .icon {
        display: block;
        border-bottom: 1px solid #ADADAD;
        padding: 4px;
        text-align: center;
        text-decoration: none !important; }
        .svg-mapper-container .toolbar .icons .icon:hover, .svg-mapper-container .toolbar .icons .icon.active {
          background-color: #f0f0f0; }
        .svg-mapper-container .toolbar .icons .icon > * {
          display: block; }
        .svg-mapper-container .toolbar .icons .icon > span {
          font-size: 12px; }
        .svg-mapper-container .toolbar .icons .icon > i.fa, .svg-mapper-container .toolbar .icons aside header .icon > i.switch-button, aside header .svg-mapper-container .toolbar .icons .icon > i.switch-button, .svg-mapper-container .toolbar .icons .icon > i.card.bordered, .svg-mapper-container .toolbar .icons .icon > i.item-selectable.selected {
          font-size: 21px; }
    .svg-mapper-container .toolbar .btn-fab:hover + .icons, .svg-mapper-container .toolbar .catalog .competence-areas-list .new-area-button:hover + .icons, .catalog .competence-areas-list .svg-mapper-container .toolbar .new-area-button:hover + .icons, .svg-mapper-container .toolbar .icons:hover {
      left: 0px; }
  .svg-mapper-container .points {
    position: absolute;
    overflow: hidden;
    right: 0;
    width: 300px;
    height: calc(100% - 22px);
    border-left: 1px solid #ADADAD;
    background: white; }
    .svg-mapper-container .points .point:hover, .svg-mapper-container .points .point.active {
      background-color: #f0f0f0; }
    .svg-mapper-container .points h4 {
      border-bottom: 1px solid #ADADAD;
      background: white;
      padding: 10px;
      margin: 0; }
    .svg-mapper-container .points .list {
      padding: 10px;
      overflow: auto;
      height: calc(100% - 40px); }

.points-options {
  position: absolute;
  top: calc(-100% + 17px);
  left: 0;
  width: 100%;
  height: calc(100% - 22px);
  background-color: white;
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
  .points-options.active {
    top: 0px; }
  .points-options .points {
    height: 100%;
    left: 0;
    right: initial;
    border-left: none;
    border-right: 1px solid #ADADAD; }
  .points-options .content {
    position: absolute;
    overflow: auto;
    height: 100%;
    left: 301px;
    right: 0; }

.status-bar {
  bottom: 0;
  left: 0;
  right: 0;
  height: 22px;
  background-color: #204286;
  position: absolute; }
  .status-bar .options {
    padding-left: 20px;
    display: inline-block; }
    .status-bar .options i {
      padding: 0 5px;
      color: white;
      display: inline-block;
      text-align: center;
      line-height: 18px;
      font-size: 14px;
      cursor: pointer; }
    .status-bar .options .active {
      background-color: white;
      color: #204286; }
  .status-bar .zoom {
    display: inline-block; }
    .status-bar .zoom * {
      margin: 0 2px;
      color: white;
      display: inline-block;
      text-align: center;
      line-height: 22px;
      font-size: 12px; }

.recommendation {
  position: relative;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  padding: 10px; }
  .recommendation .recommendation-text {
    white-space: pre; }
  .recommendation .recommendation-buttons {
    position: absolute;
    bottom: -50px;
    right: 0px;
    left: 0px;
    text-align: right;
    background: linear-gradient(rgba(0, 0, 0, 0), #b7c9ee);
    transition: all .3s; }
  .recommendation:hover {
    background-color: #e0e8f8; }
    .recommendation:hover .recommendation-buttons {
      bottom: 0px; }
      .recommendation:hover .recommendation-buttons button {
        margin-bottom: 3px; }

#questions-dependency * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#questions-dependency * {
  -webkit-transition: all linear 0s;
  -moz-transition: all linear 0s;
  -o-transition: all linear 0s;
  transition: all linear 0s; }

#questions-dependency.published * {
  cursor: initial !important; }

#questions-dependency .questions-container.droppable {
  padding: 5px 0; }

#questions-dependency .question {
  background-color: transparent;
  cursor: pointer;
  padding: 2px; }
  #questions-dependency .question i.fa, #questions-dependency .question aside header i.switch-button, aside header #questions-dependency .question i.switch-button, #questions-dependency .question i.card.bordered, #questions-dependency .question i.item-selectable.selected {
    display: inline-block;
    text-align: center;
    width: 20px; }
  #questions-dependency .question:hover {
    background-color: #edf1fb; }
    #questions-dependency .question:hover ~ .choice:before, #questions-dependency .question:hover ~ .choice:after {
      background-color: #658cda; }
  #questions-dependency .question.active {
    background-color: #e0e8f8; }

#questions-dependency .new-question-button .question .button {
  color: #ADADAD; }

#questions-dependency .new-question-button:hover .question {
  color: #333333;
  background-color: white; }

#questions-dependency .new-question-button .question-type-selector {
  display: inline-block; }
  #questions-dependency .new-question-button .question-type-selector:hover {
    background-color: #ECECEC; }
  #questions-dependency .new-question-button .question-type-selector i + div {
    display: none;
    position: absolute;
    z-index: 3;
    margin-left: -6px;
    padding: 0; }
    #questions-dependency .new-question-button .question-type-selector i + div ul {
      margin: 0;
      padding: 0; }
      #questions-dependency .new-question-button .question-type-selector i + div ul li {
        line-height: 20px;
        padding: 0 10px 0 5px;
        list-style: none; }
      #questions-dependency .new-question-button .question-type-selector i + div ul li:hover {
        background-color: #edf1fb; }
      #questions-dependency .new-question-button .question-type-selector i + div ul li.active {
        background-color: #658cda;
        color: white; }
  #questions-dependency .new-question-button .question-type-selector:hover i + div {
    display: block; }

#questions-dependency .new-question-button form input {
  min-width: 100px;
  border: none;
  padding: 0;
  outline: none !important; }

#questions-dependency .choice {
  position: relative;
  margin-left: 12px;
  padding-left: 20px; }
  #questions-dependency .choice .choice-text {
    font-style: italic; }
    #questions-dependency .choice .choice-text input {
      padding: 2px; }
    #questions-dependency .choice .choice-text span {
      padding: 4px;
      display: inline-block;
      cursor: pointer; }
    #questions-dependency .choice .choice-text span:hover {
      background-color: #f0f0f0; }
  #questions-dependency .choice:before, #questions-dependency .choice:after {
    content: ' ';
    display: block;
    background-color: #333333;
    position: absolute;
    left: 0; }
  #questions-dependency .choice:before {
    width: 1px;
    top: 0;
    bottom: 0; }
  #questions-dependency .choice:after {
    height: 1px;
    top: 12px;
    width: 20px; }

#questions-dependency .choice:last-child:before {
  bottom: calc(100% - 12px); }

#questions-dependency .choice-order-panel {
  display: inline-block; }

#questions-dependency .question + .choice {
  padding-top: 5px; }
  #questions-dependency .question + .choice:last-child:before {
    bottom: calc(100% - 17px); }
  #questions-dependency .question + .choice:after {
    top: 17px; }

#questions-dependency .dndDragover {
  background-color: rgba(225, 248, 229, 0.6);
  -webkit-transition: all linear 0s;
  -moz-transition: all linear 0s;
  -o-transition: all linear 0s;
  transition: all linear 0s; }

#questions-dependency .draggable .dndDragging.dndDraggingSource {
  background-color: #f5e9d4 !important; }
  #questions-dependency .draggable .dndDragging.dndDraggingSource * {
    background: transparent !important; }
  #questions-dependency .draggable .dndDragging.dndDraggingSource .choice {
    display: none; }

#questions-dependency li.dndPlaceholder {
  -webkit-transition: all linear 0s;
  -moz-transition: all linear 0s;
  -o-transition: all linear 0s;
  transition: all linear 0s;
  height: 18px;
  background-color: #e0e8f8;
  list-style: none; }

#questions-dependency .global-button {
  overflow: visible;
  padding: 5px 0;
  position: relative; }
  #questions-dependency .global-button .question .button {
    color: #333333 !important; }
  #questions-dependency .global-button .question-type-selector i + div {
    bottom: 0px; }

.globalScore, .globalIndexScale {
  width: auto; }
  .globalScore .Survival, .globalIndexScale .Survival {
    background: #fe0000; }
  .globalScore .Responding, .globalIndexScale .Responding {
    background: #ffc000; }
  .globalScore .Proactive, .globalIndexScale .Proactive {
    background: #ffff00; }
  .globalScore .Competitive, .globalIndexScale .Competitive {
    background: #00ff00; }
  .globalScore .BestInClass, .globalIndexScale .BestInClass {
    background: #00b0ed; }
  .globalScore td, .globalIndexScale td {
    border: 1px solid #000 !important;
    font-weight: 700; }

.globalScore td {
  width: 325px; }

.globalIndexScale td {
  text-align: center;
  width: 130px; }

.not-defined {
  color: #858585; }

.awesome-checkbox {
  display: inline-block;
  text-align: left;
  font-size: 16px;
  width: 18px;
  cursor: pointer; }

.level-chooser-box {
  display: inline-block;
  padding-right: 5px; }

#questionSearch .loading {
  padding: 10px;
  margin: 0px 10px;
  color: #204286;
  background-color: #e0e8f8;
  font-weight: 700; }

#questionSearch .please-search {
  padding: 10px;
  margin: 0px 10px;
  color: #333333;
  background-color: #ECECEC;
  font-weight: 700; }

#questionSearch .search-topic-container {
  overflow: initial; }
  #questionSearch .search-topic-container .search-topic {
    display: inline-block;
    min-width: 300px; }
    #questionSearch .search-topic-container .search-topic tags-input {
      border-bottom: solid 1px #ADADAD;
      height: 30px; }
      #questionSearch .search-topic-container .search-topic tags-input .host {
        margin-top: 0; }
      #questionSearch .search-topic-container .search-topic tags-input ::placeholder {
        color: white; }
      #questionSearch .search-topic-container .search-topic tags-input input {
        padding: 5px;
        min-width: 100px; }

#questionSearch .survey-questions-group {
  border-bottom: solid 1px #858585;
  margin-bottom: 15px;
  margin-left: 10px; }
  #questionSearch .survey-questions-group .survey-questions-group__name {
    font-size: 20px;
    font-weight: 500; }
  #questionSearch .survey-questions-group .survey-questions-group__questions {
    padding: 10px 10px 10px 10px; }
    #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question {
      background: #ECECEC;
      border-bottom: solid 1px #e4e4e4;
      padding: 10px; }
      #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question:nth-child(odd) {
        background: white; }
      #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question-type i {
        margin-left: 10px; }
      #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__code {
        font-weight: 500;
        display: inline-block; }
        #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__code.required {
          color: #A30D0D; }
      #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__topic {
        font-weight: 500;
        font-size: 10px;
        display: inline-block;
        margin-left: 10px;
        border: solid 1px #D4A54C;
        padding: 1px 3px 0px;
        background: #C98E1F;
        color: white;
        border-radius: 4px; }
      #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__text {
        padding: 5px 10px 5px; }
      #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__choices {
        padding: 0px 10px 10px; }
        #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__choices .survey-question__choice {
          margin-left: 10px;
          color: #333333;
          padding: 0px 4px; }
          #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__choices .survey-question__choice i {
            margin-right: 3px; }
      #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question-pictures .survey-question-picture {
        display: inline-block;
        border-radius: 4px;
        padding: 2px 8px;
        margin-right: 10px;
        border: solid 1px #5C5C5C;
        background-color: white; }
        #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question-pictures .survey-question-picture .fa, #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question-pictures .survey-question-picture aside header i.switch-button, aside header #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question-pictures .survey-question-picture i.switch-button, #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question-pictures .survey-question-picture .card.bordered, #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question-pictures .survey-question-picture .item-selectable.selected {
          margin-right: 5px; }
        #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question-pictures .survey-question-picture.required {
          color: #A30D0D; }
      #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__table .survey-question__table__row.survey-question__table-header .survey-question__table__column {
        border: solid 1px #ADADAD;
        background: #333333;
        color: white; }
      #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__table .survey-question__table__row .survey-question__table__column {
        border: solid 1px #ADADAD;
        background: #ECECEC;
        height: 20px; }
        #questionSearch .survey-questions-group .survey-questions-group__questions .survey-question .survey-question__table .survey-question__table__row .survey-question__table__column.answerable {
          background: white; }

/* generals:sass */
.no-data {
  padding: 10px;
  margin: 0px 10px;
  color: #C98E1F;
  background-color: #F4E8D2;
  font-weight: 700; }

section {
  position: relative; }

#login-container .disclaimer {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center; }
  #login-container .disclaimer .disclaimer-content {
    display: inline-block;
    background: rgba(0, 0, 0, 0.75);
    padding: 15px;
    font-size: 10px;
    white-space: pre-line;
    color: white;
    border-radius: 4px; }

.auto-complete-container {
  display: inline-block; }

#catalog-surveys-edit-topics .big-padding {
  padding-left: 10%;
  padding-right: 10%; }

#catalog-surveys-edit-topics .topic-node .topic-line {
  display: flex;
  align-items: center;
  border: solid 1px #ECECEC;
  background: #f5f5f5;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px; }
  #catalog-surveys-edit-topics .topic-node .topic-line.editing {
    background-color: #e0e8f8; }
  #catalog-surveys-edit-topics .topic-node .topic-line .topic-info {
    display: flex;
    flex-grow: 1;
    padding-left: 5px;
    font-size: 14px; }
  #catalog-surveys-edit-topics .topic-node .topic-line .topic-actions {
    display: flex; }
    #catalog-surveys-edit-topics .topic-node .topic-line .topic-actions .topic-action {
      color: #204286;
      font-size: 15px;
      cursor: pointer;
      margin-left: 7px;
      margin-right: 7px; }
      #catalog-surveys-edit-topics .topic-node .topic-line .topic-actions .topic-action.danger {
        color: #A30D0D; }
      #catalog-surveys-edit-topics .topic-node .topic-line .topic-actions .topic-action[disabled] {
        color: #ADADAD !important;
        cursor: default;
        pointer-events: none; }

#catalog-surveys-edit-topics .topic-node > .topic-node {
  margin-left: 50px; }

#compile .not-only-compiled-filter {
  display: flex;
  justify-content: center;
  margin-bottom: 2px;
  margin-top: 1px; }

#compile .small-button {
  font-size: 10px;
  padding: 2px 2px;
  height: 19px;
  border-radius: 2px; }
  #compile .small-button[disabled] {
    background: #ECECEC;
    color: #858585;
    border-color: #858585;
    cursor: default;
    pointer-events: none; }

#compile .saving-notification {
  position: absolute;
  width: 100%;
  text-align: right;
  margin-top: 50px;
  padding-right: 20px; }
  #compile .saving-notification > div {
    background: #D4A54C;
    color: white;
    padding: 3px 20px;
    display: inline-block;
    border-radius: 4px; }

/* endinject */
/* specifics:sass */
/* endinject */