@charset "UTF-8";

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons-RSSEDYLY.eot");
  src:
    url("./media/primeicons-RSSEDYLY.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-4GST5W3O.woff2") format("woff2"),
    url("./media/primeicons-P53SE5CV.woff") format("woff"),
    url("./media/primeicons-GEFHGEHP.ttf") format("truetype"),
    url("./media/primeicons-DHQU4SEP.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-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);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* node_modules/tippy.js/dist/tippy.css */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property:
    transform,
    visibility,
    opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

/* node_modules/tippy.js/themes/translucent.css */
.tippy-box[data-theme~=translucent] {
  background-color: rgba(0, 0, 0, .7);
}
.tippy-box[data-theme~=translucent] > .tippy-arrow {
  width: 14px;
  height: 14px;
}
.tippy-box[data-theme~=translucent][data-placement^=top] > .tippy-arrow:before {
  border-width: 7px 7px 0;
  border-top-color: rgba(0, 0, 0, .7);
}
.tippy-box[data-theme~=translucent][data-placement^=bottom] > .tippy-arrow:before {
  border-width: 0 7px 7px;
  border-bottom-color: rgba(0, 0, 0, .7);
}
.tippy-box[data-theme~=translucent][data-placement^=left] > .tippy-arrow:before {
  border-width: 7px 0 7px 7px;
  border-left-color: rgba(0, 0, 0, .7);
}
.tippy-box[data-theme~=translucent][data-placement^=right] > .tippy-arrow:before {
  border-width: 7px 7px 7px 0;
  border-right-color: rgba(0, 0, 0, .7);
}
.tippy-box[data-theme~=translucent] > .tippy-backdrop {
  background-color: rgba(0, 0, 0, .7);
}
.tippy-box[data-theme~=translucent] > .tippy-svg-arrow {
  fill: rgba(0, 0, 0, .7);
}

/* apps/emply-v2/src/styles.scss */
.eui-input {
  text-indent: 15px;
  position: relative;
  box-sizing: border-box;
  height: 38px;
  width: 100%;
  cursor: text;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.eui-input:hover {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.eui-input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(50 150 250 / var(--tw-border-opacity, 1));
}
.eui-input:active {
  --tw-border-opacity: 1;
  border-color: rgb(50 150 250 / var(--tw-border-opacity, 1));
}
.eui-input:disabled {
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.eui-input.ng-touched.ng-invalid {
  --tw-border-opacity: 1;
  border-color: rgb(245 75 75 / var(--tw-border-opacity, 1));
  background-color: #c8000003;
}
emp-ui-form-field .eui-input {
  height: 2.25rem;
  border-width: 0px;
  outline-width: 0px;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
input[type=radio],
input[type=checkbox] {
  margin: 0px;
  height: 1rem;
  width: 1rem;
  cursor: pointer;
  appearance: none;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
input[type=radio]:hover,
input[type=checkbox]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(50 150 250 / var(--tw-border-opacity, 1));
}
input[type=radio]::before,
input[type=checkbox]::before {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-delay: 25ms;
  --tw-content: "";
  content: var(--tw-content);
}
label {
  cursor: text;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.-bottom-\[62px\] {
  bottom: -62px;
}
.-left-8 {
  left: -2rem;
}
.-right-8 {
  right: -2rem;
}
.-top-0\.5 {
  top: -0.125rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1\/2 {
  bottom: 50%;
}
.bottom-\[25px\] {
  bottom: 25px;
}
.bottom-\[85px\] {
  bottom: 85px;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-3 {
  left: 0.75rem;
}
.left-6 {
  left: 1.5rem;
}
.left-\[-1px\] {
  left: -1px;
}
.left-\[-2px\] {
  left: -2px;
}
.left-\[25px\] {
  left: 25px;
}
.left-\[2px\] {
  left: 2px;
}
.left-\[55px\] {
  left: 55px;
}
.left-\[5px\] {
  left: 5px;
}
.left-\[7px\] {
  left: 7px;
}
.left-\[9px\] {
  left: 9px;
}
.left-px {
  left: 1px;
}
.right-0 {
  right: 0px;
}
.right-5 {
  right: 1.25rem;
}
.right-6 {
  right: 1.5rem;
}
.right-\[-35vw\] {
  right: -35vw;
}
.right-\[-60px\] {
  right: -60px;
}
.right-\[25px\] {
  right: 25px;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\.5 {
  top: 0.375rem;
}
.top-1\/2 {
  top: 50%;
}
.top-3\.5 {
  top: 0.875rem;
}
.top-5 {
  top: 1.25rem;
}
.top-\[-2px\] {
  top: -2px;
}
.top-\[-5px\] {
  top: -5px;
}
.top-\[22px\] {
  top: 22px;
}
.top-\[5px\] {
  top: 5px;
}
.top-\[60px\] {
  top: 60px;
}
.top-\[9px\] {
  top: 9px;
}
.top-\[calc\(50\%_-_0\.5px\)\] {
  top: calc(50% - 0.5px);
}
.top-px {
  top: 1px;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[1000\] {
  z-index: 1000;
}
.z-\[90\] {
  z-index: 90;
}
.z-\[91\] {
  z-index: 91;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.float-end {
  float: inline-end;
}
.\!float-right {
  float: right !important;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-auto {
  margin: auto;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-\[24px\] {
  margin-left: 24px;
  margin-right: 24px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-\[32px\] {
  margin-top: 32px;
  margin-bottom: 32px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.\!ml-0\.5 {
  margin-left: 0.125rem !important;
}
.-ml-1\.5 {
  margin-left: -0.375rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-3\.5 {
  margin-bottom: 0.875rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[35px\] {
  margin-bottom: 35px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-\[10px\] {
  margin-left: 10px;
}
.ml-\[15px\] {
  margin-left: 15px;
}
.ml-\[20px\] {
  margin-left: 20px;
}
.ml-\[21px\] {
  margin-left: 21px;
}
.ml-\[4px\] {
  margin-left: 4px;
}
.ml-\[50px\] {
  margin-left: 50px;
}
.ml-\[5px\] {
  margin-left: 5px;
}
.ml-\[8px\] {
  margin-left: 8px;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-3\.5 {
  margin-right: 0.875rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-\[15px\] {
  margin-right: 15px;
}
.mr-\[20px\] {
  margin-right: 20px;
}
.mr-\[25px\] {
  margin-right: 25px;
}
.mr-\[2px\] {
  margin-right: 2px;
}
.mr-px {
  margin-right: 1px;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-2\.5 {
  margin-top: 0.625rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[34px\] {
  margin-top: 34px;
}
.mt-\[35px\] {
  margin-top: 35px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.mt-px {
  margin-top: 1px;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.size-\[132px\] {
  width: 132px;
  height: 132px;
}
.size-\[30px\] {
  width: 30px;
  height: 30px;
}
.h-0 {
  height: 0px;
}
.h-0\.5 {
  height: 2px;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-5 {
  height: 1.25rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-7\.5 {
  height: 30px;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-9\.5 {
  height: 38px;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[132px\] {
  height: 132px;
}
.h-\[148px\] {
  height: 148px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[330px\] {
  height: 330px;
}
.h-\[33px\] {
  height: 33px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[414px\] {
  height: 414px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[61px\] {
  height: 61px;
}
.h-\[81px\] {
  height: 81px;
}
.h-\[97vh\] {
  height: 97vh;
}
.h-\[98px\] {
  height: 98px;
}
.h-\[calc\(100\%-14rem\)\] {
  height: calc(100% - 14rem);
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-96 {
  max-height: 24rem;
}
.max-h-\[324px\] {
  max-height: 324px;
}
.max-h-\[330px\] {
  max-height: 330px;
}
.max-h-\[35vh\] {
  max-height: 35vh;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.min-h-\[108px\] {
  min-height: 108px;
}
.min-h-\[18vh\] {
  min-height: 18vh;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.\!w-full {
  width: 100% !important;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9\.5 {
  width: 38px;
}
.w-\[111px\] {
  width: 111px;
}
.w-\[12\.1px\] {
  width: 12.1px;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[139px\] {
  width: 139px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[318px\] {
  width: 318px;
}
.w-\[35vw\] {
  width: 35vw;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[550px\] {
  width: 550px;
}
.w-\[5px\] {
  width: 5px;
}
.w-\[719px\] {
  width: 719px;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[calc\(100\%_-_44px\)\] {
  width: calc(100% - 44px);
}
.w-\[calc\(33\.3333\%-23px\)\] {
  width: calc(33.3333% - 23px);
}
.w-full {
  width: 100%;
}
.min-w-24 {
  min-width: 6rem;
}
.min-w-\[30px\] {
  min-width: 30px;
}
.min-w-\[34px\] {
  min-width: 34px;
}
.min-w-\[500px\] {
  min-width: 500px;
}
.min-w-\[600px\] {
  min-width: 600px;
}
.min-w-\[613px\] {
  min-width: 613px;
}
.max-w-6 {
  max-width: 1.5rem;
}
.max-w-60 {
  max-width: 15rem;
}
.max-w-\[614px\] {
  max-width: 614px;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.basis-1\/2 {
  flex-basis: 50%;
}
.basis-1\/4 {
  flex-basis: 25%;
}
.basis-3\/4 {
  flex-basis: 75%;
}
.border-collapse {
  border-collapse: collapse;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.origin-\[0\.5px_50\%\] {
  transform-origin: 0.5px 50%;
}
.origin-\[50\%_50\%\] {
  transform-origin: 50% 50%;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-px {
  --tw-translate-y: 1px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\!rotate-180 {
  --tw-rotate: 180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[2\] {
  --tw-scale-x: 2;
  --tw-scale-y: 2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.animate-\[iconEnter_0\.75s\] {
  animation: iconEnter 0.75s;
}
.\!cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.list-none {
  list-style-type: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-content-center {
  place-content: center;
}
.content-center {
  align-content: center;
}
.content-start {
  align-content: flex-start;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-9 {
  gap: 2.25rem;
}
.gap-\[25px\] {
  gap: 25px;
}
.gap-\[30px\] {
  gap: 30px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-x-11 {
  column-gap: 2.75rem;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-x-\[100px\] {
  column-gap: 100px;
}
.gap-y-4 {
  row-gap: 1rem;
}
.gap-y-8 {
  row-gap: 2rem;
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-center {
  justify-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[15px\] {
  border-radius: 15px;
}
.rounded-\[1rem\] {
  border-radius: 1rem;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-eui {
  border-radius: 3px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.rounded-r {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-r-sm {
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}
.rounded-t {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-\[2px\] {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem;
}
.rounded-br-sm {
  border-bottom-right-radius: 0.125rem;
}
.rounded-tl-lg {
  border-top-left-radius: 0.5rem;
}
.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}
.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-8 {
  border-width: 8px;
}
.border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}
.border-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.\!border-b-0 {
  border-bottom-width: 0px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-0 {
  border-top-width: 0px;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.\!border-none {
  border-style: none !important;
}
.border-none {
  border-style: none;
}
.\!border-eui-blue {
  --tw-border-opacity: 1 !important;
  border-color: rgb(50 150 250 / var(--tw-border-opacity, 1)) !important;
}
.\!border-eui-dis-border {
  --tw-border-opacity: 1 !important;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)) !important;
}
.\!border-eui-orange {
  --tw-border-opacity: 1 !important;
  border-color: rgb(226 141 80 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#CCC\] {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.border-\[\#D3D3D2\] {
  --tw-border-opacity: 1;
  border-color: rgb(211 211 210 / var(--tw-border-opacity, 1));
}
.border-border {
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
}
.border-border-hover {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.border-danger {
  --tw-border-opacity: 1;
  border-color: rgb(245 75 75 / var(--tw-border-opacity, 1));
}
.border-eui-blue {
  --tw-border-opacity: 1;
  border-color: rgb(50 150 250 / var(--tw-border-opacity, 1));
}
.border-eui-blue-dark {
  border-color: #3296FA3F;
}
.border-eui-border {
  --tw-border-opacity: 1;
  border-color: rgb(217 216 217 / var(--tw-border-opacity, 1));
}
.border-eui-danger {
  border-color: #F54B4BFF;
}
.border-eui-danger-dark {
  border-color: #F54B4B3F;
}
.border-eui-dis {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-eui-dis-border {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.border-eui-grey {
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
}
.border-eui-grey-dark {
  --tw-border-opacity: 1;
  border-color: rgb(153 153 153 / var(--tw-border-opacity, 1));
}
.border-eui-grey-light {
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));
}
.border-eui-grey-lighter-2 {
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
}
.border-eui-grey-lighter-3 {
  --tw-border-opacity: 1;
  border-color: rgb(246 245 244 / var(--tw-border-opacity, 1));
}
.border-eui-light-gray {
  --tw-border-opacity: 1;
  border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-eui-orange {
  --tw-border-opacity: 1;
  border-color: rgb(226 141 80 / var(--tw-border-opacity, 1));
}
.border-eui-success {
  --tw-border-opacity: 1;
  border-color: rgb(100 200 75 / var(--tw-border-opacity, 1));
}
.border-eui-success-dark {
  border-color: #64C84B3F;
}
.border-eui-warm-brown-20 {
  --tw-border-opacity: 1;
  border-color: rgb(224 222 220 / var(--tw-border-opacity, 1));
}
.border-eui-warning-dark {
  border-color: #FFAA003F;
}
.border-eui-yellow-border {
  --tw-border-opacity: 1;
  border-color: rgb(255 239 201 / var(--tw-border-opacity, 1));
}
.border-light-grey-20 {
  --tw-border-opacity: 1;
  border-color: rgb(237 235 233 / var(--tw-border-opacity, 1));
}
.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(50 150 250 / var(--tw-border-opacity, 1));
}
.border-timeTracking-eui-tt-red-text {
  --tw-border-opacity: 1;
  border-color: rgb(230 110 110 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-zinc-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
}
.border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}
.border-b-eui-grey-lighter-2 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
}
.border-b-transparent {
  border-bottom-color: transparent;
}
.border-l-eui-light-gray {
  --tw-border-opacity: 1;
  border-left-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-t-eui-dis {
  --tw-border-opacity: 1;
  border-top-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-t-eui-light-gray {
  --tw-border-opacity: 1;
  border-top-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-t-secondary-dark {
  --tw-border-opacity: 1;
  border-top-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.\!bg-\[\#E28D50\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(226 141 80 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-eui-blue {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(50 150 250 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-eui-grey {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(170 170 170 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-eui-grey-dark {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-eui-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-stone-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 245 244 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#00000026\] {
  background-color: #00000026;
}
.bg-\[\#25211E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 33 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3296fa26\] {
  background-color: #3296fa26;
}
.bg-\[\#373737\] {
  --tw-bg-opacity: 1;
  background-color: rgb(55 55 55 / var(--tw-bg-opacity, 1));
}
.bg-\[\#73CD87\] {
  --tw-bg-opacity: 1;
  background-color: rgb(115 205 135 / var(--tw-bg-opacity, 1));
}
.bg-\[\#C2BDBA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(194 189 186 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E0DEDC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 222 220 / var(--tw-bg-opacity, 1));
}
.bg-\[\#E28D50\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 141 80 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFFFFF80\] {
  background-color: #FFFFFF80;
}
.bg-\[\#c8000003\] {
  background-color: #c8000003;
}
.bg-aqua-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(105 200 200 / var(--tw-bg-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/75 {
  background-color: rgb(0 0 0 / 0.75);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-black\/\[\.35\] {
  background-color: rgb(0 0 0 / .35);
}
.bg-border {
  --tw-bg-opacity: 1;
  background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1));
}
.bg-danger {
  --tw-bg-opacity: 1;
  background-color: rgb(245 75 75 / var(--tw-bg-opacity, 1));
}
.bg-danger\/90 {
  background-color: rgb(245 75 75 / 0.9);
}
.bg-emply-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 141 80 / var(--tw-bg-opacity, 1));
}
.bg-eui-black-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 33 30 / var(--tw-bg-opacity, 1));
}
.bg-eui-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(50 150 250 / var(--tw-bg-opacity, 1));
}
.bg-eui-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 125 205 / var(--tw-bg-opacity, 1));
}
.bg-eui-blue-dark {
  background-color: #3296FA3F;
}
.bg-eui-blue-darker {
  background-color: #3296FA19;
}
.bg-eui-blue-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(44 134 224 / var(--tw-bg-opacity, 1));
}
.bg-eui-blue-light {
  --tw-bg-opacity: 1;
  background-color: rgb(221 238 255 / var(--tw-bg-opacity, 1));
}
.bg-eui-cancel-gray-btn-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-eui-danger {
  background-color: #F54B4BFF;
}
.bg-eui-dis-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.bg-eui-dis-border {
  --tw-bg-opacity: 1;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity, 1));
}
.bg-eui-grey {
  --tw-bg-opacity: 1;
  background-color: rgb(170 170 170 / var(--tw-bg-opacity, 1));
}
.bg-eui-grey-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity, 1));
}
.bg-eui-grey-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-eui-grey-lighter-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 245 244 / var(--tw-bg-opacity, 1));
}
.bg-eui-grey-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(167 156 144 / var(--tw-bg-opacity, 1));
}
.bg-eui-light-grey-20 {
  --tw-bg-opacity: 1;
  background-color: rgb(246 245 244 / var(--tw-bg-opacity, 1));
}
.bg-eui-lighter-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-eui-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(226 141 80 / var(--tw-bg-opacity, 1));
}
.bg-eui-red {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-eui-success {
  --tw-bg-opacity: 1;
  background-color: rgb(100 200 75 / var(--tw-bg-opacity, 1));
}
.bg-eui-teal {
  --tw-bg-opacity: 1;
  background-color: rgb(105 200 200 / var(--tw-bg-opacity, 1));
}
.bg-eui-warm-brown-10 {
  background-color: #f0eeeeee;
}
.bg-eui-warning {
  background-color: #FFAA00FF;
}
.bg-eui-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-eui-yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 235 / var(--tw-bg-opacity, 1));
}
.bg-eui-yellow-pale {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 236 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-inherit {
  background-color: inherit;
}
.bg-light-grey-40 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 215 211 / var(--tw-bg-opacity, 1));
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(50 150 250 / var(--tw-bg-opacity, 1));
}
.bg-primary-hover {
  background-color: #3296FA19;
}
.bg-primary\/90 {
  background-color: rgb(50 150 250 / 0.9);
}
.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(170 170 170 / var(--tw-bg-opacity, 1));
}
.bg-secondary-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-secondary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.bg-secondary-lighter {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(100 200 75 / var(--tw-bg-opacity, 1));
}
.bg-success-light {
  --tw-bg-opacity: 1;
  background-color: rgb(232 247 228 / var(--tw-bg-opacity, 1));
}
.bg-success\/90 {
  background-color: rgb(100 200 75 / 0.9);
}
.bg-timeTracking-eui-status-yellow-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 205 85 / var(--tw-bg-opacity, 1));
}
.bg-timeTracking-eui-tt-red-text {
  --tw-bg-opacity: 1;
  background-color: rgb(230 110 110 / var(--tw-bg-opacity, 1));
}
.bg-timeTracking-setup-bg\/50 {
  background-color: rgb(239 239 237 / 0.5);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/100 {
  background-color: rgb(255 255 255 / 1);
}
.bg-\[url\(\'\/img\/careersite\/down\.svg\'\)\] {
  background-image: url(/img/careersite/down.svg);
}
.bg-\[url\(\'\/img\/icons\/12\/camera_ffffff\.svg\'\)\] {
  background-image: url(/img/icons/12/camera_ffffff.svg);
}
.bg-\[url\(\'\/img\/icons\/12\/checkmark_ffffff\.svg\'\)\] {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.bg-\[url\(\'\/img\/icons\/12\/pulse_3296fa\.svg\'\)\] {
  background-image: url(/img/icons/12/pulse_3296fa.svg);
}
.bg-none {
  background-image: none;
}
.bg-\[length\:24px\] {
  background-size: 24px;
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.bg-left {
  background-position: left;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.\!p-0 {
  padding: 0px !important;
}
.\!p-4 {
  padding: 1rem !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-2\.5 {
  padding: 0.625rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-\[25px\] {
  padding: 25px;
}
.p-\[50px\] {
  padding: 50px;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[25px\] {
  padding-left: 25px;
  padding-right: 25px;
}
.px-px {
  padding-left: 1px;
  padding-right: 1px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3\.5 {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3\.5 {
  padding-bottom: 0.875rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-\[1\.50px\] {
  padding-bottom: 1.50px;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.pb-\[7px\] {
  padding-bottom: 7px;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-11 {
  padding-left: 2.75rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-3\.5 {
  padding-left: 0.875rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pl-\[25px\] {
  padding-left: 25px;
}
.pl-\[7px\] {
  padding-left: 7px;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-3\.5 {
  padding-right: 0.875rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-\[66px\] {
  padding-right: 66px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-\[12px\] {
  padding-top: 12px;
}
.pt-\[20px\] {
  padding-top: 20px;
}
.pt-\[29px\] {
  padding-top: 29px;
}
.pt-\[68px\] {
  padding-top: 68px;
}
.pt-\[7px\] {
  padding-top: 7px;
}
.pt-px {
  padding-top: 1px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.indent-0 {
  text-indent: 0px;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.\!font-proximaArial {
  font-family:
    ProximaNova,
    Arial,
    Verdana !important;
}
.font-GTSuperDisplay {
  font-family: GT Super Display;
}
.font-inter {
  font-family: Inter;
}
.font-proxima {
  font-family: Proxima Nova, sans-serif;
}
.font-proximaArial {
  font-family:
    ProximaNova,
    Arial,
    Verdana;
}
.\!text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17\.2px\] {
  font-size: 17.2px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\!font-bold {
  font-weight: 700 !important;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-thin {
  font-weight: 100;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-3 {
  line-height: .75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[21px\] {
  line-height: 21px;
}
.leading-\[27px\] {
  line-height: 27px;
}
.leading-\[30px\] {
  line-height: 30px;
}
.leading-\[33px\] {
  line-height: 33px;
}
.leading-\[35px\] {
  line-height: 35px;
}
.leading-\[44px\] {
  line-height: 44px;
}
.leading-\[48px\] {
  line-height: 48px;
}
.leading-\[49px\] {
  line-height: 49px;
}
.leading-\[81px\] {
  line-height: 81px;
}
.leading-none {
  line-height: 1;
}
.leading-normal {
  line-height: 1.5;
}
.tracking-\[\.24px\] {
  letter-spacing: .24px;
}
.tracking-\[\.28px\] {
  letter-spacing: .28px;
}
.tracking-\[\.32px\] {
  letter-spacing: .32px;
}
.tracking-\[\.48px\] {
  letter-spacing: .48px;
}
.tracking-\[\.4px\] {
  letter-spacing: .4px;
}
.tracking-\[\.72px\] {
  letter-spacing: .72px;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.\!text-\[\#ffffff\] {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.\!text-eui-blue {
  --tw-text-opacity: 1 !important;
  color: rgb(50 150 250 / var(--tw-text-opacity, 1)) !important;
}
.\!text-eui-warm-brown-10 {
  color: #f0eeeeee !important;
}
.text-\[\#00000080\] {
  color: #00000080;
}
.text-\[\#25211e\] {
  --tw-text-opacity: 1;
  color: rgb(37 33 30 / var(--tw-text-opacity, 1));
}
.text-\[\#514D4B\] {
  --tw-text-opacity: 1;
  color: rgb(81 77 75 / var(--tw-text-opacity, 1));
}
.text-\[\#514d4b\] {
  --tw-text-opacity: 1;
  color: rgb(81 77 75 / var(--tw-text-opacity, 1));
}
.text-\[\#665A52\] {
  --tw-text-opacity: 1;
  color: rgb(102 90 82 / var(--tw-text-opacity, 1));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-\[\#999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-\[\#D3D3D2\] {
  --tw-text-opacity: 1;
  color: rgb(211 211 210 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-black-60 {
  --tw-text-opacity: 1;
  color: rgb(124 122 120 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-danger {
  --tw-text-opacity: 1;
  color: rgb(245 75 75 / var(--tw-text-opacity, 1));
}
.text-eui-black-100 {
  --tw-text-opacity: 1;
  color: rgb(37 33 30 / var(--tw-text-opacity, 1));
}
.text-eui-black-80 {
  --tw-text-opacity: 1;
  color: rgb(81 77 75 / var(--tw-text-opacity, 1));
}
.text-eui-blue {
  --tw-text-opacity: 1;
  color: rgb(50 150 250 / var(--tw-text-opacity, 1));
}
.text-eui-blue-dark {
  color: #3296FA3F;
}
.text-eui-cancel-gray-btn {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
}
.text-eui-cancel-gray-btn-hover {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-eui-dis-border {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}
.text-eui-grey-dark {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity, 1));
}
.text-eui-grey-light {
  --tw-text-opacity: 1;
  color: rgb(221 221 221 / var(--tw-text-opacity, 1));
}
.text-eui-grey-orange {
  --tw-text-opacity: 1;
  color: rgb(167 156 144 / var(--tw-text-opacity, 1));
}
.text-eui-orange {
  --tw-text-opacity: 1;
  color: rgb(226 141 80 / var(--tw-text-opacity, 1));
}
.text-eui-rusty {
  --tw-text-opacity: 1;
  color: rgb(229 85 13 / var(--tw-text-opacity, 1));
}
.text-eui-status-red-100 {
  --tw-text-opacity: 1;
  color: rgb(230 110 110 / var(--tw-text-opacity, 1));
}
.text-eui-teal {
  --tw-text-opacity: 1;
  color: rgb(105 200 200 / var(--tw-text-opacity, 1));
}
.text-eui-warm-brown-100 {
  --tw-text-opacity: 1;
  color: rgb(102 90 82 / var(--tw-text-opacity, 1));
}
.text-eui-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-light-grey-80 {
  --tw-text-opacity: 1;
  color: rgb(185 176 166 / var(--tw-text-opacity, 1));
}
.text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
}
.text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(50 150 250 / var(--tw-text-opacity, 1));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / var(--tw-text-opacity, 1));
}
.text-secondary-dark {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.underline-offset-1 {
  text-underline-offset: 1px;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-disabled {
  opacity: disabled;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[0_0_0_2px_\#fff\,0_0_0_4px_rgba\(0\,0\,0\,0\.15\)\] {
  --tw-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 0 0 2px var(--tw-shadow-color), 0 0 0 4px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-\[stroke-dashoffset\] {
  transition-property: stroke-dashoffset;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-\[0\.25s\] {
  transition-duration: 0.25s;
}
.duration-\[0\.35s\] {
  transition-duration: 0.35s;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.content-\[\'\'\] {
  --tw-content: "";
  content: var(--tw-content);
}
.eui-border-bottom {
  border-bottom: 1px #E5E5E5 solid;
}
.eui-border {
  border: 1px #E5E5E5 solid;
}
.eui-border-input-danger {
  border: 1px #F54B4BFF solid !important;
}
.eui-border-link {
  border-bottom: 1px #2C86E0 solid;
}
.eui-modal-body {
  overflow: auto;
}
.eui-modal-body .modal-body-with-border {
  padding: 1.5rem;
  border-bottom: 1px #E5E5E5 solid;
}
.arrow-li::before {
  content: "\25b8";
  padding-right: 0.5rem;
}
.eui-white-icon-hover:hover img {
  filter: brightness(0) invert(1);
}
.eui-page-section-max-height {
  max-height: calc(100vh - 281px);
}
.truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.context-box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
  border: 1px #E5E5E5 solid;
}
.tippy-content {
  padding: 0px;
}
.cdk-overlay-pane {
  border-radius: 0 !important;
}
@keyframes dialog-slide-down {
  from {
    transform: translateY(-9%);
  }
  to {
    transform: translateY(0);
  }
}
.modal-animation {
  animation: dialog-slide-down 900ms ease;
}
.cdk-overlay-container div.cdk-overlay-dark-backdrop {
  background: none;
}
.cdk-overlay-container {
  z-index: 100 !important;
}
* {
  -moz-box-sizing: initial;
  -webkit-box-sizing: initial;
  box-sizing: initial;
}
[class^=p-],
[class*=" p-"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p-chip {
  border-radius: 9999px;
}
.before\:hidden::before {
  content: var(--tw-content);
  display: none;
}
.before\:-rotate-45::before {
  content: var(--tw-content);
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:rotate-\[42\.5deg\]::before {
  content: var(--tw-content);
  --tw-rotate: 42.5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:hidden::after {
  content: var(--tw-content);
  display: none;
}
.after\:rotate-45::after {
  content: var(--tw-content);
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:rotate-\[-42\.5deg\]::after {
  content: var(--tw-content);
  --tw-rotate: -42.5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.first\:border-l-0:first-child {
  border-left-width: 0px;
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.empty\:hidden:empty {
  display: none;
}
.focus-within\:border-primary:focus-within {
  --tw-border-opacity: 1;
  border-color: rgb(50 150 250 / var(--tw-border-opacity, 1));
}
.hover\:\!border-0:hover {
  border-width: 0px !important;
}
.hover\:border-\[\#3296fa80\]:hover {
  border-color: #3296fa80;
}
.hover\:border-\[\#AAA\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
}
.hover\:border-border-hover:hover {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity, 1));
}
.hover\:border-secondary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));
}
.hover\:\!bg-eui-grey-dark:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-\[\#3296fa0d\]:hover {
  background-color: #3296fa0d;
}
.hover\:bg-\[\#ffff000d\]:hover {
  background-color: #ffff000d;
}
.hover\:bg-danger-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 67 67 / var(--tw-bg-opacity, 1));
}
.hover\:bg-eui-blue:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(50 150 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-eui-blue-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(44 134 224 / var(--tw-bg-opacity, 1));
}
.hover\:bg-eui-lighter-gray:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-eui-yellow-lighter:hover {
  background-color: #FFFF000C;
}
.hover\:bg-primary-hover:hover {
  background-color: #3296FA19;
}
.hover\:bg-success-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(89 179 67 / var(--tw-bg-opacity, 1));
}
.hover\:bg-success-light-hover:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(216 241 210 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.hover\:text-eui-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:before\:bg-danger:hover::before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(245 75 75 / var(--tw-bg-opacity, 1));
}
.hover\:after\:bg-danger:hover::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(245 75 75 / var(--tw-bg-opacity, 1));
}
.focus\:border-primary:focus {
  --tw-border-opacity: 1;
  border-color: rgb(50 150 250 / var(--tw-border-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:border-primary:active {
  --tw-border-opacity: 1;
  border-color: rgb(50 150 250 / var(--tw-border-opacity, 1));
}
.active\:bg-blue-800:active {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-eui-dis-bg:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-eui-lighter-gray:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:block {
  display: block;
}
.group:hover .group-hover\:bg-eui-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(50 150 250 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-eui-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-eui-blue {
  --tw-text-opacity: 1;
  color: rgb(50 150 250 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-eui-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group\/chip-selector:focus .group-focus\/chip-selector\:bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(50 150 250 / var(--tw-bg-opacity, 1));
}
.\[\&\>\*\]\:text-center > * {
  text-align: center;
}
.\[\&\>\*\]\:text-sm > * {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.\[\&\>\*\]\:font-semibold > * {
  font-weight: 600;
}
.\[\&\>div\]\:h-\[44px\] > div {
  height: 44px;
}
.\[\&\>div\]\:w-\[50px\] > div {
  width: 50px;
}
.\[\&_label\]\:cursor-pointer label {
  cursor: pointer;
}

/* apps/shared-assets/css/careersiteeditor.css */
.cse_open {
  transition: all 0.25s;
  position: absolute;
  top: 40%;
  left: -30px;
  height: 60px;
  background: #fff;
  padding: 0 25px 0 0;
  line-height: 60px;
  font-weight: bold;
  color: rgb(25, 75, 125);
  z-index: 15;
  transform: rotate(-90deg) translate(-50%, 0);
  transform-origin: 0% 50% 0;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  z-index: 100;
}
.cseHide .cse_open {
  left: 30px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.25);
}
.cse_open:before {
  content: "";
  float: left;
  width: 60px;
  height: 60px;
  background: #f9f9f9 url(/img/careersite/emply_symbol.svg) 50% 50% no-repeat;
  border-top: 1px solid #eee;
  margin-right: 25px;
  border-radius: 0 0 3px 0;
  transform: rotate(90deg);
  box-sizing: border-box;
}
.cse_holder {
  transition: all 0.25s;
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 450px;
  height: 100%;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  z-index: 20;
}
.cseHide .cse_holder {
  left: -450px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
.cse_top {
  display: table-row;
  height: 0;
}
.cse_topCell {
  display: table-cell;
}
.cse_topBar {
  height: 60px;
  background: #194B7D;
}
.cse_logo {
  float: left;
  margin: 14px 0 0 25px;
}
.cse_close,
.cse_logout {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/careersite/close.svg) 50% 50% no-repeat;
  margin: 20px 23px 0 0;
  opacity: 0.5;
}
.cse_logout {
  float: left;
  background-image: url(/img/careersite/logout.svg);
  margin: 20px 0 0 13px;
  opacity: 0.25;
}
.cse_close:hover,
.cse_logout:hover {
  opacity: 1;
}
.cse_site {
  transition: all 0.25s;
  display: block;
  float: left;
  max-width: 200px;
  height: 20px;
  padding: 0 5px;
  line-height: 21px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
  margin: 20px 0 0 15px;
}
.cse_site:hover {
  background: #3296FA;
  padding-left: 0;
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
}
.cse_site:before {
  transition: all 0.25s;
  content: "";
  float: left;
  width: 0;
  height: 20px;
  background: url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  transform: rotate(180deg);
  opacity: 0;
}
.cse_site:hover:before {
  width: 20px;
  opacity: 1;
}
.cse_aware {
  transition: all 0.5s;
  float: left;
  width: 100%;
  max-height: 0px;
  background: rgba(255, 255, 0, 0.15);
  padding: 0 25px;
  text-align: center;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
  box-sizing: border-box;
  overflow: hidden;
  opacity: 0;
}
.cse_aware.active {
  transition: all 0.5s 0.5s;
  max-height: 150px;
  padding: 25px;
  opacity: 1;
}
.cse_awareText {
  font-weight: bold;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
}
.cse_content {
  display: table-row;
  height: 100%;
}
.cse_contentCell {
  display: table-cell;
}
.cse_contentHolder {
  position: relative;
  width: 100%;
  height: 100%;
}
.cse_slide {
  transition: all 0.5s;
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.cse_slide.active {
  right: 0;
}
.cse_slide:before {
  transition: background 0.5s, width 0s 0.5s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  margin-right: -100%;
}
.cse_slide.active:before {
  transition: background 0.25s;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.cse_slideHolder {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cse_slideTop {
  display: table-row;
  height: 0;
}
.cse_slideCell {
  position: relative;
  display: table-cell;
}
.cse_back {
  transition: all 0.25s;
  display: block;
  height: 50px;
  background: #3296FA url(/img/careersite/back.svg) 25px 50% no-repeat;
  padding: 0 25px 0 49px;
  font-weight: bold;
  line-height: 52px;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}
.cse_back:hover {
  background-color: #194B7D;
  background-position: 20px 50%;
}
.cse_slideContent {
  display: table-row;
  height: 100%;
}
.cse_slideScroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.cse_slideScroll .headline {
  line-height: 20px;
}
.cse_slideScroll .headline .arrow {
  display: inline-block;
  width: 29px;
  height: 18px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
  vertical-align: top;
}
.cse_slideScroll .headline .edit {
  transition: all 0.25s;
  display: inline-block;
  background: url(/img/icons/12/edit_aaaaaa.svg) calc(100% + 18px) 50% no-repeat;
  margin: -3px 0 -3px -5px;
  padding: 1px 24px 0 5px;
  line-height: 23px;
  border-radius: 3px;
  outline: none;
  cursor: text;
}
.cse_slideScroll .headline .edit:hover {
  background: rgba(0, 0, 0, 0.05) url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
}
.cse_slideScroll .headline .edit:focus {
  background: rgba(255, 255, 255, 1) url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.cse_slideScroll .headline .edit:empty:after {
  content: attr(placeholder);
  color: #999;
}
.cse_slideScroll .headline .circlebutton {
  float: none;
  display: inline-block;
  margin: -10px 0 -10px 10px;
}
.cse_slideScroll .headline .circlebutton:first-of-type {
  margin-left: 15px;
}
.cse_langdrop {
  position: relative;
  float: right;
  margin-right: -2px;
}
.cse_langdropSelected {
  float: left;
  padding: 0 33px 0 0;
}
.cse_langdropSelected img {
  float: left;
}
.cse_langdropSelected:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(/img/careersite/down.svg) 50% 50% no-repeat;
  opacity: 0.5;
}
.cse_langdrop:hover .cse_langdropSelected:after {
  opacity: 1;
}
.cse_langdrop.active .cse_langdropSelected:after {
  transform: rotate(180deg);
}
.cse_langdropOptions {
  transition: all 0.25s;
  max-height: 0;
  position: absolute;
  top: 25px;
  right: 23px;
  background: rgba(0, 0, 0, 0.85);
  overflow: hidden;
  border-radius: 3px;
  opacity: 0;
  z-index: 1;
}
.cse_langdrop.active .cse_langdropOptions {
  top: 30px;
  max-height: 9999px;
  opacity: 1;
}
.cse_langdropOptions a {
  transition: all 0.25s;
  display: block;
  height: 40px;
  background-position: calc(100% - 10px) 50%;
  background-repeat: no-repeat;
  padding: 0 40px 0 15px;
  line-height: 41px;
  text-decoration: none;
  text-align: right;
  color: #fff;
  overflow: hidden;
}
.cse_langdropOptions a:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cse_langdropOptions a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.cse_langdropOptions a.active {
  background-color: rgba(50, 150, 250, 1);
}
.cse_langshow {
  position: relative;
  float: right;
  margin-left: 10px;
}
.cse_langshow img {
  float: left;
}
.cse_contentpadding {
  transition: all 0.25s;
  padding: 25px 25px 0 25px;
}
.cse_contentpadding:last-child {
  padding-bottom: 25px;
}
.cse_contentcenter {
  float: left;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}
.cse_title {
  font-weight: bold;
  margin-bottom: 10px;
}
.cse_title span {
  font-weight: normal;
  color: #999;
}
.cse_contentbox {
  transition: all 0.25s;
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.cse_contentbox.padding {
  padding: 15px;
}
.cse_contentbox.drag,
.cse_contentbox.drop {
  border: 1px solid rgb(50, 150, 250);
  box-shadow: 0 0 0 1px rgb(50, 150, 250);
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.cse_contentbox.drop {
  border: 1px solid rgb(100, 200, 75);
  box-shadow: 0 0 0 1px rgb(100, 200, 75);
}
.cse_contentbox.drag:after,
.cse_contentbox.drop:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 150, 250, 0.15);
}
.cse_contentbox.drop:after {
  background: rgba(100, 200, 75, 0.15);
}
.cse_contentbox.active {
  border-color: rgb(50, 150, 250);
  box-shadow: 0 0 0 1px rgb(50, 150, 250);
}
.cse_pages {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cse_pages li {
  transition: box-shadow 0.25s, opacity 0.25s;
  background: #fff;
}
.cse_pages .ui-sortable-helper {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  opacity: 0.85;
}
.cse_pages .ui-sortable-placeholder {
  visibility: visible !important;
  background: rgb(50, 150, 250);
  margin-top: -1px;
}
.cse_toggle {
  margin-top: -1px;
}
.cse_pages li.ui-sortable-helper .cse_toggle {
  margin-top: 0;
}
.cse_toggleBar {
  transition: all 0.25s;
  position: relative;
  height: 60px;
  background: #F5FAFF;
  padding: 0 56px 0 25px;
  font-size: 16px;
  color: #000;
  overflow: hidden;
  box-shadow: 0 1px 0 0 #E0EFFE inset, 0 -1px 0 0 #E0EFFE inset;
}
.cse_toggleBar:hover {
  background: #E0EFFE;
}
.cse_toggleBarToggler {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  cursor: pointer;
}
.cse_toggleBarToggler:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 20px;
  right: 23px;
  width: 20px;
  height: 20px;
  background: url(/img/careersite/down.svg) 50% 50% no-repeat;
  opacity: 0.5;
}
.cse_toggleBarToggler:hover:after {
  opacity: 1;
}
.cse_toggle.active .cse_toggleBarToggler:after {
  transform: rotate(180deg);
}
.cse_toggleBarIcon {
  position: relative;
  float: left;
  margin: 22px 25px 0 0;
}
.cse_toggleBarSort {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 66px;
  height: 60px;
  margin-left: -25px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.cse_toggle.active .cse_toggleBarSort {
  margin-left: -91px;
  margin-right: 25px;
}
.cse_toggleBarSort span,
.cse_toggleBarSort span:before,
.cse_toggleBarSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 27px;
  left: 25px;
  width: 16px;
  height: 1px;
  background: rgba(50, 150, 250, 0.5);
}
.cse_toggleBarSort span:before {
  top: 3px;
  left: 0;
}
.cse_toggleBarSort span:after {
  top: 6px;
  left: 0;
}
.cse_toggleBarSort:hover span,
.cse_toggleBarSort:hover span:before,
.cse_toggleBarSort:hover span:after,
.ui-sortable-helper .cse_toggleBarSort span,
.ui-sortable-helper .cse_toggleBarSort span:before,
.ui-sortable-helper .cse_toggleBarSort span:after {
  background: #3296FA;
}
.cse_toggleBarEdit {
  position: relative;
  display: block;
  float: left;
  margin: 18px 0 0 0;
}
.cse_toggleBarTitle {
  transition: all 0.25s;
  position: relative;
  display: block;
  line-height: 21px;
  overflow: hidden;
  margin: 20px 0 0 0;
}
.cse_toggleBarEdit .cse_toggleBarTitle {
  float: left;
  background: url(/img/icons/12/edit_aaaaaa.svg) calc(100% + 18px) 50% no-repeat;
  padding: 2px 24px 1px 5px;
  border-radius: 3px;
  margin: 0 0 0 -5px;
  outline: none;
}
li:not(.ui-sortable-helper) .cse_toggleBarEdit .cse_toggleBarTitle {
  cursor: text;
}
li:not(.ui-sortable-helper) .cse_toggleBarEdit:hover .cse_toggleBarTitle {
  background: #fff url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
}
li:not(.ui-sortable-helper) .cse_toggleBarEdit .cse_toggleBarTitle:focus {
  background: #fff url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.cse_toggleBarEdit .cse_toggleBarTitle:empty:after {
  content: attr(placeholder);
  color: #aaa;
}
.cse_toggleBarTitleArrow {
  display: inline-block;
  width: 29px;
  height: 18px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
  vertical-align: top;
}
.cse_toggleBarEdit .cse_toggleBarDelete {
  transition: all 0.25s;
  position: relative;
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  background: #fff url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
  overflow: hidden;
  border-radius: 3px;
  margin: 0 0 0 5px;
  opacity: 0;
}
li:not(.ui-sortable-helper) .cse_toggleBarEdit:hover .cse_toggleBarDelete {
  opacity: 1;
}
li:not(.ui-sortable-helper) .cse_toggleBarEdit .cse_toggleBarDelete:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.cse_toggleBar .circlebutton {
  float: right;
  background: none;
  margin: 15px 0;
  opacity: 0.25;
}
.cse_toggleBar:hover .circlebutton {
  opacity: 0.5;
}
.cse_toggleBar:hover .circlebutton:hover,
.cse_toggleBar .circlebutton.warning {
  opacity: 1;
}
.cse_toggleContent {
  transition: all 0.25s;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
.cse_toggle.active .cse_toggleContent {
  max-height: 100%;
  padding-bottom: 1px;
  overflow: visible;
  opacity: 1;
}
.cse_toggle.active:last-child .cse_toggleContent,
.cse_toggle.active:nth-last-child(2) .cse_toggleContent {
  padding-bottom: 0 !important;
}
.cse_toggle:not(.active) .cse_contentpadding {
  padding: 0 25px;
}
.cse_list {
  list-style: none;
  padding: 0 0 64px 0;
  margin: 0;
}
.cse_list li {
  transition: box-shadow 0.25s, opacity 0.25s;
  background: #fff;
}
.cse_list .ui-sortable-helper {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  opacity: 0.85;
}
.cse_list .ui-sortable-placeholder {
  visibility: visible !important;
  background: rgba(50, 150, 250, 0.15);
  margin-top: 0;
}
.cse_listItem {
  transition: all 0.25s;
  position: relative;
  height: 40px;
  padding: 0 15px;
  border-bottom: 1px solid #eee;
}
.cse_listItem:last-child {
  border-bottom: 0;
}
.cse_list .cse_listItem {
  border-bottom: 1px solid #eee;
}
.ui-sortable-helper .cse_listItem {
  border-bottom: 0;
  border-radius: 20px;
}
.cse_listItemSort {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 46px;
  height: 40px;
  margin-left: -15px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.cse_listItemCancel .cse_listItemSort {
  cursor: not-allowed;
}
.cse_listItemSort span,
.cse_listItemSort span:before,
.cse_listItemSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 16px;
  left: 15px;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.cse_listItemSort span:before {
  top: 3px;
  left: 0;
}
.cse_listItemSort span:after {
  top: 6px;
  left: 0;
}
.cse_listItemSort:hover span,
.cse_listItemSort:hover span:before,
.cse_listItemSort:hover span:after,
.ui-sortable-helper .cse_listItemSort span,
.ui-sortable-helper .cse_listItemSort span:before,
.ui-sortable-helper .cse_listItemSort span:after {
  background: rgb(50, 150, 250);
}
.cse_listItemCancel .cse_listItemSort:hover span,
.cse_listItemCancel .cse_listItemSort:hover span:before,
.cse_listItemCancel .cse_listItemSort:hover span:after {
  background: rgb(245, 75, 75);
}
.cse_listItemIcons {
  transition: all 0.25s;
  float: right;
  margin: 8px -7px 8px 8px;
}
.ui-sortable-helper .cse_listItemIcons {
  opacity: 0;
}
.cse_listItemIcon {
  transition: all 0.25s;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 3px;
  opacity: 0.5;
}
.cse_listItem:hover .cse_listItemIcon {
  opacity: 1;
}
.cse_listItemIcon:hover {
  background: #f9f9f9;
  box-shadow: 0 0 0 1px #eee inset;
}
.cse_listItemIcon img {
  float: left;
  margin: 6px;
}
.cse_listItemIcons .cse_colorpicker {
  float: left;
  margin: -1px 10px 0 0;
}
.cse_listItemIcons .dropdown {
  max-width: 100px;
  margin: 4px 10px 0 0;
}
.cse_listItemLabel {
  transition: all 0.25s;
  float: left;
  height: 20px;
  background: #eee;
  line-height: 19px;
  font-size: 10px;
  border-radius: 10px;
  margin: 2px 8px 0 0;
  cursor: pointer;
}
.cse_listItemLabel:hover {
  background: #3296FA;
  color: #fff;
}
.cse_listItemLabel > span {
  font-family: courier;
  display: block;
  padding: 0 10px;
}
.cse_listItemLabel .link {
  float: left;
  display: block;
  max-width: 100px;
  padding: 0 10px;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #000;
  overflow: hidden;
}
.cse_listItemLabel:hover .link {
  color: #fff;
}
.cse_listItemLabel .delete {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 0;
  height: 20px;
  background: url(/img/icons/12/delete_ffffff.svg) 50% 50% no-repeat;
  margin: 0;
  transform: scale(0);
}
.cse_listItemLabel:hover .delete {
  width: 20px;
  margin: 0 0 0 -10px;
  transform: scale(1);
}
.cse_listItemLabel .loading {
  margin: 8px 10px;
}
.cse_listItemTitle {
  transition: all 0.25s;
  position: relative;
  display: block;
  max-width: 300px;
  height: 40px;
  line-height: 41px;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
  overflow: hidden;
}
.cse_listItem .edithide {
  overflow: hidden;
  top: 10px;
  left: -5px;
}
.cse_contentboxBottom,
.cse_listBottom {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 2px;
}
.cse_contentboxBottom:not(:first-child) {
  border-top: 1px solid #eee;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.cse_contentbox.padding .cse_contentboxBottom {
  margin: 15px -15px -15px -15px;
}
.cse_contentbox.padding .cse_contentboxBottom:first-child {
  margin-top: -15px;
}
.cse_listBottom {
  margin-top: -64px;
}
.cse_grid {
  transition: all 0.25s;
  width: 100%;
  float: left;
  padding: 18px 17px 17px 18px;
  box-sizing: border-box;
}
.cse_grid.cse_g16 {
  padding: 23px 22px 22px 23px;
}
.cse_toggle:not(.active) .cse_grid {
  padding: 0 17px 0 18px;
}
.cse_gridElement {
  transition: all 0.25s;
  width: 100%;
  float: left;
  padding: 7px 8px 8px 7px;
  box-sizing: border-box;
}
.cse_toggle:not(.active) .cse_gridElement {
  padding: 0 8px 0 7px;
}
.cse_grid.cse_g50 .cse_gridElement {
  width: 50%;
}
.cse_grid.cse_g33 .cse_gridElement {
  width: 33.3333%;
}
.cse_grid.cse_g25 .cse_gridElement {
  width: 25%;
}
.cse_grid.cse_g20 .cse_gridElement {
  width: 20%;
}
.cse_grid.cse_g16 .cse_gridElement {
  width: 16.6666%;
}
.cse_grid.cse_g16 .cse_gridElement {
  padding: 2px 3px 3px 2px;
}
.cse_toggle:not(.active) .cse_grid.cse_g16 .cse_gridElement {
  padding: 0 3px 0 2px;
}
.cse_layout {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: left;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(50, 150, 250, 0);
}
.cse_layout:hover {
  border-color: #3296FA;
  box-shadow: 0 0 0 1px #3296FA;
}
.cse_layout.active {
  border-color: #64C84B;
  box-shadow: 0 0 0 1px #64C84B;
}
.cse_layout.active:after {
  animation: cseLayoutCheck 0.25s;
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: -11px;
  width: 20px;
  height: 20px;
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  z-index: 1;
}
@keyframes cseLayoutCheck {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.cse_layoutImage {
  float: left;
  width: 100%;
}
.cse_layout .boxlink {
  transition: all 0.25s;
  background: rgba(50, 150, 250, 0.15);
  border-radius: 2px;
  opacity: 0;
}
.cse_layout.active .boxlink {
  background: rgba(100, 200, 75, 0.15);
}
.cse_layout:hover .boxlink {
  opacity: 1;
}
.cse_layout .cse_contentcenter {
  transition: all 0.25s;
  position: absolute;
  top: calc(50% - 40px);
  left: 0;
  height: 30px;
  background: #fff;
  padding: 10px 8px 10px 7px;
  border-radius: 25px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  opacity: 0;
}
.cse_layout:hover .cse_contentcenter {
  top: calc(50% - 25px);
  opacity: 1;
}
.cse_g50 .cse_layout .cse_contentcenter {
  top: calc(50% - 35px);
  padding: 5px 3px 5px 2px;
  border-radius: 20px;
}
.cse_g50 .cse_layout:hover .cse_contentcenter {
  top: calc(50% - 20px);
  opacity: 1;
}
.cse_layout .circlebutton {
  margin: 0 2px 0 3px;
}
.cse_layoutTitle,
.cse_layoutTitleEdit,
.cse_layoutTitleNoEdit {
  transition: all 0.25s;
  float: left;
  width: 100%;
  height: 31px;
  background: #f9f9f9;
  padding: 0 15px;
  line-height: 32px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.cse_layoutTitleEdit,
.cse_layoutTitleNoEdit {
  height: 41px;
  line-height: 18px;
  font-size: 14px;
  color: #000;
  white-space: normal;
  text-overflow: clip;
  text-transform: none;
}
.cse_layoutTitleNoEdit {
  line-height: 41px;
}
.cse_layout:hover .cse_layoutTitle {
  background: rgba(50, 150, 250, 0.1);
}
.cse_layout:hover .cse_layoutTitle {
  color: #3296FA;
}
.cse_layout.active .cse_layoutTitle {
  color: #000;
}
.cse_layoutTitleEdit div {
  transition: all 0.25s;
  position: relative;
  display: inline-block;
  background: url(/img/icons/12/edit_aaaaaa.svg) calc(100% + 18px) 50% no-repeat;
  padding: 2px 5px 1px 5px;
  border-radius: 3px;
  margin: 10px 0;
  outline: none;
  cursor: text;
}
.cse_layout:hover .cse_layoutTitleEdit div,
.cse_layout:hover .cse_layoutTitleEdit div:hover,
.cse_layout .cse_layoutTitleEdit div:focus {
  background: #fff url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
  padding-right: 24px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
}
.cse_layout:hover .cse_layoutTitleEdit div:hover,
.cse_layout .cse_layoutTitleEdit div:focus {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px #3296FA !important;
}
.cse_layoutTitleEdit div:empty:after {
  content: attr(placeholder);
  color: #999;
}
.cse_coloroverlay {
  float: left;
  width: calc(100% - 80px);
  font-size: 12px;
  line-height: 16px;
}
.cse_coloroverlay .slider {
  margin-top: 8px;
}
.cse_color {
  line-height: 26px;
}
.cse_color:not(:last-child) {
  margin-bottom: 5px;
}
.cse_colorpicker {
  transition: all 0.25s;
  float: right;
  width: 70px;
  height: 26px;
  line-height: 27px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  text-shadow:
    -1px -1px rgba(0, 0, 0, 0.15),
    0 -1px rgba(0, 0, 0, 0.15),
    1px -1px rgba(0, 0, 0, 0.15),
    1px 0 rgba(0, 0, 0, 0.15),
    1px 1px rgba(0, 0, 0, 0.15),
    0 1px rgba(0, 0, 0, 0.15),
    -1px 1px rgba(0, 0, 0, 0.15),
    -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  overflow: hidden;
  border-radius: 3px;
}
.cse_constrainproportions {
  float: left;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.cse_constrainproportions .switch {
  margin-right: 10px;
}
.cse_bgposition {
  float: right;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.cse_bgpositionAreas {
  position: relative;
  float: right;
  margin-left: 10px;
  width: 20px;
  height: 20px;
}
.cse_bgpositionAreas a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  background: #fff;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 1px;
  cursor: default;
}
.cse_bgpositionAreas a:hover {
  background: rgba(50, 150, 250, 0.5);
  box-shadow: 0 0 0 1px #3296fa inset;
}
.cse_bgpositionAreas a.active {
  box-shadow: 0 0 0 4px #3296fa inset;
}
.cse_bgpositionAreas a.top-center {
  top: 0;
  left: 7px;
}
.cse_bgpositionAreas a.top-right {
  top: 0;
  left: 14px;
}
.cse_bgpositionAreas a.center-left {
  top: 7px;
  left: 0;
}
.cse_bgpositionAreas a.center-center {
  top: 7px;
  left: 7px;
}
.cse_bgpositionAreas a.center-right {
  top: 7px;
  left: 14px;
}
.cse_bgpositionAreas a.bottom-left {
  top: 14px;
  left: 0;
}
.cse_bgpositionAreas a.bottom-center {
  top: 14px;
  left: 7px;
}
.cse_bgpositionAreas a.bottom-right {
  top: 14px;
  left: 14px;
}
.cse_image {
  float: left;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.cse_image img,
.cse_image video {
  float: left;
  max-width: 100%;
  border-radius: 3px;
}
.cse_video iframe {
  float: left;
}
.cse_images {
  float: left;
  list-style: none;
  padding: 0;
  margin: -5px;
}
.cse_images li {
  transition: transform 0.25s;
  width: 179px;
  height: 140px;
  margin: 5px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.cse_images .ui-sortable-helper {
  background: transparent;
  border: 0;
  box-shadow: none;
  transform: scale(1.25) rotate(10deg);
}
.cse_images .ui-sortable-helper img {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}
.cse_images .ui-sortable-helper .hoverdelete {
  transition: all 0s;
  opacity: 0 !important;
}
.cse_images .ui-sortable-placeholder {
  visibility: visible !important;
  border: 2px dashed #3296FA;
  box-shadow: none;
}
.cse_images li img {
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  margin-top: calc(50% - 19px);
  margin-left: 50%;
}
.cse_images .cse_video {
  height: 111px;
}
.cse_images .cse_video:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cse_team {
  list-style: none;
  float: left;
  width: calc(100% + 10px);
  padding: 0;
  margin: -5px;
}
.cse_team li {
  transition: box-shadow 0.25s, transform 0.25s;
  float: left;
  width: calc(100% - 10px);
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.cse_team .ui-sortable-helper {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  transform: scale(0.9) rotate(5deg);
}
.cse_team .ui-sortable-helper .hoverdelete {
  transition: all 0s;
  opacity: 0 !important;
}
.cse_team .ui-sortable-placeholder {
  visibility: visible !important;
  width: calc(100% - 8px);
  border: 2px dashed #3296FA;
  margin: 4px;
  box-shadow: none;
}
.cse_team li img {
  float: left;
  width: 85px;
  height: 85px;
  border-radius: 50%;
}
.cse_team li .input {
  float: right;
  width: calc(100% - 95px);
}
.cse_team li .input:last-of-type {
  margin-top: 5px;
}
.cse_team li .textarea {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.cse_team_tooltipTrigger {
  transition: all 0.25s;
  position: absolute;
  top: 71px;
  left: 71px;
  display: block;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.cse_team_tooltipTrigger:hover {
  background: #3296FA;
}
.cse_team_tooltipTrigger:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/icons/12/link_aaaaaa.svg) 50% 50% no-repeat;
}
.cse_team_tooltipTrigger:hover:before {
  background-image: url(/img/icons/12/link_ffffff.svg);
}
.cse_team_tooltip {
  width: 233px;
  padding: 9px 1px;
}
.cse_team_tooltip .input:not(:first-child),
.cse_team_tooltip .dropdown {
  margin-top: 5px;
}
.cse_maplocation:not(:first-of-type) {
  margin-top: 15px;
}
.cse_maplocation .input:not(:first-child),
.cse_maplocation .textarea:not(:first-child),
.cse_maplocation iframe {
  float: left;
  width: 100%;
  border-radius: 3px;
  margin-top: 5px;
}
.cse_contactform {
  list-style: none;
  float: left;
  width: calc(100% + 10px);
  padding: 0;
  margin: -5px;
}
.cse_contactform li {
  transition: box-shadow 0.25s, transform 0.25s;
  float: left;
  width: calc(100% - 10px);
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.cse_contactform .ui-sortable-helper {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  transform: scale(0.9) rotate(5deg);
}
.cse_contactform .ui-sortable-helper .hoverdelete {
  transition: all 0s;
  opacity: 0 !important;
}
.cse_contactform .ui-sortable-placeholder {
  visibility: visible !important;
  width: calc(100% - 8px);
  border: 2px dashed #3296FA;
  margin: 4px;
  box-shadow: none;
}
.cse_contactform li .input {
}
.cse_contactform li .textarea {
  margin-top: 10px;
}
.cse_contactformMultiLines,
.cse_contactformMultiChoice,
.cse_contactformMandatory {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 10px 0 10px 10px;
}
.cse_contactformMultiLines span,
.cse_contactformMultiLines span:before,
.cse_contactformMultiLines span:after {
  transition: all 0.25s;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 12px;
  height: 2px;
  background: #ccc;
  border-radius: 1px;
}
.cse_contactformMultiLines span:before {
  top: 4px;
  left: 0;
  width: 8px;
}
.cse_contactformMultiLines span:after {
  top: 8px;
  left: 0;
  width: 10px;
}
.cse_contactformMultiLines.active span,
.cse_contactformMultiLines.active span:before,
.cse_contactformMultiLines.active span:after {
  background: #64C84B;
}
.cse_contactformMultiChoice span {
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
}
.cse_contactformMultiChoice span:before,
.cse_contactformMultiChoice span:after {
  transition: all 0.25s;
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 1px;
  box-shadow: 0 0 0 1px #fff;
}
.cse_contactformMultiChoice span:before {
  top: 0;
  right: 0;
}
.cse_contactformMultiChoice span:after {
  bottom: 0;
  left: 0;
}
.cse_contactformMultiChoice.active span:before,
.cse_contactformMultiChoice.active span:after {
  border-color: #64C84B;
}
.cse_contactformMandatory {
  margin: 10px;
}
.cse_contactformMandatory span,
.cse_contactformMandatory span:before,
.cse_contactformMandatory span:after {
  transition: all 0.25s;
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 2px;
  height: 12px;
  background: #ccc;
  border-radius: 1px;
}
.cse_contactformMandatory span:before,
.cse_contactformMandatory span:after {
  top: 0;
  left: 0;
  transform: rotate(60deg);
}
.cse_contactformMandatory span:after {
  transform: rotate(120deg);
}
.cse_contactformMandatory.active span,
.cse_contactformMandatory.active span:before,
.cse_contactformMandatory.active span:after {
  background: #F54B4B;
}
.cse_contactformOr {
  float: left;
  height: 34px;
  padding: 0 10px;
  line-height: 35px;
  font-style: italic;
  color: #999;
  overflow: hidden;
}
.cse_codeTitle {
  background: #222;
  padding: 5px 25px;
  font-family: courier;
  color: #666;
}
.cse_code {
  position: relative;
  min-height: 200px;
  background: #333;
}
.cse_codeElementsButton {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  background: #000 url(/img/icons/12/selection_aaaaaa.svg) calc(100% - 6px) 6px no-repeat;
  padding: 0 24px 0 8px;
  text-decoration: none;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  opacity: 0.25;
}
.cse_codeElementsButton:hover {
  opacity: 0.5;
}
.cse_dragbar {
  position: absolute;
  top: 0;
  left: 450px;
  width: 0;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  z-index: 30;
  cursor: ew-resize;
}
body:not(.cseHide) .cse_dragbar.active {
  width: 10px;
  opacity: 1;
}
.cse_dragbar:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #3296FA;
}
body:not(.cseHide) .cse_dragbar.active:after {
  width: 3px;
}
.cse_dragbar:hover:after {
  background: #64C84B;
}
.cse_codeElements {
  transition: all 0.25s;
  position: absolute;
  top: 25px;
  left: 0;
  bottom: 25px;
  width: 450px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  border-radius: 3px;
  z-index: 15;
  opacity: 0;
}
.cse_codeElements.active {
  margin-left: 478px;
  opacity: 1;
}
.cseHide .cse_codeElements {
  left: -450px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0);
  opacity: 0;
}
.cse_iframe {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 450px);
  height: 100%;
  padding: 0;
  border: 0;
  margin: 0;
  z-index: 10;
}
.cseHide .cse_iframe {
  width: 100%;
}
.ui-sortable-helper,
.ui-sortable-helper * {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

/* apps/shared-assets/css/elements.css */
html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
html {
  overflow: hidden;
}
body {
  background-color: #fff;
  font-family:
    "ProximaNova",
    Arial,
    Verdana;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
a {
  text-decoration: underline;
  color: #3296FA;
  outline: none;
}
a:hover {
  text-decoration: none;
}
img {
  border: 0px;
}
input,
.contentEditable {
  font-family:
    "ProximaNova",
    Arial,
    Verdana;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  outline: none;
  cursor: text;
  -webkit-user-select: text;
  user-select: text;
}
input::-webkit-input-placeholder {
  color: #999;
}
input::-moz-placeholder {
  color: #999;
}
input:-ms-input-placeholder {
  color: #999;
}
input:-moz-placeholder {
  color: #999;
}
.contentEditable:empty:after,
.dropdown_title:empty:after {
  content: attr(placeholder);
  color: #999;
}
.clear {
  height: 0;
  overflow: hidden;
  clear: both;
}
@font-face {
  font-family: ProximaNova;
  src: url(/fonts/proximanova-regular-webfont.ttf);
}
@font-face {
  font-family: ProximaNova;
  src: url(/fonts/proximanova-thin-webfont.ttf);
  font-weight: 100;
}
@font-face {
  font-family: ProximaNova;
  src: url(/fonts/proximanova-light-webfont.ttf);
  font-weight: 300;
}
@font-face {
  font-family: ProximaNova;
  src: url(/fonts/proximanova-semibold-webfont.ttf);
  font-weight: 700;
}
@font-face {
  font-family: ProximaNova;
  src: url(/fonts/proximanova-bold-webfont.ttf);
  font-weight: 900;
}
.headline {
  line-height: 27px;
  font-size: 18px;
  font-weight: bold;
}
.headline.boxed {
  background: #f9f9f9;
  padding: 15px 25px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.headline .id {
  padding-left: 5px;
  font-weight: 300;
  color: #999;
}
.headline .arrow {
  display: inline-block;
  vertical-align: top;
  width: 29px;
  height: 27px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
}
.headline .number {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 300;
  color: #3296fa;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 0 0 1px #3296fa inset;
  box-sizing: border-box;
  border-radius: 12px;
  margin: 3px 0 0 15px;
  cursor: default;
}
.headline .number:hover,
.contentToggleBar.active .headline .number {
  color: #fff;
  box-shadow: 0 0 0 11px #3296fa inset;
}
.mandatory {
  display: inline-block;
  height: 14px;
  line-height: 20px;
  font-size: 20px;
  color: #F54B4B;
  font-weight: bold;
  overflow: hidden;
  margin-left: 5px;
}
.maxCharacters {
  font-size: 12px;
  font-style: italic;
  color: #666;
  margin-left: 10px;
}
.maxCharacters.error {
  color: #C80000;
}
.marginBottom {
  margin-bottom: 15px;
}
.marginBottomExtra {
  margin-bottom: 25px;
}
.p100 {
  background-color: rgb(100, 200, 75) !important;
}
.p90 {
  background-color: rgb(140, 210, 75) !important;
}
.p80 {
  background-color: rgb(175, 210, 30) !important;
}
.p70 {
  background-color: rgb(215, 210, 0) !important;
}
.p60 {
  background-color: rgb(255, 210, 0) !important;
}
.p50 {
  background-color: rgb(255, 190, 0) !important;
}
.p40 {
  background-color: rgb(255, 170, 0) !important;
}
.p30 {
  background-color: rgb(255, 145, 0) !important;
}
.p20 {
  background-color: rgb(255, 100, 75) !important;
}
.p10 {
  background-color: rgb(245, 75, 75) !important;
}
.pa100 {
  background-color: rgb(50, 150, 250) !important;
}
.pa90 {
  background-color: rgb(75, 175, 160) !important;
}
.pa80 {
  background-color: rgb(100, 200, 75) !important;
}
.pa70 {
  background-color: rgb(175, 210, 30) !important;
}
.pa60 {
  background-color: rgb(215, 210, 0) !important;
}
.pa50 {
  background-color: rgb(255, 190, 0) !important;
}
.pa40 {
  background-color: rgb(255, 170, 0) !important;
}
.pa30 {
  background-color: rgb(255, 145, 0) !important;
}
.pa20 {
  background-color: rgb(255, 100, 75) !important;
}
.pa10 {
  background-color: rgb(245, 75, 75) !important;
}
.contentbox {
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.contentbox.padding {
  padding: 25px;
}
.column_left,
.column_right {
  float: left;
  width: calc(50% - 50px);
}
.column_right {
  float: right;
}
@media (max-width: 980px) {
  .column_left,
  .column_right {
    width: 100% !important;
  }
}
.split_left {
  float: left;
  width: calc(50% - 12px);
}
.split_right {
  float: right;
  width: calc(50% - 13px);
}
@media (max-width: 600px) {
  .split_left,
  .split_right {
    width: 100% !important;
  }
}
.breakline {
  height: 1px;
  background: #ddd;
  overflow: hidden;
}
.edithide {
  position: relative;
  margin-left: -5px;
}
.edithide.icon {
  padding-left: 17px;
  margin-left: 0;
}
.edithide.icon .icon_holder {
  position: absolute;
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  overflow: hidden;
}
.edithide.icon .icon_holder img {
  float: left;
}
.elementtitle {
  color: #666;
}
.elementtitle.mandatory:after {
  content: "*";
  padding-left: 5px;
  font-weight: bold;
  color: #F11F45;
}
.input {
  transition: all 0.25s;
  position: relative;
  width: 100%;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: text;
}
.input.dark {
  background: #333 !important;
  border-color: #222 !important;
}
.input input {
  transition: all 0.25s;
  width: 100%;
  height: 38px;
  background: none;
  padding: 10px 0;
  text-indent: 15px;
  line-height: 18px;
  border: 0;
  box-sizing: border-box;
  -webkit-appearance: none;
}
.input.dark input {
  color: #fff !important;
}
.edithide .input {
  height: 20px;
  background: none;
  border: 0;
}
.edithide .input input {
  height: 20px;
  background: none;
  padding: 0;
  text-indent: 5px;
  line-height: 22px;
}
.input:hover {
  border-color: #ccc;
}
.input.active {
  border-color: #3296FA;
}
.edithide .input:hover,
.edithide .input.active {
  background: rgba(0, 0, 0, 0.05);
}
.input.icon {
  padding-left: 39px;
}
.input.icon .icon_holder,
.textarea.icon .icon_holder,
.dropdown.icon .icon_holder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 38px;
  background-color: #f9f9f9;
  background-position: 50% 13px;
  background-repeat: no-repeat;
  background-size: 12px;
  border-right: 1px solid #eee;
  border-radius: 2px 0 0 2px;
}
.dropdown .icon_holder .avatar {
  margin: 4px;
}
.input.after .after_holder {
  position: absolute;
  top: 0;
  right: 0;
  background: #f9f9f9;
  padding: 0 10px;
  line-height: 38px;
  overflow: hidden;
  border-left: 1px solid #eee;
  border-radius: 0 2px 2px 0;
}
.input .split {
  display: table;
  width: 100%;
}
.input .splitLeft,
.input .splitRight {
  display: table-cell;
  vertical-align: top;
}
.input .split:not(.reverse) .splitLeft,
.input .reverse .splitRight {
  width: 100%;
}
.input .split:not(.reverse) .splitRight,
.input .reverse .splitLeft {
  white-space: nowrap;
  font-size: 0;
}
.options_holder {
  display: none;
  position: absolute;
  bottom: -1px;
  left: -1px;
  min-width: calc(100% + 2px);
}
.input.active .options_holder,
.dropdown.active .options_holder {
  display: block;
}
.input.active .dropdown .options_holder {
  display: none;
}
.options_window {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  max-height: 400px;
  background: #fff;
  overflow-y: auto;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}
.options_window .search {
  height: 38px;
  overflow: hidden;
}
.options_window .search input {
  width: 100%;
  background: url(/img/icons/12/search_aaaaaa.svg) 16px 13px no-repeat;
  padding: 9px 16px 9px 38px;
  line-height: 20px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.options_window .category {
  display: block;
  background: #aaa;
  padding: 5px 16px;
  text-decoration: none;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  cursor: default;
}
.options_window .category.toggle {
  position: relative;
  cursor: pointer;
}
.options_window .category.toggle:hover {
  background: #999;
}
.options_window .category.toggle:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 15px;
  width: 9px;
  height: 100%;
  background-image: url(/img/icons/9/arrowdown_aaaaaa.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  filter: brightness(0) invert(1);
  transform: rotate(180deg);
}
.options_window .category.toggle.closed:after {
  transform: rotate(0deg);
}
.options_window .option {
  transition: all 0.25s;
  display: block;
  padding: 9px 16px;
  text-decoration: none;
  line-height: 20px;
  white-space: nowrap;
  color: #000;
}
.options_window .option.active,
.options_window .option:hover {
  background: rgba(50, 150, 250, 0.1);
}
.options_window .option .avatar {
  margin: -5px 10px -5px -11px;
}
.options_window .option .arrow {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% - 5px) 50% no-repeat;
  padding-right: 19px;
  color: #666;
}
.options_window .searched {
  background: rgba(50, 150, 250, 0.25);
}
.options_window .option.multi:before {
  content: "";
  float: left;
  width: 16px;
  height: 16px;
  background: #fff url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 0px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 2px 8px 0 -2px;
}
.options_window .option.multi:hover:before {
  border-color: #3296fa;
}
.options_window .option.multi.active:before {
  background-color: #3296fa;
  background-size: 12px;
  border-color: #3296fa;
}
.options_window .treeview,
.options_window .treeview ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  cursor: default;
}
.options_window .treeview {
  padding: 4px 0;
}
.options_window .treeview li {
  white-space: nowrap;
  font-size: 0;
}
.options_window .treeview li .root,
.options_window .treeview li .element {
  display: inline-block;
  padding: 5px 16px;
  text-decoration: none;
  line-height: 20px;
  font-size: 14px;
  color: #000;
}
.options_window .treeview li .element {
  padding: 5px 16px 5px 0;
}
.options_window .treeview li .root:hover,
.options_window .treeview li .element:hover {
  text-decoration: underline;
}
.options_window .treeview li .toggle {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  background: #3296fa;
  border-radius: 50%;
  margin: 9px 8px 0 16px;
}
.options_window .treeview li .toggle.open {
  background: #aaa;
}
.options_window .treeview li .toggle:before,
.options_window .treeview li .toggle:not(.open):after {
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;
  width: 8px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.options_window .treeview li .toggle:not(.open):after {
  top: 2px;
  left: 5px;
  width: 2px;
  height: 8px;
}
.options_window .treeview li .notoggle {
  display: inline-block;
  position: relative;
  width: 10px;
  height: 2px;
  background: #ddd;
  border-radius: 1px;
  margin: 0 9px 4px 17px;
}
.options_window .treeview ul li {
  padding-left: 20px;
}
.options_window .treeview .active {
  text-decoration: underline !important;
  font-weight: bold;
}
.input.disabled,
.textarea.disabled,
.richtexteditor.disabled,
.dropdown.disabled,
.checkbox:not(.active).disabled,
.radiobutton:not(.active).disabled,
.scorebuttons.disabled {
  background: #f9f9f9 !important;
  border-color: #ddd !important;
}
.button.disabled {
  background: #f9f9f9 !important;
  color: #999 !important;
  box-shadow: 0 0 0 1px #ddd inset;
}
.button.secondary.disabled {
  border-color: #ddd !important;
  box-shadow: none !important;
}
.disabled,
.disabled * {
  cursor: not-allowed !important;
}
.input.error,
.textarea.error,
.richtexteditor.error,
.dropdown.error,
.checkbox:not(.active).error,
.radiobutton:not(.active).error,
.chooseboxed:not(.active).error,
.button.error,
.scorecard.error {
  background: rgba(200, 0, 0, 0.015) !important;
  border-color: #C80000 !important;
}
.input.tags {
  height: auto;
}
.edithide .input.tags {
  padding-left: 5px;
}
.input.tags:after {
  content: "";
  display: block;
  clear: both;
}
.input.tags .tag {
  float: left;
  position: relative;
  background: #aaa;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  color: #fff;
  border-radius: 2px;
  margin: 5px 0 0 5px;
  cursor: move;
}
.edithide .input.tags .tag {
  background: #aaa;
  padding: 0 7px;
  line-height: 20px;
  margin: 5px 5px 0 0;
  cursor: pointer;
  top: -5px;
}
.input.tags .tag:hover {
  background: #999;
}
.input.tags.active .tag {
  background: #3296FA;
}
.edithide .input.tags.active .tag {
  cursor: move;
}
.input.tags.active .tag.delete {
  background: #fff !important;
  color: #C80000;
  box-shadow: 0 0 0 1px #C80000 inset;
}
.input.tags .tag .number {
  display: inline-block;
  vertical-align: top;
  height: 14px;
  min-width: 14px;
  padding: 0 3px;
  background: #fff;
  line-height: 15px;
  text-align: center;
  font-size: 10px;
  color: #aaa;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 7px;
  margin: 7px 0 0 5px;
}
.input.tags .tag.delete .number {
  color: #C80000;
  box-shadow: 0 0 0 1px #C80000 inset;
}
.input.tags .tag .delete {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 12px;
  height: 12px;
  background: rgba(0, 0, 0, 0.25) url(/img/icons/12/close_ffffff.svg) 50% 50% no-repeat;
  border-radius: 0 2px;
  opacity: 0;
  cursor: pointer;
}
.input.tags.active .tag.delete .delete,
.input.tags .tag:hover .delete {
  opacity: 1;
}
.input.tags.active .tag.delete .delete {
  background-color: #C80000;
}
.input.tags input {
  float: left;
}
.textarea {
  transition: all 0.25s;
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: text;
}
.edithide .textarea {
  background: none;
  border: 0;
}
.textarea:hover {
  border-color: #ccc;
}
.textarea.active {
  border-color: #3296FA;
}
.edithide .textarea:hover,
.edithide .textarea.active {
  background: rgba(0, 0, 0, 0.05);
}
.textarea.icon {
  padding-left: 39px;
}
.textarea .contentEditable {
  transition: all 0.25s;
  width: 100%;
  min-height: 18px;
  padding: 10px 15px;
  line-height: 18px;
  box-sizing: border-box;
}
.edithide .textarea .contentEditable {
  background: none;
  padding: 2px 5px 0 5px;
}
.textarea.contentHidden {
  position: relative;
}
.textarea .contentHidden_holder {
  transition: max-height 0.25s;
  position: relative;
  max-height: 0;
  overflow: hidden;
}
.textarea .contentHidden_holder.active {
  transition: max-height 0.5s ease-in;
  max-height: 1000px;
}
.textarea .contentHidden_content {
  position: relative;
  padding: 15px;
  border-top: 1px solid #eee;
}
.choosebox {
  position: relative;
  float: left;
  width: 100%;
  cursor: pointer;
}
.checkbox,
.radiobutton {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 16px;
  height: 16px;
  background: #fff;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
}
.radiobutton {
  border-radius: 50%;
}
.checkbox.mini,
.radiobutton.mini {
  width: 12px;
  height: 12px;
}
.checkbox.reverse,
.radiobutton.reverse {
  background: #333;
  border-color: #aaa;
}
.checkbox:hover,
.choosebox:hover .checkbox,
.radiobutton:hover,
.choosebox:hover .radiobutton {
  border-color: #3296fa;
}
.checkbox.active,
.radiobutton.active {
  background-color: #3296fa;
  border-color: #3296fa;
}
.checkbox:before,
.radiobutton:before {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  transform: scale(0);
}
.checkbox.mini:before,
.radiobutton.mini:before {
  background-size: 80%;
}
.radiobutton:before {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  transform: scale(0);
}
.radiobutton.mini:before {
  top: 3px;
  left: 3px;
  width: 4px;
  height: 4px;
}
.checkbox.active:before,
.radiobutton.active:before {
  transform: scale(1);
}
.checkbox input,
.radiobutton input {
  visibility: hidden;
}
.choosebox .label {
  float: right;
  width: calc(100% - 26px);
  line-height: 18px;
  margin: 5px 0 3px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.choosebox .label.mini {
  float: right;
  width: calc(100% - 20px);
  line-height: 16px;
  font-size: 13px;
  margin: 4px 0 2px 0;
}
.choosebox .label.reverse {
  color: #fff;
}
.choosebox .checkbox,
.choosebox .radiobutton {
  margin-top: 5px;
  margin-bottom: 5px;
}
.chooseboxed {
  transition: all 0.25s;
  float: left;
  position: relative;
  width: 100%;
  background: #fff;
  padding: 15px 15px 15px 50px;
  line-height: 20px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.chooseboxed:hover {
  background: rgba(50, 150, 250, 0.05);
  border-color: rgba(50, 150, 250, 0.5);
}
.chooseboxed.disabled {
  background: #fafafa;
  border-color: #ddd;
}
.chooseboxed.active {
  background: rgba(50, 150, 250, 0.15);
  border-color: #3296fa;
}
.chooseboxed:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 3px;
}
.chooseboxed.radio:before {
  border-radius: 50%;
}
.chooseboxed:not(.disabled):hover:before {
  border-color: #3296fa;
}
.chooseboxed.active:before {
  background: #3296fa;
  border-color: #3296fa;
}
.chooseboxed:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  transform: scale(3);
  opacity: 0;
}
.chooseboxed.radio:after {
  top: 21px;
  left: 21px;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  transform: scale(2);
}
.chooseboxed.active:after {
  transform: scale(1);
  opacity: 1;
}
.chooseboxed .label {
  font-weight: bold;
}
.chooseboxed.disabled:not(.active) .label {
  color: rgba(0, 0, 0, 0.5);
}
.chooseboxed .sublabel {
  transition: all 0.25s;
  color: rgba(0, 0, 0, 0.5);
}
.chooseboxed.active .sublabel {
  color: rgba(50, 150, 250, 1);
}
.dropdown {
  position: relative;
  transition: all 0.25s;
  width: 100%;
  height: 40px;
  background: #fff;
  padding: 10px 0;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.dropdown.icon {
  padding-left: 39px;
}
.dropdown:hover {
  border-color: #ccc;
}
.dropdown.active {
  border-color: #3296FA;
}
.dropdown:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 15px;
  width: 9px;
  height: 100%;
  background-image: url(/img/icons/9/arrowdown_aaaaaa.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.dropdown.active:after {
  transform: rotate(180deg);
}
.dropdown_title {
  width: 100%;
  padding: 0 38px 0 15px;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow: hidden;
}
.dropdown.mini {
  float: left;
  width: auto;
  height: 16px;
  background: none;
  padding: 0;
  line-height: 16px;
  font-size: 12px;
  border: none;
}
.dropdown.mini:after {
  right: 0;
}
.dropdown.mini .dropdown_title {
  padding: 0 14px 0 0;
  line-height: 16px;
}
.richtexteditor {
  position: relative;
  transition: all 0.25s;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.richtexteditor:hover {
  border-color: #ccc;
}
.richtexteditor .icons {
  background: #f9f9f9;
  padding: 5px;
  border-bottom: 1px solid #ddd;
  border-radius: 2px 2px 0 0;
}
.richtexteditor .icons .icon {
  float: left;
  padding: 5px;
  border-radius: 2px;
}
.richtexteditor .icons .icon:hover {
  background: #eee;
}
.richtexteditor .icons .icon img {
  float: left;
}
.richtexteditor .sms_characters {
  display: none;
  background: #f9f9f9;
  padding: 0 15px;
  line-height: 32px;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  border-radius: 2px 2px 0 0;
}
.richtexteditor .sms_switch {
  position: absolute;
  top: 10px;
  right: 10px;
}
.richtexteditor .editor {
  height: 100px;
  cursor: text;
}
.richtexteditor .preview {
  transition: all 0.25s;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 30px;
  background: #FFFFE5;
  padding: 0 15px;
  line-height: 31px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #666;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 2px;
}
.richtexteditor .preview:hover {
  background: #FFFFD9;
  color: #333;
}
.message_involved {
  display: table;
  width: 100%;
}
.message_involvedRow {
  display: table-row;
}
.message_involvedText {
  display: table-cell;
  position: relative;
  width: 1px;
  padding: 0 5px 5px 16px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
}
.message_involvedText:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 5px;
  left: 0;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}
.message_involvedText * {
  position: relative;
}
.message_involvedField {
  display: table-cell;
  position: relative;
  padding-bottom: 5px;
}
.message_involvedField .input,
.message_involvedField .dropdown {
  border-radius: 0 3px 3px 0;
}
.message_ccbccLink {
  transition: all 0.25s;
  position: absolute;
  display: none;
  top: 1px;
  right: 1px;
  height: 38px;
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1) 85px);
  padding: 0 15px 0 100px;
  line-height: 39px;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  border-radius: 2px;
}
.message_ccbccLink.active {
  display: block;
}
.message_ccbccLink.active:hover {
  color: #000;
}
.message_ccbcc {
  display: none;
}
.message_ccbcc.active {
  display: table-row;
}
.message_settings {
  min-height: 40px;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.message_settingsIcons {
  float: right;
  margin: -2px -7px;
}
.message_settingsIcons a {
  float: left;
  padding: 5px;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
}
.message_settingsIcons a:hover {
  background: #e5e5e5;
}
.message_settingsIcons img {
  float: left;
}
.message_settingsAttached {
  display: none;
  float: left;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px 0 15px;
  margin: 9px -15px -9px -15px;
}
.message_settingsAttached.active {
  display: block;
}
.message_settingsAttachedFile {
  height: 27px;
}
.message_settingsAttachedFileLink {
  display: block;
  float: left;
  width: calc(100% - 27px);
  white-space: nowrap;
  line-height: 18px;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.button {
  transition: all 0.25s;
  float: left;
  position: relative;
  height: 40px;
  background: #3296FA;
  text-decoration: none;
  line-height: 41px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.button.compact {
  height: 34px;
  line-height: 35px;
}
.button.secondary {
  background: #fff;
  line-height: 39px;
  color: #333;
  border: 1px solid #ccc;
}
.button.compact.secondary {
  line-height: 33px;
}
.button.success {
  background: #64C84B;
}
.button.dark {
  background: #999999;
}
.button.warning {
  background: #F54B4B;
}
.button.cancel {
  background: none;
  font-weight: normal;
  box-shadow: none;
  color: #666;
}
.button.fullWidth {
  width: 100%;
  text-align: center;
}
.button:hover {
  background: #2C86E0;
}
.button.secondary:hover {
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
}
.button.success:hover {
  background: #59B343;
}
.button.dark:hover {
  background: #898989;
}
.button.warning:hover {
  background: #DC4343;
}
.button.cancel:hover {
  background: none;
  color: #333;
}
.button:active {
  transform: scale(0.95);
}
.button * {
  position: relative;
}
.button .progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px 0 0 3px;
}
.button.secondary .progress {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px 0 0 2px;
}
.button .icon {
  float: left;
  margin: 14px -15px 0 20px;
}
.button .icon.right {
  float: right;
  margin: 14px 20px 0 -15px;
}
.button.secondary .icon {
  margin-top: 13px;
}
.button .icon.single {
  margin: 14px 14px 0 14px;
}
.button.secondary .icon.single {
  margin: 13px 13px 0 13px;
}
.button.compact .icon {
  float: left;
  margin: 11px -4px 0 11px;
}
.button.compact .icon.right {
  float: right;
  margin: 11px 11px 0 -4px;
}
.button.compact.secondary .icon {
  margin-top: 10px;
}
.button.compact .icon.single {
  margin-right: 11px;
}
.button.compact.secondary .icon.single {
  margin: 10px 10px 0 10px;
}
.button span {
  padding: 0 25px;
}
.button.secondary span {
  padding: 0 24px;
}
.button.compact span {
  padding: 0 15px;
}
.button.compact.secondary span {
  padding: 0 14px;
}
.button .loading {
  float: right;
  margin: 17px 25px 0 -10px;
}
.button:not(.secondary) .loading {
  margin-top: 18px;
}
.button.compact .loading {
  margin: 14px 15px 0 0;
}
.button.compact:not(.secondary) .loading {
  margin-top: 15px;
}
.button .loading span {
  padding: 0 !important;
}
.button .switch_holder {
  float: right;
  height: 20px;
  background: #f9f9f9;
  padding: 6px;
  overflow: hidden;
  border-radius: 0 2px 2px 0;
  border-left: 1px solid #eee;
}
.button:not(.secondary) .switch_holder {
  background: rgba(255, 255, 255, 0.75);
  border: 0;
  border-radius: 2px;
  margin: 1px 1px 0 0;
}
.button:not(.secondary) .switch_holder .switch.active {
  background: #3296FA;
}
.selectbuttons {
  transition: all 0.25s;
  float: left;
  position: relative;
  height: 34px;
  background: #fff;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.selectbuttons.high {
  height: 40px;
}
.selectbuttons.mini {
  height: 20px;
}
.selectbuttons.fixed {
  display: table;
  table-layout: fixed;
  width: 100%;
  transform: scale(1) !important;
}
.selectbuttons:hover {
  border-color: #aaa;
}
.selectbuttons:active {
  transform: scale(0.95);
}
.selectbutton {
  transition: all 0.25s;
  float: left;
  position: relative;
  height: 32px;
  background: #fff;
  text-decoration: none;
  line-height: 33px;
  font-weight: bold;
  color: #999;
  border-right: 1px solid #ccc;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.selectbuttons.high .selectbutton {
  height: 38px;
  line-height: 39px;
}
.selectbuttons.high.fixed .selectbutton {
  line-height: 38px;
}
.selectbuttons.mini .selectbutton {
  height: 18px;
  line-height: 19px;
  font-size: 12px;
}
.selectbuttons.fixed .selectbutton {
  display: table-cell;
  max-width: 10px;
  float: none;
  padding: 0 14px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selectbuttons.fixed .selectbutton span {
  padding: 0;
}
.selectbutton:first-child {
  border-radius: 2px 0 0 2px;
}
.selectbutton:last-child {
  border: 0;
  border-radius: 0 2px 2px 0;
}
.selectbutton:hover {
  color: #333;
}
.selectbutton.selected {
  background: #f5f5f5;
  color: rgb(50, 150, 250);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.selectbutton.green.selected {
  color: rgb(100, 200, 75);
}
.selectbutton.red.selected {
  color: rgb(245, 75, 75);
}
.selectbutton.disabled {
  text-decoration: line-through;
  color: #ddd;
}
.selectbutton span {
  padding: 0 14px;
}
.selectbuttons.mini .selectbutton span {
  padding: 0 7px;
}
.selectbutton .number {
  transition: all 0.25s;
  display: inline-block;
  height: 12px;
  background: #ccc;
  padding: 0 2px;
  vertical-align: top;
  line-height: 13px;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  overflow: hidden;
  margin: 10px 0 10px 5px;
}
.selectbutton:hover .number {
  background: #aaa;
}
.selectbutton.selected .number {
  background: rgb(50, 150, 250);
}
.selectbutton .sb_card,
.selectbutton .sb_list,
.selectbutton .sb_column {
  float: left;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 9px 15px;
}
.selectbutton .sb_card span,
.selectbutton .sb_list span,
.selectbutton .sb_column span {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  padding: 0;
  background: #aaa;
  border: 0 solid #aaa;
  border-radius: 1px;
  box-sizing: border-box;
}
.selectbutton .sb_card span:nth-child(2) {
  left: 8px;
}
.selectbutton .sb_card span:nth-child(3) {
  top: 8px;
}
.selectbutton .sb_card span:nth-child(4) {
  top: 8px;
  left: 8px;
}
.selectbutton .sb_list span {
  width: 100%;
  height: 3px;
  border-radius: 1.5px;
}
.selectbutton .sb_list span:nth-child(2) {
  top: 5px;
}
.selectbutton .sb_list span:nth-child(3) {
  top: 10px;
}
.selectbutton .sb_column span {
  left: 4px;
  width: 2px;
  height: 100%;
}
.selectbutton .sb_map {
  float: left;
  position: relative;
  width: 12px;
  height: 12px;
  background: #aaa;
  border-radius: 6px 6px 0 6px;
  margin: 9px 16px 11px 16px;
  transform: rotate(45deg);
}
.selectbutton .sb_map:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
}
.selectbutton .sb_org {
  float: left;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 9px 15px 9px 15px;
}
.selectbutton .sb_org:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 2px;
  height: 4px;
  background: #aaa;
}
.selectbutton .sb_org:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 2px;
  width: 6px;
  height: 3px;
  background: none !important;
  border: 2px solid #aaa;
  border-bottom: 0;
  border-radius: 1px;
}
.selectbutton .sb_org span,
.selectbutton .sb_org span:before,
.selectbutton .sb_org span:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 4px;
  width: 6px;
  height: 4px;
  background: #aaa;
  padding: 0;
  border-radius: 1px;
}
.selectbutton .sb_org span:before {
  top: 10px;
  left: -4px;
}
.selectbutton .sb_org span:after {
  top: 10px;
  left: 4px;
}
.selectbutton .sb_xy {
  float: left;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 9px 15px 9px 15px;
}
.selectbutton .sb_xy:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 14px;
  background: #aaa;
  border-radius: 1px;
}
.selectbutton .sb_xy:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 2px;
  background: #aaa;
  border-radius: 1px;
}
.selectbutton .sb_xy span {
  position: absolute;
  top: 2px;
  left: 9px;
  width: 3px;
  height: 3px;
  background: #aaa;
  padding: 0;
  border-radius: 50%;
}
.selectbutton .sb_xy span:nth-child(2) {
  top: 3px;
  left: 4px;
}
.selectbutton .sb_xy span:nth-child(3) {
  top: 7px;
  left: 8px;
}
.selectbutton .sb_cal {
  float: left;
  position: relative;
  width: 14px;
  height: 14px;
  background: #aaa;
  border-radius: 2px;
  margin: 9px 15px 9px 15px;
}
.selectbutton .sb_cal:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 2px;
  width: 10px;
  height: 7px;
  background: #fff;
}
.selectbutton .sb_cal span:before,
.selectbutton .sb_cal span:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 3px;
  width: 1px;
  height: 2px;
  border-radius: 2px;
  background: #aaa;
  border: 1px solid #fff;
}
.selectbutton .sb_cal span:after {
  left: 8px;
}
.selectbutton .sb_column span:nth-child(2) {
  left: 8px;
}
.selectbutton .sb_column span:nth-child(3) {
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent !important;
  border-width: 2px;
  border-radius: 2px;
}
.selectbutton.selected .sb_card span,
.selectbutton.selected .sb_list span,
.selectbutton.selected .sb_column span,
.selectbutton.selected .sb_map,
.selectbutton.selected .sb_org:before,
.selectbutton.selected .sb_org:after,
.selectbutton.selected .sb_org span,
.selectbutton.selected .sb_org span:before,
.selectbutton.selected .sb_org span:after,
.selectbutton.selected .sb_xy:before,
.selectbutton.selected .sb_xy:after,
.selectbutton.selected .sb_xy span,
.selectbutton.selected .sb_cal,
.selectbutton.selected .sb_cal span:before,
.selectbutton.selected .sb_cal span:after {
  background: rgb(50, 150, 250);
  border-color: rgb(50, 150, 250);
}
.selectbutton.selected .sb_map:before,
.selectbutton.selected .sb_cal:before {
  background: #f5f5f5;
}
.selectbutton.selected .sb_cal span:before,
.selectbutton.selected .sb_cal span:after {
  border-color: #f5f5f5;
}
.selectbutton .sb_edit,
.selectbutton .sb_send {
  float: left;
  position: relative;
  width: 14px;
  height: 14px;
  background: url(/img/icons/12/edit_aaaaaa.svg) 50% 50% no-repeat;
  margin: 9px 15px;
}
.selectbutton .sb_send {
  background-image: url(/img/icons/12/letter_aaaaaa.svg);
}
.selectbutton.selected .sb_edit {
  background-image: url(/img/icons/12/edit_3296fa.svg);
}
.selectbutton.selected .sb_send {
  background-image: url(/img/icons/12/letter_3296fa.svg);
}
.selectbutton .sb_icon {
  float: left;
  position: relative;
  margin: 10px 16px;
}
.selectbuttons.high .selectbutton .sb_icon {
  margin-top: 13px;
}
.selectbutton:not(.selected) .sb_icon {
  filter: saturate(0);
  opacity: 0.71;
}
.scorebuttons {
  position: relative;
  float: left;
  height: 40px;
  background: #fff;
  padding: 1px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.scorebuttons:hover {
  border-color: #ccc;
}
.scorebuttons.fixed {
  display: flex;
  width: 100%;
}
.scorebuttons.fixed .scorebutton {
  flex: 1;
  min-width: 0px;
}
.scorebutton {
  transition: all 0.25s;
  float: left;
  min-width: 38px;
  height: 36px;
  position: relative;
  line-height: 37px;
  text-align: center;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.scorebutton:not(:first-child) {
  box-shadow: -1px 0 0 0 #ddd;
}
.scorebutton:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.scorebutton.active {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.scorebutton:hover {
  color: rgba(0, 0, 0, 1);
}
.scorebutton.p10,
.scorebutton.p20,
.scorebutton.p30,
.scorebutton.p40,
.scorebutton.p50,
.scorebutton.p60,
.scorebutton.p70,
.scorebutton.p80,
.scorebutton.p90,
.scorebutton.p100 {
  color: rgba(255, 255, 255, 0.5);
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.5);
}
.scorebutton.p10:hover,
.scorebutton.p20:hover,
.scorebutton.p30:hover,
.scorebutton.p40:hover,
.scorebutton.p50:hover,
.scorebutton.p60:hover,
.scorebutton.p70:hover,
.scorebutton.p80:hover,
.scorebutton.p90:hover,
.scorebutton.p100:hover {
  color: rgba(255, 255, 255, 1);
}
.scorebutton.active {
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.5), 1px 0 0 0 rgba(255, 255, 255, 1);
  z-index: 1;
}
.views {
  position: relative;
  display: table;
  height: 34px;
  background: rgba(255, 255, 255, 0.5);
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 17px;
  box-sizing: border-box;
  margin: 0 auto;
}
.views .lava {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 0;
  height: 22px;
  background: #3296FA;
  border-radius: 11px;
}
.views .view {
  transition: all 0.25s;
  position: relative;
  float: left;
  height: 22px;
  padding: 0 15px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  overflow: hidden;
}
.views .view:hover {
  color: #3296FA;
}
.views .view.active {
  color: #fff;
}
.views .view .number {
  transition: all 0.25s;
  display: inline-block;
  height: 12px;
  background: #ccc;
  padding: 0 2px;
  vertical-align: top;
  line-height: 13px;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  overflow: hidden;
  margin: 5px 0 10px 5px;
}
.views .view:hover .number {
  background: #3296fa;
}
.views .view.active .number {
  background: #fff;
  color: #3296fa;
}
.circlebutton {
  transition: all 0.25s;
  position: relative;
  float: left;
  min-width: 30px;
  height: 30px;
  background: #fff;
  line-height: 29px;
  font-size: 12px;
  text-decoration: none;
  color: #666;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 15px;
  box-sizing: border-box;
}
.circlebutton.reverse {
  background: none;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.25);
}
.circlebutton:hover {
  border-color: #aaa;
}
.circlebutton.reverse:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
.circlebutton:active {
  transform: scale(0.95);
}
.circlebutton.active {
  color: #3296fa;
  border-color: #3296fa;
}
.circlebutton.warning {
  color: #F54B4B;
  border-color: #F54B4B;
}
.circlebutton.success {
  background: #64c84b;
  color: #fff;
  border-color: #64c84b;
}
.circlebutton.filled {
  background: #3296fa;
  color: #fff;
  border-color: #3296fa;
}
.circlebutton.alert {
  background: #F54B4B;
  color: #fff;
  border-color: #F54B4B;
}
.circlebutton.dark {
  background: #999999;
  color: #fff;
  border-color: #999999;
}
.circlebutton .icon {
  float: left;
  margin: 8px -6px 0 8px;
}
.circlebutton span {
  padding: 0 14px;
}
.linebuttons {
  float: left;
}
.linebutton {
  transition: all 0.25s;
  position: relative;
  float: left;
  height: 30px;
  text-decoration: none;
  overflow: hidden;
}
.linebutton:not(:last-child) {
  margin-right: 25px;
}
.linebutton:before {
  content: "";
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  background: #ddd;
  border-radius: 50%;
  margin-right: 10px;
}
.linebutton:hover:before {
  background: #ccc;
}
.linebutton.active:before {
  background: #3296FA;
}
.linebutton img {
  position: absolute;
  top: 9px;
  left: 9px;
}
.linebutton span {
  transition: all 0.25s;
  position: relative;
  float: left;
  line-height: 31px;
  font-weight: bold;
  color: #999;
}
.linebutton:hover span {
  line-height: 23px;
}
.linebutton.active span {
  line-height: 23px;
  color: #000;
}
.linebutton span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 4px;
  background: #ddd;
  border-radius: 2px;
  opacity: 0;
}
.linebutton:hover span:after {
  width: 20px;
  opacity: 1;
}
.linebutton.active span:after {
  width: 100%;
  background: #3296FA;
  opacity: 1;
}
.linebutton.green.active:before,
.linebutton.green.active span:after {
  background: #64C84B;
}
.linebutton.yellow.active:before,
.linebutton.yellow.active span:after {
  background: #FFAA00;
}
.linebutton.red.active:before,
.linebutton.red.active span:after {
  background: #F54B4B;
}
.slider {
  height: 2px;
  background: #ddd;
}
.slider.huge {
  height: 20px;
  background: #fff;
  padding: 2px 9px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 10px;
}
.slider .fill {
  position: relative;
  float: left;
  width: 50%;
  height: 2px;
  background: #3296FA;
}
.slider.huge .fill {
  height: 14px;
  background: none;
}
.slider.huge .fill:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: -7px;
  right: 0px;
  bottom: 0;
  background: rgba(50, 150, 250, 0.25);
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.slider.huge:hover .fill:before {
  background: rgba(50, 150, 250, 0.35);
}
.slider .fill .handle {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  background: #3296FA;
  border-radius: 50%;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.slider.range .fill .handle.start {
  right: auto;
  left: -4px;
}
.slider.huge .fill .handle {
  position: absolute;
  top: 0;
  right: -7px;
  width: 14px;
  height: 14px;
}
.slider.huge.range .fill .handle.start {
  right: auto;
  left: -7px;
}
.slider .fill .handle:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.avatars {
  display: block;
  float: left;
}
.avatars.stacked {
  position: relative;
  width: 40px;
  height: 40px;
}
.avatars.stacked.d80 {
  width: 80px;
  height: 80px;
}
.avatar {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background-color: #DDEEFF;
  background-size: cover;
  background-position: 50% 50%;
  line-height: 32px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #194B7D;
  overflow: hidden;
  border-radius: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.avatars .avatar {
  transition: all 0.25s;
  position: relative;
  margin-left: -5px;
  box-shadow: 0 0 0 2px #fff;
}
.avatar.d40 {
  width: 40px;
  height: 40px;
  line-height: 42px;
  font-size: 16px;
}
.avatar.d60 {
  width: 60px;
  height: 60px;
  line-height: 62px;
  font-size: 24px;
}
.avatars .avatar.d60 {
  margin-left: -10px;
}
.avatar.d80 {
  width: 80px;
  height: 80px;
  line-height: 82px;
  font-size: 32px;
}
.avatars .avatar.d80 {
  margin-left: -10px;
}
.avatar.d100 {
  width: 100px;
  height: 100px;
  line-height: 102px;
  font-size: 40px;
}
.avatars .avatar.d100 {
  margin-left: -15px;
}
.avatar.d120 {
  width: 120px;
  height: 120px;
  line-height: 122px;
  font-size: 48px;
}
.avatars .avatar.d120 {
  margin-left: -20px;
}
.avatars .avatar:first-child {
  margin-left: 0px;
}
.avatars.stacked .avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}
.avatars.stacked .avatar:first-child {
  top: 0;
  left: 0;
  transform: translate(0%, 0%);
}
.avatars.stacked .avatar:last-child {
  top: 100%;
  left: 100%;
  transform: translate(-100%, -100%);
}
.avatars:not(.stacked) .avatar:hover {
  z-index: 1;
  box-shadow: 0 0 0 2px #fff, 0 0 10px rgba(0, 0, 0, 0.25);
  transform: scale(1.1);
}
.avatars.stacked .avatar:hover {
  z-index: 1;
}
.avatar.emply {
  background: #194b7d url(/img/symbol.svg) 50% 50% no-repeat;
  background-size: 50% 100%;
}
.avatarInfo {
  padding: 15px 15px 10px 15px;
  line-height: 0;
  font-size: 0;
  text-align: center;
}
.avatarInfo .avatar {
  float: none;
  display: inline-block;
  margin-bottom: 10px;
}
.avatarInfo span {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  color: #999;
}
.videoRec {
  position: relative;
  float: left;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  border-radius: 3px;
}
.videoRec_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 3px;
}
.videoRec_overlay,
.videoRec_play,
.videoRec_pause {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.videoRec_overlay {
  background: rgba(0, 0, 0, 0.5);
}
.videoRec_countdown {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  line-height: 100px;
  font-size: 100px;
  transform: translate(-50%, -50%);
}
.videoRec_pause {
  opacity: 0;
}
.videoRec_play:hover,
.videoRec_pause:hover {
  background: rgba(0, 0, 0, 0.25);
  opacity: 1;
}
.videoRec_play:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-left: 24px solid #fff;
  border-bottom: 16px solid transparent;
  margin: -16px 0 0 -12px;
}
.videoRec_pause:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 28px;
  border-left: 8px solid #fff;
  border-right: 8px solid #fff;
  margin: -14px 0 0 -12px;
}
.videoRec_play:hover:after,
.videoRec_pause:hover:after {
  transform: scale(1.5);
}
.videoRec_stop {
  transition: all 0.25s;
  position: absolute;
  bottom: 51px;
  left: 50%;
  display: inline-block;
  background: rgba(0, 0, 0, 0.25);
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  opacity: 0;
  transform: translate(-50%, 0);
}
.videoRec:hover .videoRec_stop {
  opacity: 1;
}
.videoRec_stop:hover {
  background: rgba(0, 0, 0, 0.5) !important;
  text-decoration: none;
  opacity: 1;
}
.videoRec_trash {
  transition: all 0.25s;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.videoRec_trash:hover {
  background: rgba(255, 255, 255, 1);
}
.videoRec_trash:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 7px;
  left: 13px;
  width: 4px;
  height: 16px;
  background: #fff;
  border-radius: 2px;
  transform: rotate(45deg);
}
.videoRec_trash:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 7px;
  left: 13px;
  width: 4px;
  height: 16px;
  background: #fff;
  border-radius: 2px;
  transform: rotate(-45deg);
}
.videoRec_trash:hover:before,
.videoRec_trash:hover:after {
  background: #F54B4B;
}
.videoRec_record {
  transition: all 0.25s;
  position: absolute;
  top: 25%;
  left: 50%;
  display: inline-block;
  background: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  border-radius: 3px;
  border-top: 45px solid rgba(0, 0, 0, 0);
  transform: translate(-50%, -50%);
}
.videoRec_record:hover {
  text-decoration: none;
  transform: translate(-50%, -50%) scale(1.1);
}
.videoRec_record:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 50%;
  width: 30px;
  height: 20px;
  background: #F54B4B;
  border-radius: 3px;
  margin-left: -18px;
}
.videoRec_record:after {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  width: 10px;
  height: 6px;
  background: transparent;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  border-color: transparent;
  border-right-color: #F54B4B;
  margin-left: 3px;
}
.videoRec_none {
  position: absolute;
  top: 50%;
  left: 25px;
  width: calc(100% - 50px);
  text-align: center;
  line-height: 30px;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  transform: translate(0, -50%);
}
.videoRec_access {
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% - 50px);
  padding: 0 25px;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  color: #fff;
  transform: translate(0, -50%);
}
.videoRec_upload {
  transition: all 0.25s;
  position: absolute;
  bottom: 15%;
  left: 50%;
  background: rgba(0, 0, 0, 0.25);
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  transform: translate(-50%, -50%);
}
.videoRec_upload:hover {
  text-decoration: none;
  transform: translate(-50%, -50%) scale(1.1);
}
.videoRec_loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 160px;
  height: 160px;
  text-indent: -9999em;
  border-top: 10px solid rgba(255, 255, 255, 0.25);
  border-right: 10px solid rgba(255, 255, 255, 0.25);
  border-bottom: 10px solid rgba(255, 255, 255, 0.25);
  border-left: 10px solid #ffffff;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: loadani 1.1s infinite linear;
  transform: translate(-50%, -50%);
}
@-webkit-keyframes loadani {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loadani {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.videoRec_percent {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  transform: translate(-50%, -50%);
}
.videoRec_cancel {
  transition: all 0.25s;
  position: absolute;
  bottom: 25px;
  left: 50%;
  display: inline-block;
  background: rgba(0, 0, 0, 0.25);
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  transform: translate(-50%, 0);
}
.videoRec_cancel:hover {
  text-decoration: none;
  transform: translate(-50%, 0) scale(1.1);
}
.videoRec_timeline {
  transition: all 0.25s;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 26px;
  padding: 10px 0 10px 10px;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 0 0 3px 3px;
  box-sizing: border-box;
  opacity: 0;
}
.videoRec:hover .videoRec_timeline,
.videoRec_timeline.locked {
  opacity: 1;
}
.videoRec_timeline_bar {
  float: left;
  width: calc(100% - 40px);
  background: rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  cursor: pointer;
}
.locked .videoRec_timeline_bar {
  cursor: inherit;
}
.videoRec_timeline_bar span {
  display: block;
  float: left;
  background: #F54B4B;
  height: 6px;
  border-radius: 3px;
}
.videoRec_timeline_number {
  float: right;
  width: 40px;
  line-height: 16px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  margin-top: -5px;
}
.videoRec_step {
  float: left;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  line-height: 41px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  color: #666;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #ddd inset;
  margin: 0 10px 15px 0;
}
.videoRec_step.active,
.videoRec_step.done {
  background: #3296FA;
  color: #fff;
  box-shadow: none;
}
.videoRec_step.done {
  background: #64C84B;
}
.stars {
  float: left;
}
.stars.center {
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}
.star {
  position: relative;
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.stars.huge .star {
  width: 40px;
  height: 40px;
}
.star:not(:first-child) {
  margin-left: 5px;
}
.star:before {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.star.hover:before {
  background: rgba(0, 0, 0, 0.25);
}
.star.active:before {
  background: #FFBE00;
}
.colorrating {
  float: left;
}
.colorrating.fixed {
  width: 100%;
  float: left;
}
.colorratingTitle {
  float: left;
  width: 100%;
  font-size: 12px !important;
  line-height: 12px !important;
  margin-bottom: 8px;
}
.colorrating.x2 .colorratingTitle {
  font-size: 14px !important;
  line-height: 16px !important;
  margin-bottom: 6px;
}
.colorrate {
  display: block;
  float: left;
  width: 20px;
}
.colorrating.x2 .colorrate {
  width: 40px;
}
.colorrating.fixed .colorrate {
  width: calc(20% - 4px);
}
.colorrate:not(:last-child) {
  margin-right: 5px;
}
.colorrate.hover {
  cursor: pointer;
}
.colorrate span {
  transition: all 0.25s;
  display: block;
  float: left;
  width: 100%;
  height: 4px;
  background: #fff;
  border-radius: 2px;
}
.colorrate span:not(.p10):not(.p30):not(.p60):not(.p80):not(.p100) {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
.colorrating.x2 .colorrate span {
  height: 8px;
  border-radius: 4px;
}
.colorrate.hover span {
  background: rgba(0, 0, 0, 0.25);
}
.colorratingSelect {
  float: left;
  position: relative;
}
.colorratingSelectTitle {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px !important;
  line-height: 16px !important;
}
.colorratingSelect:not(.active) .colorratingSelectTitle {
  color: #666;
}
.colorrateSelect {
  position: relative;
  float: left;
  width: 40px;
  height: 30px;
  cursor: pointer;
}
.colorrateSelect:not(:last-child) {
  padding-right: 5px;
}
.colorrateSelect span {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 40px;
  height: 8px;
  background: #fff;
  border-radius: 4px;
  margin-top: 22px;
}
.colorrateSelect span:not(.p10):not(.p30):not(.p60):not(.p80):not(.p100) {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
.colorratingSelect:hover .colorrateSelect span:not(.p10):not(.p30):not(.p60):not(.p80):not(.p100) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15) inset;
}
.barchart {
  display: table;
  width: 100%;
}
.barchart.mini {
  height: 4px;
}
.barchart .area {
  display: table-cell;
  background: #aaa;
  vertical-align: top;
  white-space: nowrap;
  text-align: center;
  line-height: 34px;
  font-weight: bold;
  color: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.barchart .area:first-child {
  border-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.barchart.mini .area:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.barchart .area:last-child {
  border-right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.barchart.mini .area:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.barchart .area.none {
  min-width: 34px;
  background: #aaa !important;
}
.barchart .area span {
  display: inline-block;
  padding: 0 10px;
  transform: translate(0, 1px);
}
.barchart .area.none span {
  display: none;
}
.barchart .area .icon {
  display: inline-block;
  margin-left: 10px;
  transform: translate(0, 2px);
}
.barchart .area.none .icon {
  margin: 0;
}
.scorecard {
  display: table;
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.scorecard .score {
  display: table-row;
}
.scorecard .title {
  display: table-cell;
  width: calc(100% - 235px);
  padding: 15px;
  vertical-align: middle;
  box-sizing: border-box;
}
.scorecard .score:not(:last-child) .title,
.scorecard .score:not(:last-child) .rating {
  border-bottom: 1px solid #eee;
}
.scorecard .score:hover .title,
.scorecard .score:hover .rating {
  background: rgba(255, 255, 0, 0.05);
}
.scorecard .title span {
  display: block;
  line-height: 16px;
  font-size: 12px;
  opacity: 0.5;
}
.scorecard .rating {
  display: table-cell;
  width: 251px;
  padding: 17px 15px 19px 15px;
  vertical-align: top;
  box-sizing: border-box;
}
@media (max-width: 700px) {
  .scorecard,
  .scorecard .score,
  .scorecard .title,
  .scorecard .rating {
    display: block;
    width: 100%;
  }
  .scorecard .score:not(:last-child) {
    border-bottom: 1px solid #ddd;
  }
  .scorecard .title,
  .scorecard .rating {
    border: 0 !important;
  }
  .scorecard .rating {
    padding-top: 0;
  }
}
.scorecard.overall {
  display: block;
  background: #fafafa;
  padding: 15px;
}
.scorecard.overall .rating {
  display: block;
  width: 100%;
  padding: 0;
}
.switch {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: left;
  min-width: 34px;
  height: 20px;
  background: #aaa;
  padding: 0 10px 0 24px;
  line-height: 21px;
  text-decoration: none;
  font-size: 12px;
  color: #ddd;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.switch:not(.disabled),
.switch:not(.disabled) * {
  cursor: pointer !important;
}
.switch:hover {
  color: #eee;
}
.switch img {
  float: left;
  margin: 4px 0;
}
.switch.mini {
  min-width: 20px;
  height: 12px;
  padding: 0 6px 0 14px;
  line-height: 13px;
  font-size: 9px;
  font-weight: bold;
  border-radius: 6px;
}
.switch.active {
  background: #64C84B;
  padding: 0 24px 0 10px;
  color: #fff;
}
.switch.mini.active {
  padding: 0 14px 0 6px;
}
.switch:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
}
.switch.mini:after {
  width: 10px;
  height: 10px;
}
.switch.active:after {
  left: calc(100% - 19px);
}
.switch.mini.active:after {
  left: calc(100% - 11px);
}
.loading {
  float: left;
  width: 38px;
  height: 10px;
  overflow: hidden;
}
.loading.mini {
  width: 19px;
  height: 5px;
}
.loading.huge {
  width: 72px;
  height: 20px;
}
.loading.center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.loading:before,
.loading span,
.loading:after {
  display: block;
  content: "";
  float: left;
  width: 10px;
  height: 10px;
  background: #000;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 4px;
  animation: loading-delay 1.4s infinite ease-in-out both;
}
.loading.mini:before,
.loading.mini span,
.loading.mini:after {
  width: 5px;
  height: 5px;
  margin-right: 2px;
}
.loading.huge:before,
.loading.huge span,
.loading.huge:after {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.loading.white:before,
.loading.white span,
.loading.white:after {
  background: #fff;
}
.loading:before {
  animation-delay: -0.32s;
}
.loading span {
  animation-delay: -0.16s;
}
.loading:after {
  margin: 0 !important;
}
.loadingFullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1000;
}
.dotsLoadingPopup {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  margin: 0;
}
.dragndrop {
  transition: all 0.25s;
  position: relative;
  height: 180px;
  background: #fff;
  border: 2px dashed rgb(50, 150, 250);
  border-radius: 3px;
  box-sizing: border-box;
}
.dragndrop:hover,
.dragndrop.active {
  background: rgba(100, 200, 75, 0.05);
  border-color: rgb(100, 200, 75);
}
.dragndrop.uploading {
  background: #fff;
  border-color: #ddd;
}
.dragndrop .center {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.dragndrop .title {
  font-size: 18px;
  font-style: italic;
  color: #666;
  padding: 5px 0;
}
.dragndrop .icon {
  transition: all 0.25s;
  display: inline-block;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0);
  text-align: center;
  vertical-align: top;
  overflow: hidden;
  border: 1px dashed rgba(100, 200, 75, 0);
  border-radius: 50%;
  box-sizing: border-box;
  margin-top: 5px;
}
.dragndrop:hover .icon,
.dragndrop.active .icon {
  background: rgba(255, 255, 255, 1);
  border-color: rgba(100, 200, 75, 1);
}
.dragndrop .icon img {
  transition: all 0.25s;
  margin-top: 23px;
  transform: scale(3);
}
.dragndrop:hover .icon img,
.dragndrop.active .icon img {
  transform: scale(2);
}
.dragndrop .loading {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
@keyframes loading-delay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1.0);
  }
}
.symbolloading {
  position: relative;
  float: left;
  width: 120px;
  height: 120px;
  background: #aaa;
  border-radius: 50%;
  overflow: hidden;
  animation: symbolloading-delay 3s infinite ease-in-out both;
}
@keyframes symbolloading-delay {
  0% {
    background: #aaa;
  }
  34%, 76% {
    background: rgb(25, 75, 125);
  }
  100% {
    background: #aaa;
  }
}
.symbolloading:before,
.symbolloading span,
.symbolloading:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  background: url(/img/symbol_bottom.svg) 50% 50% no-repeat;
  margin-top: -30px;
  margin-left: -30px;
}
.symbolloading:before {
  animation: symbolloading-bottom-delay 3s infinite ease-in-out both;
}
@keyframes symbolloading-bottom-delay {
  0% {
    top: -30px;
    transform: scale(0);
    opacity: 0;
  }
  30%, 76% {
    top: 50%;
    transform: scale(1.0);
    opacity: 1;
  }
  100% {
    top: calc(100% + 60px);
    transform: scale(0);
    opacity: 0;
  }
}
.symbolloading span {
  background-image: url(/img/symbol_middle.svg);
  animation: symbolloading-middle-delay 3s infinite ease-in-out both;
}
@keyframes symbolloading-middle-delay {
  0% {
    top: -30px;
    transform: scale(0);
    opacity: 0;
  }
  32%, 78% {
    top: 50%;
    transform: scale(1.0);
    opacity: 1;
  }
  100% {
    top: calc(100% + 60px);
    transform: scale(0);
    opacity: 0;
  }
}
.symbolloading:after {
  background-image: url(/img/symbol_top.svg);
  animation: symbolloading-top-delay 3s infinite ease-in-out both;
}
@keyframes symbolloading-top-delay {
  0% {
    top: -30px;
    transform: scale(0);
    opacity: 0;
  }
  34%, 80% {
    top: 50%;
    transform: scale(1.0);
    opacity: 1;
  }
  100% {
    top: calc(100% + 60px);
    transform: scale(0);
    opacity: 0;
  }
}
.symbolbuild {
  position: relative;
  float: left;
  width: 120px;
  height: 120px;
  background: #194B7D;
  border-radius: 50%;
  overflow: hidden;
}
.symbolbuild span {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 60px;
  height: 60px;
  background: url(/img/symbol_bottom.svg) 50% 50% no-repeat;
  animation: symbolbuild-span 2s infinite;
}
@keyframes symbolbuild-span {
  0% {
    top: -60px;
    left: 30px;
  }
  5% {
    top: -65px;
    left: 30px;
  }
  20% {
    top: 35px;
    left: 30px;
  }
  25% {
    top: 30px;
    left: 30px;
  }
  35% {
    top: 30px;
    left: 30px;
  }
  47% {
    top: 35px;
    left: 25px;
  }
  51%, 100% {
    top: 30px;
    left: 30px;
  }
}
.symbolbuild span:before,
.symbolbuild span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background: url(/img/symbol_middle.svg) 50% 50% no-repeat;
}
.symbolbuild span:before {
  animation: symbolbuild-spanbefore 2s infinite ease-in-out;
}
@keyframes symbolbuild-spanbefore {
  0%, 30% {
    top: -90px;
    left: 90px;
    transform: scale(0);
    opacity: 0;
  }
  40% {
    top: 0;
    left: 0;
    transform: scale(1);
    opacity: 1;
  }
  42% {
    top: -5px;
    left: 5px;
    transform: scale(1);
    opacity: 1;
  }
  46%, 100% {
    top: 0;
    left: 0;
    transform: scale(1);
    opacity: 1;
  }
}
.symbolbuild span:after {
  background-image: url(/img/symbol_top.svg);
  animation: symbolbuild-spanafter 2s infinite ease-in-out;
}
@keyframes symbolbuild-spanafter {
  0%, 35% {
    top: -90px;
    left: 90px;
    transform: scale(0);
    opacity: 0;
  }
  45% {
    top: 0;
    left: 0;
    transform: scale(1);
    opacity: 1;
  }
  48% {
    top: -5px;
    left: 5px;
    transform: scale(1);
    opacity: 1;
  }
  51%, 100% {
    top: 0;
    left: 0;
    transform: scale(1);
    opacity: 1;
  }
}
.symbolbuild:after {
  content: "";
  position: absolute;
  top: 30px;
  left: 30px;
  width: 60px;
  height: 60px;
  background: url(/img/symbol.svg) 50% 50% no-repeat;
  animation: symbolbuild-after 2s infinite;
}
@keyframes symbolbuild-after {
  0% {
    top: 30px;
  }
  5% {
    top: 25px;
  }
  20% {
    top: 125px;
  }
  25%, 100% {
    top: 120px;
  }
}
.langselector {
  height: 40px;
  padding: 15px 25px;
  white-space: nowrap;
  line-height: 0;
  text-align: left;
  font-size: 0;
  overflow: auto;
}
.langselector:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
.langselectorLang {
  transition: all 0.25s;
  position: relative;
  display: inline-block;
  height: 40px;
  padding-right: 35px;
  line-height: 41px;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
}
.langselectorLang:hover span {
  border-bottom: 1px solid #aaa;
}
.langselectorLang.active span {
  color: rgb(50, 150, 250);
  border-bottom: 1px solid rgb(50, 150, 250);
}
.langselectorLang img {
  float: left;
  margin: 10px 10px 0 0;
}
.langselectorDelete {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 15px;
  width: 12px;
  height: 12px;
  background: url(/img/icons/12/close_aaaaaa.svg) 50% 50% no-repeat;
  overflow: hidden;
  opacity: 0;
}
.langselectorLang:hover .langselectorDelete {
  opacity: 0.5;
}
.langselectorDelete:hover {
  opacity: 1 !important;
}
.langselectorAdd {
  transition: all 0.25s;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  vertical-align: top;
  margin-top: 10px;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #ddd;
  opacity: 0.5;
}
.langselector:hover .langselectorAdd {
  opacity: 1;
}
.langselectorAdd:hover {
  border: 1px solid #64c84b;
}
.langselectorAddList {
  margin: -6px -14px;
}
.langselectorAddList a {
  transition: all 0.25s;
  display: block;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 0 40px;
  text-decoration: none;
  line-height: 40px;
  color: #fff;
}
.langselectorAddList a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.nocontent {
  padding: 60px;
  line-height: 0;
  text-align: center;
}
.nocontent .headline {
  line-height: 36px;
  font-size: 24px;
  font-weight: 100;
  font-style: italic;
  color: #999;
}
.nocontent .symbolbuild,
.nocontent .iconcircle,
.nocontent .button {
  float: none;
  display: inline-block;
  margin-top: 25px;
}
.nocontent .iconcircle {
  width: 120px;
  height: 120px;
  background: #fcfcfc;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
}
.nocontent .iconcircle img {
  transform: scale(3);
  margin-top: 52px;
}
.tabs {
  position: relative;
  height: 51px;
  line-height: 51px;
  white-space: nowrap;
  font-size: 0;
  box-sizing: border-box;
  box-shadow: 0 -1px 0 #e5e5e5 inset;
  overflow-x: auto;
  overflow-y: hidden;
}
.tabs .line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: #3296fa;
}
.tabs .link {
  transition: all 0.25s;
  display: inline-block;
  height: 51px;
  line-height: 51px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #666;
  overflow: hidden;
  box-sizing: border-box;
  border-color: rgba(50, 150, 250, 0);
  margin-right: 35px;
}
.tabs .link:last-of-type {
  margin-right: 0;
}
.tabs .link:not(.active):not(.disabled):hover {
  color: #333;
  border-bottom: 3px solid rgba(50, 150, 250, 0.5);
}
.tabs .link.disabled {
  color: #aaa;
  cursor: not-allowed;
}
.tabs .link.active {
  color: #000;
  border-bottom: 3px solid rgba(50, 150, 250, 1);
}
.tabs .link .number {
  transition: all 0.25s;
  display: inline-block;
  min-width: 12px;
  height: 12px;
  line-height: 12px;
  background: rgba(0, 0, 0, 0.25);
  padding: 0 2px;
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 19px 0 0 5px;
}
.tabs .link:hover .number {
  background: rgba(0, 0, 0, 0.5);
}
.tabs .link.active .number {
  background: #3296fa;
}
.progressbar {
  position: relative;
  height: 20px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.progressbar.mini {
  height: 4px;
  border-radius: 2px;
}
.progressbar .bar {
  transition: all 0.25s;
  float: left;
  width: 100%;
  height: 20px;
  background: #3296fa;
  overflow: hidden;
  border-radius: 10px;
}
.progressbar.mini .bar {
  height: 4px;
  border-radius: 2px;
}
.progressbar .percent {
  float: left;
  position: relative;
  width: 0;
}
.progressbar .percent span {
  float: left;
  position: absolute;
  top: 0;
  right: 6px;
  width: 100px;
  height: 20px;
  line-height: 20px;
  text-align: right;
  font-size: 12px;
  color: #fff;
}
.progressbar .percent.low span {
  right: inherit;
  left: 6px;
  width: 100px;
  text-align: left;
  color: #666;
}
.feedbackResponse {
}
.feedbackResponseNumber {
  float: left;
  width: 40px;
  height: 40px;
  background: #fff;
  line-height: 41px;
  text-align: center;
  font-weight: bold;
  color: #3296fa;
  box-shadow: 0 0 0 2px #3296fa inset;
  overflow: hidden;
  border-radius: 50%;
}
.feedbackResponseHolder {
  float: right;
  width: calc(100% - 55px);
}
.feedbackResponseText {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  float: left;
  width: calc(30% - 15px);
  min-height: 40px;
  margin-right: 15px;
}
.feedbackResponseTextTitle:not(:last-child) {
  margin-top: 2px;
}
.feedbackResponseTextDescription {
  min-width: 100%;
  line-height: 18px;
  font-size: 12px;
  color: #999;
}
.feedbackResponseNumberTextHolder {
  float: left;
  width: 30%;
  height: 10px;
}
.feedbackResponseAnswer {
  float: right;
  width: calc(35% - 7px);
}
.feedbackResponseAnswer.wide {
  float: right;
  width: 70%;
}
.feedbackResponseNote {
  float: right;
  width: calc(35% - 8px);
}
.feedbackResponseAnswer .textarea .contentEditable,
.feedbackResponseNote .textarea .contentEditable {
  line-height: 18px !important;
}
@media (max-width: 1200px) {
  .feedbackResponseText {
    width: 100%;
    min-height: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
  }
  .feedbackResponseAnswer {
    width: calc(50% - 7px);
  }
  .feedbackResponseAnswer.wide {
    width: 100%;
  }
  .feedbackResponseNote {
    width: calc(50% - 8px);
  }
}
@media (max-width: 800px) {
  .feedbackResponseAnswer {
    width: 100%;
  }
  .feedbackResponseNote {
    width: 100%;
    margin-top: 5px;
  }
}
.feedbackResponseToggles {
  overflow: hidden;
}
.feedbackResponseToggles .contentToggleBar {
  background-color: #fafafa;
  padding-top: 16px;
  padding-bottom: 15px;
}
.feedbackResponseToggles .contentToggleBar:hover {
  background-color: #f5f5f5;
}
.simTable {
  position: relative;
  width: 100%;
  background: #fff;
  overflow: auto;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.simTable.contentbox {
  border-color: #e5e5e5;
}
.simTableFull {
  display: table;
  width: 100%;
}
.simTableTop,
.simTableRow {
  display: table-row;
}
.simTableTop {
  font-weight: bold;
}
.simTableColumn {
  transition: all 0.25s;
  display: table-cell;
  background: #fff;
  padding: 15px;
  line-height: 20px;
  vertical-align: top;
  overflow: hidden;
  box-sizing: border-box;
}
.simTableColumn:not(:last-child) {
  border-right: 1px solid #eee;
}
.simTableTop .simTableColumn,
.simTableRow:not(:last-child) .simTableColumn {
  border-bottom: 1px solid #eee;
}
.simTableRow:nth-child(2n) .simTableColumn {
  background: #fcfcfc;
}
.simTableRow:hover .simTableColumn {
  box-shadow: 0 0 0 1000px rgba(255, 255, 0, 0.05) inset;
}
.simTableSorting {
  white-space: nowrap;
  text-decoration: none;
  color: #000;
}
.simTableSorting.active {
  color: #3296FA;
}
.simTableSorting:after {
  transition: all 0.25s;
  content: "";
  display: inline-block;
  width: 29px;
  height: 10px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 50% 50% no-repeat;
  opacity: 0.5;
}
.simTableSorting.asce:after {
  transform: rotate(180deg);
}
.simTableSorting:hover:after {
  opacity: 1;
}
.simTableSorting.active:after {
  opacity: 1;
}
.advTable {
  box-sizing: border-box;
}
.advTable .contentbox {
  position: relative;
  width: 100%;
  max-height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.advTableScrollLeft,
.advTableScrollRight {
  transition: background 0.25s;
  display: none;
  position: absolute;
  top: 0;
  width: 40px;
  height: 100%;
  background-color: rgba(250, 250, 250, 0.95);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 21;
  cursor: pointer;
}
.advTableScrollLeft {
  left: 0;
  background-image: url(/img/arrow_left.svg);
  border-right: 1px solid #eee;
  box-shadow: -1px 0 0 #eee;
}
.advTableScrollRight {
  right: 0;
  background-image: url(/img/arrow_right.svg);
  border-left: 1px solid #eee;
}
.advTableScrollLeft:hover,
.advTableScrollRight:hover {
  background-color: rgba(255, 255, 255, 1);
}
.advTableTop,
.advTableContent {
  display: table;
  width: 1%;
  table-layout: fixed;
}
.advTableTop {
  position: absolute;
  font-weight: bold;
  z-index: 20;
}
.advTableContent {
  margin-top: 51px;
}
.advTableRow {
  display: table-row;
}
.activeSelection .advTableRow {
  cursor: pointer;
}
.advTableLeft,
.advTableColumn {
  transition: box-shadow 0.25s;
  position: relative;
  display: block;
  height: 50px;
  background: #fff;
  padding: 0 15px;
  line-height: 50px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  box-sizing: border-box;
}
.flexLeft .advTableColumn {
  height: 51px;
  vertical-align: middle;
}
.advTableRow:nth-child(odd) .advTableLeft,
.advTableRow:nth-child(odd) .advTableColumn {
  background: #fcfcfc;
}
.advTableRow:hover .advTableLeft,
.advTableRow:hover .advTableColumn {
  box-shadow: 0 0 0 1000px rgba(255, 255, 0, 0.05) inset;
}
.activeSelection .advTableRow:hover .advTableLeft,
.activeSelection .advTableRow:hover .advTableColumn,
.advTableRow.active .advTableLeft,
.advTableRow.active .advTableColumn {
  box-shadow: 0 0 0 1000px rgba(50, 150, 250, 0.05) inset;
}
.advTableRow .advTableLeft:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: rgb(50, 150, 250);
  opacity: 0;
  overflow: hidden;
}
.advTableRow.active .advTableLeft:before {
  width: 3px;
  opacity: 1;
}
.activeSelection .advTableContent .advTableLeft:after,
.activeSelection .advTableContent .advTableColumn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 15;
}
.activeSelection .advTableRow:hover .checkbox {
  border-color: #3296fa;
}
.advTableRow:last-child .advTableLeft,
.advTableRow:last-child .advTableColumn {
  border-bottom: 0;
}
.advTableColumn:last-child {
  border-right: 0;
}
.advTableLeft {
  position: absolute;
  height: 51px;
  z-index: 10;
}
.flexLeft .advTableLeft {
  height: auto;
  padding: 15px;
  line-height: 20px;
  white-space: normal;
}
.advTable:not(.flexLeft) .advTableRow:last-child .advTableLeft {
  height: 50px;
}
.flexLeft .advTableRow:last-child .advTableLeft {
  padding-bottom: 16px;
}
.advTableLeft .checkbox {
  margin: 17px 17px 0 2px;
}
.advTableLeft .avatar,
.advTableColumn .avatar {
  position: relative;
  margin: 10px 10px 0 0;
}
.advTableLeft .avatars .avatar,
.advTableColumn .avatars .avatar {
  margin-right: 0;
}
.advTableLeft .avatars .avatar:not(:first-child),
.advTableColumn .avatars .avatar:not(:first-child) {
  margin-left: -5px;
}
.advTableColumn .colorrating {
  margin-top: 13px;
}
.advTableLeft .id,
.advTableColumn .id {
  padding-left: 5px;
  font-weight: 300;
  color: #999;
}
.advTableLeft .boxlink {
  left: 50px;
}
.advTableColumn {
  display: table-cell;
  width: 200px;
}
.advTableLeft > .icon,
.advTableColumn > .icon {
  float: left;
  margin: 19px 10px 0 0;
}
.advTableLeft .number {
  transition: all 0.25s;
  display: inline-block;
  height: 12px;
  background: #ccc;
  padding: 0 2px;
  vertical-align: top;
  line-height: 13px;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  overflow: hidden;
  margin: 19px 0 0 5px;
}
.advTableColumn.tags {
  text-overflow: clip;
  white-space: nowrap;
  font-size: 0;
  overflow: auto;
}
.advTableColumn.tags > .tag {
  display: inline-block;
  height: 28px;
  background: #fff;
  padding: 0 10px;
  vertical-align: middle;
  line-height: 27px;
  font-size: 12px;
  border: 1px solid #eee;
  border-radius: 2px;
  box-sizing: border-box;
}
.advTableColumn.tags > .tag:not(:first-child) {
  margin-left: 5px;
}
.advTableColumn.tags > .tag.hover {
  transition: all 0.25s;
  cursor: pointer;
}
.advTableColumn.tags > .tag.hover:hover {
  border-color: #3296fa;
}
.advTableColumn.tags > .tag .number {
  background: #aaa;
  padding: 0 3px;
  color: #fff;
  border-radius: 2px;
  margin-left: 5px;
}
.advTableColumn .boxlink {
  transition: all 0.25s;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
}
.advTableColumn:hover .boxlink {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05) inset;
}
.advTableSizing {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 25px;
  border-right: 0px solid transparent;
  cursor: ew-resize;
}
.advTableSizing:hover {
  border-right: 3px solid rgb(50, 150, 250);
}
.advTableFolder {
  transition: all 0.25s;
  text-decoration: none;
  color: #000;
}
.advTableFolder:hover {
  color: #3296FA;
}
.advTableFolder:first-of-type:before {
  transition: all 0.25s;
  content: "";
  display: inline-block;
  width: 19px;
  height: 10px;
  background: url(/img/icons/9/arrowleft_aaaaaa.svg) 0% 50% no-repeat;
  opacity: 0.5;
}
.advTableFolder:first-of-type:hover:before {
  opacity: 1;
}
.advTableFolder:after {
  transition: all 0.25s;
  content: "/";
  display: inline-block;
  color: #ddd;
  margin: 0 10px;
}
.advTableSorting {
  text-decoration: none;
  color: #000;
}
.advTableSorting.active {
  color: #3296FA;
}
.advTableSorting:after {
  transition: all 0.25s;
  content: "";
  display: inline-block;
  width: 29px;
  height: 10px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 50% 50% no-repeat;
  opacity: 0.5;
}
.advTableSorting.asce:after {
  transform: rotate(180deg);
}
.advTableSorting:hover:after {
  opacity: 1;
}
.advTableSorting.active:after {
  opacity: 1;
}
.treeTable {
  position: relative;
  width: 100%;
  background: #fff;
  padding: 5px 0;
  overflow: auto;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.treeTable.contentbox {
  border-color: #e5e5e5;
}
.treeTableHolder {
  position: relative;
  padding-left: 28px;
}
.treeTable > .treeTableHolder {
  padding-left: 15px;
}
.treeTableHolder:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 38px;
  height: 100%;
  border-left: 1px dashed #ddd;
  overflow: hidden;
}
.treeTable > .treeTableHolder:before {
  left: 25px;
}
.treeTableHolder.active .treeTableHolder:not(:first-child):before {
  top: 0;
  height: calc(100% + 20px);
}
.treeTableHolder:last-child:before {
  height: 0 !important;
}
.treeTableParent,
.treeTableChild {
  transition: all 0.25s;
  position: relative;
  height: 40px;
  padding-left: 30px;
  line-height: 41px;
  overflow: hidden;
}
.treeTableHolder:not(.active) .treeTableHolder .treeTableParent {
  height: 0;
}
.treeTableChild {
  padding-left: 58px;
}
.treeTable > .treeTableChild {
  padding-left: 45px;
}
.treeTable > .treeTableChild:only-child {
  padding-left: 15px;
}
.treeTableHolder:not(.active) .treeTableChild {
  height: 0;
}
.treeTableParent:before,
.treeTableChild:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 38px;
  height: 20px;
  border-left: 1px dashed #ddd;
  overflow: hidden;
}
.treeTableHolder:not(.active) .treeTableParent:before {
  height: 0;
}
.treeTable > .treeTableChild:before {
  left: 25px;
}
.treeTableChild:before {
  top: 0;
  height: 40px;
}
.treeTableChild:first-child:before {
  top: 20px;
  height: 20px;
}
.treeTableChild:last-child:before {
  height: 20px;
}
.treeTableChild:only-child:before {
  height: 0;
}
.treeTableParent:after,
.treeTableChild:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 38px;
  width: 20px;
  border-bottom: 1px dashed #ddd;
  overflow: hidden;
}
.treeTableParent:after {
  left: 20px;
  width: 18px;
}
.treeTable > .treeTableChild:after {
  left: 25px;
}
.treeTable > .treeTableChild:only-child:after {
  display: none;
}
.treeTableToggle {
  transition: all 0.25s;
  position: absolute;
  top: 10px;
  left: 0px;
  width: 20px;
  height: 20px;
  background: #aaa;
  border-radius: 50%;
  z-index: 1;
}
.treeTableHolder:not(.active) .treeTableToggle {
  background: #64C84B;
}
.treeTableToggle:before,
.treeTableToggle:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.treeTableHolder:not(.active) .treeTableToggle:before {
  transform: rotate(-90deg);
}
.treeTableHolder.active .treeTableToggle:after {
  opacity: 0;
}
.treeTableHolder:not(.active) .treeTableToggle:after {
  transform: rotate(-180deg);
  opacity: 1;
}
.treeTable .selectElement {
  position: relative;
  height: 40px;
}
.activeSelection .treeTable .selectElement {
  cursor: pointer;
}
.activeSelection .treeTable .selectElement:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 15;
}
.treeTable .checkbox {
  margin-top: 12px;
  z-index: 1;
}
.treeTableParent .checkbox {
  margin-right: -8px;
}
.activeSelection .treeTable .selectElement:hover .checkbox {
  border-color: #3296fa;
}
.treeTableTitle {
  float: left;
  max-width: calc(100% - 41px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 10px;
}
.treeTableParent .treeTableTitle {
  margin-left: 18px;
}
.smartTable {
  position: relative;
  width: 100%;
  background: #fff;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.smartTable.contentbox {
  overflow: auto;
  border-color: #e5e5e5;
}
.smartTableSortlist {
  list-style: none;
  padding: 0;
  margin: -1px 0 0 0;
}
.smartTableSortlist > li {
  transition: box-shadow 0.25s, opacity 0.25s;
  background: #fff;
  border-top: 1px solid #eee;
}
.smartTableSortlist > .ui-sortable-helper {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  opacity: 0.85;
}
.smartTableSortlist > .ui-sortable-placeholder {
  visibility: visible !important;
  background: rgb(50, 150, 250);
}
.smartTableToggle {
  border-top: 1px solid #eee;
}
.smartTableToggle:first-child {
  border: 0;
}
.smartTableElement {
  transition: all 0.25s;
  position: relative;
  height: 50px;
  line-height: 51px;
  overflow: hidden;
  border-top: 1px solid #eee;
}
.smartTableElementAdd {
  background: #E8F7E4;
  cursor: pointer;
}
.smartTableElement:first-child {
  border: 0;
}
.smartTableElement:hover {
  background: rgba(255, 255, 0, 0.05);
}
.smartTableElementAdd:hover {
  background: #D8F1D2;
}
.activeSelection .smartTableElement:hover,
.activeSelection .smartTableElement.active {
  background: rgba(50, 150, 250, 0.05);
  cursor: pointer;
}
.smartTableElement:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: #3296fa;
  opacity: 0;
}
.smartTableElement.active:before {
  width: 3px;
  opacity: 1;
}
.activeSelection .smartTable:not(.dontHideSorting) .smartTableElement:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 15;
}
.smartTableElementAdd:before {
  position: relative;
  content: "";
  float: left;
  width: 16px;
  height: 16px;
  background: #fff url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin: 17px;
  z-index: 1;
  opacity: 1;
}
.smartTableElement .checkbox {
  position: relative;
  margin: 17px;
  z-index: 1;
}
body:not(.activeSelection) .checkbox:not(:first-child) {
  margin-left: 0;
}
.smartTableToggle.active > .smartTableElement > .checkbox {
  margin-left: 17px !important;
}
.activeSelection .smartTableElement:hover .checkbox {
  border-color: #3296fa;
}
.smartTableTitle {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  margin: 0 15px;
}
.smartTableTitle:empty:after {
  content: attr(placeholder);
  color: #999;
}
.smartTableTitle .id {
  color: #999;
}
.smartTableBoxlink {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.smartTableSort {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 50px;
  height: 50px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  z-index: 1;
}
.smartTableSort:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.activeSelection .smartTable:not(.dontHideSorting) .smartTableSort,
.smartTable:not(.dontHideSorting) .smartTableToggle.active > .smartTableElement > .smartTableSort {
  margin-left: -50px;
}
.smartTableSort span,
.smartTableSort span:before,
.smartTableSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 21px;
  left: 17px;
  width: 16px;
  height: 1px;
  background: rgba(50, 150, 250, 0.5);
}
.smartTableSort span:before {
  top: 3px;
  left: 0;
}
.smartTableSort span:after {
  top: 6px;
  left: 0;
}
.smartTableSort:hover span,
.smartTableSort:hover span:before,
.smartTableSort:hover span:after,
.ui-sortable-helper .smartTableSort span,
.ui-sortable-helper .smartTableSort span:before,
.ui-sortable-helper .smartTableSort span:after {
  background: rgba(50, 150, 250, 1);
}
.smartTableElement .avatar {
  margin: 10px;
}
.smartTableIcons {
  position: relative;
  float: right;
  margin: 14px;
  z-index: 1;
}
.smartTableIcon {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
  margin: 10px;
}
.smartTableSortlist .smartTableIcon {
  transition: margin 0.25s;
  margin-left: 0px;
}
.smartTableSortlist .smartTableToggle.active > .smartTableElement > .smartTableIcon {
  margin-left: 10px;
}
.smartTable > .smartTableToggle:not(.disabled) > .smartTableElement .smartTableIcon.ifDisabled,
.smartTable > .smartTableToggle.disabled > .smartTableElement .smartTableIcon:not(.ifDisabled),
.smartTable > .smartTableElement:not(.disabled) .smartTableIcon.ifDisabled,
.smartTable > .smartTableElement.disabled .smartTableIcon:not(.ifDisabled) {
  display: none;
}
.smartTableIcon img {
  float: left;
  margin: 8px;
}
.smartTableToggle > .smartTableElement > .smartTableIcons {
  margin-right: 46px;
}
.smartTableIcons a {
  float: left;
  display: block;
  transition: all 0.25s;
  width: 22px;
  height: 22px;
  border-radius: 2px;
  margin-left: 5px;
}
.smartTableIcons a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.smartTableIcons a img {
  float: left;
  margin: 5px;
}
.smartTableToggleBar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.smartTableToggleBar:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 50px;
  background: url(/img/careersite/down.svg) 50% 50% no-repeat;
}
.smartTableToggle.disabled .smartTableToggleBar {
  display: none;
}
.smartTableToggle.active > .smartTableElement > .smartTableToggleBar:after {
  transform: rotate(180deg);
}
.smartTableToggleContent {
  transition: all 0.25s;
  background: #fafafa;
  padding: 0 15px;
  max-height: 0;
  overflow: hidden;
  border-top: 0px solid #eee;
}
.smartTableToggle:not(.disabled).active > .smartTableToggleContent {
  padding: 15px;
  max-height: 100%;
  border-top: 1px solid #eee;
}
.XYaxis {
  height: calc(100vh - 280px);
  overflow: hidden;
  margin-top: 10px;
}
.XYaxisGradient {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  overflow: hidden;
  border-radius: 2px;
}
.XYaxisGradient:before {
  content: "";
  position: absolute;
  top: -100%;
  right: -100%;
  width: 200%;
  height: 200%;
  background: #fafafa;
  background-image:
    radial-gradient(
      ellipse,
      #64C84B,
      #8CD24B,
      #AFD21E,
      #D7D200,
      #FFD200,
      #FFBE00,
      #FFAA00,
      #FF9100,
      #FF644B,
      #F54B4B,
      #F54B4B);
  filter: saturate(0.65);
}
.XYaxisBarXaxis,
.XYaxisBarYaxis {
  transition: background 0.25s;
  position: absolute;
  bottom: 26px;
  left: 60px;
  width: calc(100% - 111px);
  height: 34px;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.25);
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 1px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
}
.grid .XYaxisBarXaxis {
  width: calc(100% - 86px);
}
.XYaxisBarYaxis {
  width: calc(100vh - 383px);
  left: 26px;
  transform: rotate(270deg);
  transform-origin: 0% 0%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.grid .XYaxisBarYaxis {
  width: calc(100vh - 368px);
}
.XYaxisBarXaxis:hover,
.XYaxisBarYaxis:hover {
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.XYaxisBarXaxis:after,
.XYaxisBarYaxis:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 34px;
  background: url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  margin-left: 5px;
}
.XYaxisDiagram {
  position: absolute;
  top: 41px;
  left: 60px;
  width: calc(100% - 111px);
  height: calc(100% - 101px);
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 0 10px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 3px;
}
.XYaxisDiagramXaxisPosition {
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 1px;
  height: calc(100% - 2px);
  background: rgba(255, 255, 255, 0.25);
  transform: translate(-1px, 0);
}
.XYaxisDiagramXaxisPosition span {
  position: absolute;
  display: block;
  top: -24px;
  left: -50px;
  width: 100px;
  text-align: center;
  font-size: 11px;
  color: #fff;
}
.XYaxisDiagramYaxisPosition {
  position: absolute;
  bottom: 50%;
  left: 1px;
  width: calc(100% - 2px);
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  transform: translate(0, 1px);
}
.XYaxisDiagramYaxisPosition span {
  position: absolute;
  display: block;
  bottom: -10px;
  right: -110px;
  width: 100px;
  text-align: left;
  font-size: 11px;
  color: #fff;
}
.XYaxisDiagram .avatar {
  transition: all 0.25s;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
  box-shadow: 0 0 0 2px #fff, 0 0 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  z-index: 2;
}
.XYaxisDiagram .avatar:hover,
.XYaxisDiagramGroup:hover .avatar {
  transform: translate(-50%, 50%) scale(1.1);
  box-shadow: 0 0 0 2px #fff, 0 0 50px rgba(0, 0, 0, 0.25);
  z-index: 4;
}
.XYaxisDiagramPast {
  transition: all 0.25s;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: #3296fa;
  border-radius: 50%;
  transform: translate(-50%, 50%);
  box-shadow: 0 0 0 2px #fff, 0 0 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  z-index: 1;
}
.XYaxisDiagramPast:hover,
.XYaxisDiagramGroup:hover .XYaxisDiagramPast {
  transform: translate(-50%, 50%) scale(1.1);
  box-shadow: 0 0 0 2px #fff, 0 0 50px rgba(0, 0, 0, 0.25);
  z-index: 3;
}
.XYaxisDiagramLine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(-1);
}
.XYaxisDiagramLine line {
  transition: all 0.25s;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 2 2;
  vector-effect: non-scaling-stroke;
}
.XYaxisDiagramGroup:hover .XYaxisDiagramLine line {
  stroke-dasharray: 2 0;
}
.XYaxisGrid {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 26px;
  left: 60px;
  width: calc(100% - 88px);
  height: calc(100% - 88px);
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-top-right-radius: 2px;
}
.XYaxisGridRow {
  display: flex;
  flex: 1;
}
.XYaxisGridCell {
  display: flex;
  flex: 1;
  position: relative;
}
.XYaxisGridCell:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.XYaxisGridRow:not(:last-child) .XYaxisGridCell {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.XYaxisGridCellLines {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/linepattern.svg);
  opacity: 0;
}
.XYaxis.development .XYaxisGridCellLines.active {
  opacity: 0.05;
}
.XYaxisGridCellTitle {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background: rgba(0, 0, 0, 0.05);
  padding: 0 10px;
  line-height: 24px;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  text-overflow: ellipsis;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  box-sizing: border-box;
  z-index: 10;
}
.XYaxisGridCell:hover .XYaxisGridCellTitle {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 1);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.XYaxisGridCellTitle.contentEditable {
  font-size: 12px !important;
  line-height: 24px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.XYaxisGridCell:hover .XYaxisGridCellTitle.contentEditable {
  color: rgba(255, 255, 255, 1) !important;
}
.XYaxisGridCell .XYaxisGridCellTitle.contentEditable:not(:focus):hover {
  text-decoration: underline;
}
.XYaxisGridCell .XYaxisGridCellTitle.contentEditable:empty:after {
  color: rgba(255, 255, 255, 0.5) !important;
}
.XYaxisGridCell:hover .XYaxisGridCellTitle.contentEditable:empty:after {
  color: rgba(255, 255, 255, 1) !important;
}
.XYaxisGridCell .XYaxisGridCellTitle.contentEditable:focus:empty:after {
  color: rgba(255, 255, 255, 0.25) !important;
}
.XYaxisGridScroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.XYaxisGridWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 41px 3px 3px 17px;
  box-sizing: border-box;
  overflow: auto;
}
.XYaxisGrid .avatar {
  transition: all 0.25s;
  position: relative;
  box-shadow: 0 0 0 2px #fff, 0 0 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  overflow: visible;
  z-index: 2;
  margin: 0 14px 14px 0;
}
.XYaxisGrid .avatar:hover {
  transform: scale(1.1);
  box-shadow: 0 0 0 2px #fff, 0 0 50px rgba(0, 0, 0, 0.25);
  z-index: 4;
}
.XYaxis.development .XYaxisGrid .avatar.dev:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 16px;
  height: 16px;
  background: #fff url(/img/icons/12/arrow_64c84b.svg) 50% 50% no-repeat;
  border-radius: 8px;
  transform: rotate(-90deg);
}
.XYaxis.development .XYaxisGrid .avatar.up-right:before {
  transform: rotate(-45deg);
}
.XYaxis.development .XYaxisGrid .avatar.right:before {
  transform: rotate(0deg);
}
.XYaxis.development .XYaxisGrid .avatar.down-right:before {
  transform: rotate(45deg);
  background-image: url(/img/icons/12/arrow_ffbe00.svg);
}
.XYaxis.development .XYaxisGrid .avatar.down:before {
  transform: rotate(90deg);
  background-image: url(/img/icons/12/arrow_f54b4b.svg);
}
.XYaxis.development .XYaxisGrid .avatar.down-left:before {
  transform: rotate(135deg);
  background-image: url(/img/icons/12/arrow_f54b4b.svg);
}
.XYaxis.development .XYaxisGrid .avatar.left:before {
  transform: rotate(180deg);
  background-image: url(/img/icons/12/arrow_f54b4b.svg);
}
.XYaxis.development .XYaxisGrid .avatar.up-left:before {
  transform: rotate(225deg);
  background-image: url(/img/icons/12/arrow_ffbe00.svg);
}
.XYaxisGrid .avatar.percent {
  background-color: transparent;
  color: #fff;
  font-size: 12px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.XYaxisGridAvatarColor {
  position: absolute;
  bottom: -3px;
  right: -3px;
  width: 12px;
  height: 12px;
  background: #3296fa;
  border: 2px solid #fff;
  border-radius: 8px;
}
.XYaxisTooltip {
  width: 400px;
  max-height: 300px;
  overflow: auto;
  border-radius: 4px;
  margin: -6px -14px;
}
.XYaxisTooltipSection {
  padding: 15px;
}
a.XYaxisTooltipSection {
  transition: all 0.25s;
  display: block;
  background: rgba(0, 0, 0, 0);
  color: #fff;
}
a.XYaxisTooltipSection:hover {
  background: rgba(0, 0, 0, 0.25);
}
.XYaxisTooltipSection:not(:last-child) {
  border-bottom: 1px solid #444;
}
.XYaxisTooltipSection .avatar {
  margin-right: 15px;
}
.XYaxisTooltipTitle {
  float: left;
  margin-top: 2px;
}
.XYaxisTooltipTitle div,
.XYaxisTooltipElement span {
  display: block;
  font-size: 12px;
  color: #aaa;
}
.XYaxisTooltipElement:not(:last-child) {
  margin-bottom: 15px;
}
.XYaxisTooltipElement div span {
  display: inline-block;
  font-size: 14px;
  color: #666;
  margin: 0 0 0 5px;
}
.XYaxisTooltipElement img {
  display: inline-block;
  vertical-align: top;
  margin: 3px 5px 0 0;
}
.calendarDate {
  position: relative;
  display: table;
  margin: 0 auto;
}
.calendarDateBack,
.calendarDateNext {
  transition: all 0.25s;
  float: left;
  display: block;
  width: 34px;
  height: 34px;
  background: #ccc url(/img/icons/14/back_ffffff.svg) 60% 50% no-repeat;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.calendarDateBack {
  border-top-left-radius: 17px;
  border-bottom-left-radius: 17px;
}
.calendarDateNext {
  background-image: url(/img/icons/14/next_ffffff.svg);
  background-position: 40% 50%;
  border-top-right-radius: 17px;
  border-bottom-right-radius: 17px;
}
.calendarDateBack:hover,
.calendarDateNext:hover {
  background-color: #3296fa;
}
.calendarDateTitle {
  transition: all 0.25s;
  float: left;
  display: block;
  height: 32px;
  background: rgba(255, 255, 255, 0.5);
  line-height: 33px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  overflow: hidden;
  padding: 0 5px 0 15px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.calendarDateTitle:hover,
.calendarDateTitle.active {
  background: rgba(255, 255, 255, 1);
  color: #3296fa;
}
.calendarDateTitle:after {
  transition: all 0.25s;
  content: "";
  float: right;
  width: 29px;
  height: 32px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 50% 50% no-repeat;
}
.calendarDateTitle.active:after {
  transform: rotate(180deg);
}
.calendarWeekly {
  display: table;
  width: 100%;
  height: 500px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.calendarWeekly:not(.showWeekend) .weekend {
  display: none;
}
.calendarWeeklyTop {
  display: table-row;
  height: 0;
}
.calendarWeeklyTopHolder {
  display: flex;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.calendarWeeklyTop .calendarWeeklyWeeknum {
  float: left;
  width: 63px;
  padding: 6px 0 4px 0;
  text-align: center;
  line-height: 15px;
  font-size: 12px;
  color: #999;
}
.calendarWeeklyTop .calendarWeeklyWeeknum span:last-child {
  display: block;
  font-weight: bold;
}
.calendarWeeklyTop .calendarWeeklyDay {
  overflow: visible !important;
}
.calendarWeeklyTop .calendarWeeklyDay:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 1px;
  height: 172px;
  background: #ddd;
}
.calendarWeeklyTop .calendarWeeklyDayWeekendToggle {
  transition: all 0.25s;
  position: absolute;
  top: 10px;
  right: 0;
  height: 20px;
  line-height: 20px;
  background: #fafafa url(/img/icons/9/arrowleft_aaaaaa.svg) 5px 50% no-repeat;
  padding: 0 5px 0 14px;
  text-transform: uppercase;
  font-size: 0px;
  font-weight: bold;
  color: #aaa;
  overflow: hidden;
  border: 1px solid #ddd;
  border-right: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
}
.calendarWeeklyTop .calendarWeeklyDayWeekendToggle:hover {
  padding: 0 5px 0 19px;
  font-size: 10px;
}
.calendarWeeklyTop .calendarWeeklyDayWeekendToggle.active {
  background-image: url(/img/icons/9/arrowright_aaaaaa.svg);
}
.calendarWeeklyTop .calendarWeeklyDayLabel {
  height: 40px;
  padding: 0 10px;
  white-space: nowrap;
  line-height: 42px;
  overflow: hidden;
}
.calendarWeeklyTop .calendarWeeklyDayLabel.today {
  font-weight: bold;
}
.calendarWeeklyTop .calendarWeeklyDayLabel span:first-child {
  float: left;
  min-width: 20px;
  height: 20px;
  padding: 0 4px;
  text-align: center;
  line-height: 21px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #ddd inset;
  margin: 10px 10px 0 0;
}
.calendarWeeklyTop .calendarWeeklyDay.today .calendarWeeklyDayLabel span:first-child {
  background: #3296fa;
  color: #fff;
  box-shadow: none;
}
.calendarWeeklyAllDay {
  position: relative;
  max-height: 132px;
  overflow-y: auto;
}
.calendarWeeklyAllDay .calendarWeeklyEvent {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: 0 2px 2px 2px;
}
.calendarWeeklyAllDay .calendarWeeklyEventTitle {
  white-space: nowrap;
}
.calendarWeeklyWeek {
  display: table-row;
  height: 100%;
}
.calendarWeeklyWeekHolder {
  display: table-cell;
  position: relative;
}
.calendarWeeklyWeekScroll {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.calendarWeeklyTime {
  float: left;
  width: 63px;
}
.calendarWeeklyTime ul {
  width: 100%;
  padding: 0;
  list-style-type: none;
  margin: 20px 0;
}
.calendarWeeklyTime ul li {
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 12px;
  color: #999;
}
.calendarWeeklyTime ul li:nth-child(2n+1) {
  color: #ccc;
}
.calendarWeeklyDay {
  position: relative;
  float: left;
  width: calc(20% - 13.6px);
  overflow: hidden;
  border-left: 1px solid #ddd;
}
.showWeekend .calendarWeeklyDay {
  width: calc(14.2857142857% - 10px);
}
.calendarWeekly.day .calendarWeeklyDay {
  width: calc(100% - 64px);
}
.calendarWeeklyDay ul {
  width: 100%;
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.calendarWeeklyDay ul li {
  transition: all 0.25s;
  position: relative;
  height: 40px;
  background-position: 50% 50%;
  border-bottom: 1px solid #eee;
}
.calendarWeekly.create .calendarWeeklyDay ul li {
  cursor: pointer;
}
.calendarWeekly.create .calendarWeeklyDay ul li:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background: rgba(100, 200, 75, 0.15) url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  border: 1px solid rgba(100, 200, 75, 0.15);
  border-radius: 3px;
  box-sizing: border-box;
  opacity: 0;
}
.calendarWeekly.create .calendarWeeklyDay ul li:hover:after {
  opacity: 1;
}
.calendarWeeklyDay ul li:last-child {
  border-bottom: 0;
}
.calendarWeeklyPast {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.025);
}
.calendarWeeklyPast.rightNow:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #3296fa;
  z-index: 6;
}
.calendarWeeklyEvent {
  transition: all 0.25s;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  height: 36px;
  background: #3296fa;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-sizing: border-box;
  opacity: 0.9;
}
.calendarWeeklyEvent.past,
.highlight .calendarWeeklyEvent:not(.highlighted):not(.drag) {
  opacity: 0.5;
  filter: grayscale(100%);
}
.calendarWeeklyEvent.past.highlighted {
  filter: grayscale(0%);
}
.highlight .calendarWeeklyEvent.highlighted {
  z-index: 3;
}
.calendarWeeklyEvent.lines:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/img/linepattern.svg);
  background-position: 0 0;
  opacity: 0.1;
  z-index: -1;
}
.calendarWeeklyEvent:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  z-index: 4;
}
.calendarWeeklyEvent.active {
  background-color: #333 !important;
  opacity: 1 !important;
  filter: grayscale(0%) !important;
  box-shadow: 0 0 200px 100px rgba(255, 255, 255, 0.75);
  z-index: 5;
}
.calendarWeeklyEvent.drag {
  transition: box-shadow 0.25s;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  -webkit-user-select: none;
  user-select: none;
  z-index: 2;
}
.calendarWeeklyEvent.drag:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.calendarWeeklyEventDelete {
  transition: all 0.25s;
  position: absolute;
  top: 6px;
  right: 5px;
  display: block;
  width: 22px;
  height: 22px;
  background: url(/img/icons/12/trash_ffffff.svg) 50% 50% no-repeat;
  border-radius: 2px;
  opacity: 0.5;
}
.calendarWeeklyEventDelete:hover {
  background-color: rgba(0, 0, 0, 0.25);
  opacity: 1;
}
.calendarWeeklyEventTitle {
  padding: 10px;
  white-space: normal;
  line-height: 15px;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
}
.calendarWeeklyEventTitle.clock,
.calendarWeeklyEventTitle.event,
.calendarWeeklyEventTitle.private,
.calendarWeeklyEventTitle.onsite,
.calendarWeeklyEventTitle.phone,
.calendarWeeklyEventTitle.birthday,
.calendarWeeklyEventTitle.anniversary,
.calendarWeeklyEventTitle.absence,
.calendarWeeklyEventTitle.holiday,
.calendarWeeklyEventTitle.task,
.calendarWeeklyEventTitle.job,
.calendarWeeklyEventTitle.learning {
  background: url(/img/icons/12/time_ffffff.svg) 10px 11px no-repeat;
  padding-left: 28px;
}
.calendarWeeklyEventTitle.event {
  background-image: url(/img/icons/12/calendar_ffffff.svg);
}
.calendarWeeklyEventTitle.private {
  background-image: url(/img/icons/12/lock_closed_ffffff.svg);
  font-style: italic;
}
.calendarWeeklyEventTitle.onsite {
  background-image: url(/img/icons/12/silhouettes_ffffff.svg);
}
.calendarWeeklyEventTitle.phone {
  background-image: url(/img/icons/12/phone_ffffff.svg);
}
.calendarWeeklyEventTitle.birthday {
  background-image: url(/img/icons/12/cake_ffffff.svg);
}
.calendarWeeklyEventTitle.anniversary {
  background-image: url(/img/icons/12/heart_ffffff.svg);
}
.calendarWeeklyEventTitle.absence {
  background-image: url(/img/icons/12/island_ffffff.svg);
}
.calendarWeeklyEventTitle.holiday {
  background-image: url(/img/icons/12/notallowed_ffffff.svg);
}
.calendarWeeklyEventTitle.task {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.calendarWeeklyEventTitle.job {
  background-image: url(/img/icons/12/bag_ffffff.svg);
}
.calendarWeeklyEventTitle.learning {
  background-image: url(/img/icons/12/education_ffffff.svg);
}
.calendarWeeklyEventDrag {
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  height: 11px;
  cursor: ns-resize;
}
.calendarWeeklyEventDrag:before,
.calendarWeeklyEventDrag:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 2px;
  left: calc(50% - 6px);
  width: 12px;
  height: 2px;
  background: #000;
  border-radius: 1px;
  opacity: 0.25;
}
.calendarWeeklyEventDrag:after {
  top: 5px;
}
.calendarWeeklyEventDrag:hover:before,
.calendarWeeklyEventDrag:hover:after {
  opacity: 0.5;
}
.calendarTooltipEvent {
  max-width: 300px;
  overflow: hidden;
  border-radius: 4px;
  margin: -6px -14px;
}
.calendarTooltipEventUser {
  background: #3296fa;
  padding: 5px 15px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  font-style: italic;
  color: #fff;
  border: 1px solid #000;
  border-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset;
}
.calendarTooltipEventTitle {
  transition: all 0.25s;
  position: relative;
  display: block;
  background: #000;
  padding: 16px 15px 14px 15px;
  line-height: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.calendarTooltipEventTitle.event,
.calendarTooltipEventTitle.private,
.calendarTooltipEventTitle.onsite,
.calendarTooltipEventTitle.phone,
.calendarTooltipEventTitle.birthday,
.calendarTooltipEventTitle.anniversary,
.calendarTooltipEventTitle.holiday,
.calendarTooltipEventTitle.absence,
.calendarTooltipEventTitle.task,
.calendarTooltipEventTitle.job,
.calendarTooltipEventTitle.learning {
  background: #000 url(/img/icons/12/calendar_f54b4b.svg) 15px 19px no-repeat;
  padding-left: 37px;
}
.calendarTooltipEventTitle.private {
  background-image: url(/img/icons/12/lock_closed_aaaaaa.svg);
}
.calendarTooltipEventTitle.onsite {
  background-image: url(/img/icons/12/silhouettes_3296fa.svg);
}
.calendarTooltipEventTitle.phone {
  background-image: url(/img/icons/12/phone_64c84b.svg);
}
.calendarTooltipEventTitle.birthday {
  background-image: url(/img/icons/12/cake_aaaaaa.svg);
}
.calendarTooltipEventTitle.anniversary {
  background-image: url(/img/icons/12/heart_aaaaaa.svg);
}
.calendarTooltipEventTitle.holiday {
  background-image: url(/img/icons/12/notallowed_aaaaaa.svg);
}
.calendarTooltipEventTitle.absence {
  background-image: url(/img/icons/12/island_aaaaaa.svg);
}
.calendarTooltipEventTitle.task {
  background-image: url(/img/icons/12/checkmark_aaaaaa.svg);
}
.calendarTooltipEventTitle.job {
  background-image: url(/img/icons/12/bag_aaaaaa.svg);
}
.calendarTooltipEventTitle.learning {
  background-image: url(/img/icons/12/education_aaaaaa.svg);
}
a.calendarTooltipEventTitle {
  padding-right: 39px;
}
a.calendarTooltipEventTitle:hover {
  background-color: #222;
}
a.calendarTooltipEventTitle:before {
  content: "";
  position: absolute;
  top: calc(50% - 19px);
  right: 0;
  width: 39px;
  height: 39px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
}
.calendarTooltipEventLink {
  transition: all 0.25s;
  display: block;
  position: relative;
  background: url(/img/icons/12/link_aaaaaa.svg) 15px 18px no-repeat;
  padding: 15px 39px 15px 37px;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #444;
}
.calendarTooltipEventLink.job {
  background-image: url(/img/icons/12/bag_aaaaaa.svg);
}
.calendarTooltipEventLink:hover {
  background-color: #222;
}
.calendarTooltipEventLink:after {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: 0;
  width: 24px;
  height: 24px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 0 50% no-repeat;
}
.calendarTooltipEventPerson {
  transition: all 0.25s;
  display: block;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% - 15px) 50% no-repeat;
  padding: 15px 39px 15px 15px;
  color: #fff;
  text-decoration: none;
  border-top: 1px solid #444;
}
.calendarTooltipEventPerson:hover {
  background-color: #222;
}
.calendarTooltipEventPerson span {
  display: block;
  padding-left: 10px;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 6px 0 -6px 0;
}
.calendarTooltipEventPerson span:last-of-type {
  font-size: 12px;
  color: #999;
}
.calendarTooltipEventInfo {
  padding: 15px;
  border-top: 1px solid #444;
}
.calendarTooltipEventInfoElement {
  display: block;
  background: url(/img/icons/12/infosign_aaaaaa.svg) 0 4px no-repeat;
  padding-left: 22px;
  line-height: 20px;
  color: #fff;
  text-decoration: none;
}
a.calendarTooltipEventInfoElement {
  color: #96C8FA;
}
.calendarTooltipEventInfoElement:not(:last-child) {
  margin-bottom: 10px;
}
.calendarTooltipEventInfoElement.attendees {
  background-image: url(/img/icons/12/silhouettes_aaaaaa.svg);
  background-position: 0 9px;
}
.calendarTooltipEventAvatarscroll {
  width: 100%;
  padding: 0 !important;
  box-sizing: border-box;
  overflow: auto;
}
.calendarTooltipEventAvatarscrollHolder {
  padding: 15px;
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}
.calendarTooltipEventAvatarscroll .avatars {
  height: 40px;
  padding-right: 15px;
}
.calendarTooltipEventAvatarscroll .avatars .avatar {
  position: relative;
  float: none;
  display: inline-block;
  vertical-align: top;
  overflow: visible;
}
.calendarTooltipEvent .avatar {
  position: relative;
  overflow: visible;
  box-shadow: 0 0 0 2px #333 !important;
}
.calendarTooltipEvent .avatar.rejected:before,
.calendarTooltipEvent .avatar.noanswer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f54b4b;
  border-radius: 50%;
  opacity: 0.5;
}
.calendarTooltipEvent .avatar.noanswer:before {
  background: #333;
}
.calendarTooltipEvent .avatar.accepted:after,
.calendarTooltipEvent .avatar.rejected:after,
.calendarTooltipEvent .avatar.noanswer:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: calc(50% - 5px);
  width: 6px;
  height: 6px;
  background: #64c84b;
  border: 2px solid #fff;
  border-radius: 50%;
}
.calendarTooltipEvent .avatar.accepted:after,
.calendarTooltipEvent .avatar.rejected:after,
.calendarTooltipEvent .avatar.noanswer:after {
  border: 2px solid #333;
}
.calendarTooltipEvent .avatar.rejected:after {
  background: #f54b4b;
}
.calendarTooltipEvent .avatar.noanswer:after {
  background: #ffd200;
}
.tooltip_templates {
  display: none;
}
.tooltip_menu {
  margin: -6px -14px;
}
.tooltip_menu a {
  transition: all 0.25s;
  display: block;
  height: 40px;
  background: url(/img/icons/12/link_aaaaaa.svg) 14px 14px no-repeat;
  padding: 0 40px;
  line-height: 41px;
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 3px;
}
.tooltip_menu:first-child a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.tooltip_menu:last-child a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tooltip_menu a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.contentPadding {
  padding: 25px;
  border-bottom: 1px solid #e5e5e5;
}
.contentPadding:last-child {
  border-bottom: 0;
}
.contentToggleBar {
  transition: all 0.25s;
  position: relative;
  padding: 20px 66px 20px 25px;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
  margin-top: -1px;
}
.contentToggleBar:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.contentToggleBar.disabled {
  background: #fafafa;
}
.contentToggleBar:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 66px;
  background: url(/img/careersite/down.svg) 50% 50% no-repeat;
}
.contentToggleBar.active:after {
  transform: rotate(180deg);
}
.contentToggleBar.disabled:after {
  opacity: 0;
}
.contentToggle {
  border-top: 1px solid #e5e5e5;
}
.infomessage {
  position: relative;
  background: rgba(50, 150, 250, 0.1);
  padding: 15px;
  border: 1px solid rgba(50, 150, 250, 0.25);
  border-radius: 3px;
}
.infomessage.mini {
  padding: 10px;
  font-size: 12px;
}
.infomessage.success {
  background: rgba(100, 200, 75, 0.1);
  border: 1px solid rgba(100, 200, 75, 0.25);
}
.infomessage.warning {
  background: rgba(255, 255, 0, 0.1);
  border: 1px solid rgba(255, 170, 0, 0.25);
}
.infomessage.notallowed {
  background: rgba(245, 75, 75, 0.1);
  border: 1px solid rgba(245, 75, 75, 0.25);
}
.infomessage:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 30px;
  height: 30px;
  background: rgb(50, 150, 250) url(/img/icons/12/info_ffffff.svg) 6px 7px no-repeat;
  border-radius: 3px 0 30px 0;
}
.infomessage.success:before {
  background-color: rgb(100, 200, 75);
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.infomessage.warning:before {
  background-color: rgb(255, 170, 0);
  background-image: url(/img/icons/12/warning_ffffff.svg);
}
.infomessage.notallowed:before {
  background-color: rgb(245, 75, 75);
  background-image: url(/img/icons/12/notallowed_ffffff.svg);
}
.infomessage span {
  content: "";
  float: right;
  width: calc(100% - 30px);
}
.infomessage ul {
  padding-left: 20px;
  margin: 5px 0 0 0;
}
.popup {
  transition: height 0s linear 0.5s, opacity 0.5s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.35);
  background: radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.75));
  z-index: 200;
  opacity: 0;
  overflow: hidden;
}
.popup.active {
  transition: height 0s, opacity 0.5s;
  height: 100%;
  opacity: 1;
}
.popup .holder {
  transition: all 0.5s;
  position: absolute;
  top: 45%;
  left: 50%;
  max-width: calc(100% - 50px);
  max-height: calc(100% - 50px);
  transform: translate(-50%, -50%);
  margin-right: -50%;
}
.activeSelection .popup {
  z-index: 198;
}
.popup.fullscreen .holder {
  top: 50%;
  left: 45%;
}
.popup.fullscreenExtra .holder {
  top: 0;
  left: -5%;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  transform: none;
}
.popup.active .holder {
  top: 50%;
}
.popup.fullscreen.active .holder {
  left: 50%;
}
.activeSelection .popup.fullscreen.active .holder {
  top: calc(50% - 32px);
}
@media (max-width: 1200px), (max-height: 800px) {
  .activeSelection .popup.fullscreen.active .holder {
    top: 0;
  }
}
.popup.fullscreenExtra.active .holder {
  top: 0;
  left: 0;
}
.popup .content {
  position: relative;
  float: left;
  width: 400px;
  max-width: calc(100vw - 110px);
  max-height: calc(100vh - 50px);
  background: #fff;
  overflow: auto;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.popup .content:last-child {
  max-width: 100%;
}
.popup.fullscreen .content {
  transition: height 0.5s;
  width: 1500px;
  height: calc(100vh - 50px);
}
.activeSelection .popup.fullscreen .content {
  height: calc(100vh - 114px);
}
@media (max-width: 1200px), (max-height: 800px) {
  .activeSelection .popup.fullscreen .content {
    height: calc(100vh - 64px);
  }
}
.popup.fullscreenExtra .content {
  width: calc(100% - 70px);
  max-width: calc(100% - 70px);
  height: 100vh;
  max-height: 100vh;
  border-radius: 0;
}
.popup.fullscreenExtra .content:last-child {
  width: 100%;
  max-width: 100%;
}
.popup .actions {
  float: left;
  margin: 15px -10px 0 15px;
}
.popup .actions .close,
.popup .actions .prev,
.popup .actions .next,
.popup .actions .fullscreen {
  transition: all 0.25s;
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  clear: left;
  margin-bottom: 15px;
}
.popup .actions .next {
  transform: rotateY(180deg);
}
.popup .actions .disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.popup .actions .fullscreen {
  background: #3296fa url(/img/fullscreen.svg) 50% 50% no-repeat;
}
.popup.fullscreenExtra .actions .fullscreen {
  background: #f54b4b url(/img/fullscreen_close.svg) 50% 50% no-repeat;
}
.popup.fullscreenExtra .actions .close,
.popup.fullscreenExtra .actions .prev,
.popup.fullscreenExtra .actions .next,
.popup.fullscreenExtra .actions .fullscreen {
  width: 40px;
  height: 40px;
}
.popup .actions .close:hover,
.popup .actions .prev:hover,
.popup .actions .next:hover {
  background-color: #fff;
}
.popup .actions .close:active,
.popup .actions .prev:active,
.popup .actions .fullscreen:active {
  transform: scale(0.85);
}
.popup .actions .next:active {
  transform: scale(0.85) rotateY(180deg);
}
.popup .actions .fullscreen:hover,
.popup .actions .fullscreen:active {
  background-color: #3296fa;
  transform: scale(1.15);
}
.popup.fullscreenExtra .actions .fullscreen:hover,
.popup.fullscreenExtra .actions .fullscreen:active {
  background-color: #3296fa;
  transform: scale(1);
}
.popup .actions .close span,
.popup .actions .prev span,
.popup .actions .next span {
  display: block;
  width: 26px;
  height: 26px;
  transform: rotate(45deg);
  margin: 12px 0 0 12px;
}
.popup .actions .prev span,
.popup .actions .next span {
  transform: rotate(135deg);
  margin-left: 7px;
}
.popup.fullscreenExtra .actions .close span,
.popup.fullscreenExtra .actions .prev span,
.popup.fullscreenExtra .actions .next span {
  margin: 7px 0 0 7px;
}
.popup.fullscreenExtra .actions .prev span,
.popup.fullscreenExtra .actions .next span {
  margin-left: 2px;
}
.popup .actions .close span:before,
.popup .actions .close span:after,
.popup .actions .prev span:before,
.popup .actions .prev span:after,
.popup .actions .next span:before,
.popup .actions .next span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 26px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.popup .actions .close span:after,
.popup .actions .prev span:after,
.popup .actions .next span:after {
  top: 0;
  left: 12px;
  width: 2px;
  height: 26px;
}
.popup .actions .prev span:before,
.popup .actions .next span:before {
  width: 14px;
}
.popup .actions .prev span:after,
.popup .actions .next span:after {
  height: 14px;
}
.popup .actions .close:hover span:before,
.popup .actions .close:hover span:after {
  background: #F54B4B;
}
.popup .actions .prev:hover span:before,
.popup .actions .prev:hover span:after,
.popup .actions .next:hover span:before,
.popup .actions .next:hover span:after {
  background: #3296fa;
}
@media (max-width: 1200px), (max-height: 800px) {
  .popup.fullscreen .holder {
    top: 0;
    left: -5%;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    transform: none;
  }
  .popup.fullscreen.active .holder {
    left: 0;
  }
  .popup.fullscreen .content {
    width: calc(100% - 70px);
    max-width: calc(100% - 70px);
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;
  }
  .popup.fullscreen .content:last-child {
    width: 100%;
    max-width: 100%;
  }
  .popup.fullscreen .actions .close,
  .popup.fullscreen .actions .prev,
  .popup.fullscreen .actions .next,
  .popup.fullscreen .actions .fullscreen {
    width: 40px;
    height: 40px;
  }
  .popup.fullscreen .actions .close span,
  .popup.fullscreen .actions .prev span,
  .popup.fullscreen .actions .next span {
    margin: 7px 0 0 7px;
  }
  .popup.fullscreen .actions .prev span,
  .popup.fullscreen .actions .next span {
    margin-left: 2px;
  }
}
.popmessage {
  transition: all 0.25s;
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0;
  transform: scale(0);
  z-index: 300;
}
.popmessage.active {
  transition: all 0.5s;
  transform: scale(1);
}
.popmessage div {
  position: absolute;
  top: 0;
  left: 50%;
  height: 80px;
  background: rgba(50, 150, 250, 0.9);
  padding: 0 40px;
  font-size: 24px;
  line-height: 81px;
  color: #fff;
  overflow: hidden;
  border-radius: 50px;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 0, 0, 0.15);
}
.popmessage.success div {
  background: rgba(100, 200, 75, 0.9);
}
.popmessage.dark div {
  background: rgba(153, 153, 153, 0.9);
}
.popmessage.warning div {
  background: rgba(245, 75, 75, 0.9);
}
.popmessage div img {
  transition: all 0.75s;
  float: right;
  margin: 34px 1px 0 -40px;
  opacity: 0;
  transform: scale(0) rotate(-90deg);
}
.popmessage.active div img {
  margin-left: 21px;
  opacity: 1;
  transform: scale(2) rotate(0deg);
}
@media (max-width: 600px) {
  .popmessage div {
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 41px;
    border-radius: 25px;
  }
  .popmessage div img {
    margin: 14px 1px 0 -20px;
  }
  .popmessage.active div img {
    margin-left: 10px;
    transform: scale(1) rotate(0deg);
  }
}
.hoverparent {
  position: relative;
}
.hoverdelete {
  transition: all 0.25s;
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.hoverdelete:hover {
  background: #F54B4B;
}
.hoverdelete span {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}
.hoverdelete span:before,
.hoverdelete span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 2px;
  background: #F54B4B;
  border-radius: 1px;
}
.hoverdelete span:after {
  top: 0;
  left: 4px;
  width: 2px;
  height: 10px;
}
.hoverdelete:hover span:before,
.hoverdelete:hover span:after {
  background: #fff;
}
.hoveredit {
  transition: all 0.25s;
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff url(/img/icons/12/edit_3296fa.svg) 50% 50% no-repeat;
  background-size: 10px;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.hoveredit:hover {
  background-color: #3296fa;
  background-image: url(/img/icons/12/edit_ffffff.svg);
}
.hoverparent:hover > .hoverdelete,
.hoverparent:hover > .hoveredit {
  opacity: 1;
}
.hoverdelete.secondary,
.hoveredit.secondary {
  top: 15px;
}
.hoverdelete.bottom,
.hoveredit.bottom {
  top: auto;
  bottom: -10px;
}
.hoverdelete.left,
.hoveredit.left {
  right: auto;
  left: -10px;
}
.boxlink {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.infoicon {
  transition: all 0.25s;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: top;
  background-color: #fff;
  overflow: hidden;
  border: 1px solid rgba(50, 150, 250, 0.5);
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  margin: 3px 0 0 5px;
}
.infoicon:hover {
  background-color: #3296fa;
  border-color: rgba(50, 150, 250, 1);
}
.infoicon:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(/img/icons/12/info_3296fa.svg) 50% 50% no-repeat;
  transform: scale(0.6666);
}
.infoicon:hover:before {
  background-image: url(/img/icons/12/info_ffffff.svg);
}
.sysnotifications {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 400;
}
.activeSelection .sysnotifications {
  top: 0;
  bottom: inherit;
}
.sysnotification {
  float: left;
  width: 100%;
  position: relative;
  background: #333;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.sysnotification.red {
  background: #F54B4B;
}
.sysnotification .text {
  float: left;
  width: calc(100% - 100px);
  padding: 25px 0 25px 100px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
}
.sysnotification .text a {
  color: #fff;
}
.sysnotification .hide {
  transition: all 0.25s;
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.25) url(/img/icons/12/cross_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 15px;
}
.sysnotification .hide:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 700px) {
  .sysnotification .text {
    width: calc(100% - 60px);
    padding: 15px 0 15px 25px;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
  }
}
.rotation {
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.accessAreasPermissions {
  max-height: calc(100vh - 340px);
  background: #f3f3f3;
  overflow: auto;
}
.accessAreas .contentbox {
  overflow: hidden;
}
.accessAreaRow {
  position: relative;
  height: 50px;
  overflow: hidden;
}
.accessAreaRow:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.accessAreaRow:hover {
  background: rgba(255, 255, 0, 0.05) !important;
}
.accessAreaRow.top.closed {
  margin-bottom: -1px;
}
.disabled .accessAreaRow,
.accessAreaRow.off {
  background: rgba(245, 75, 75, 0.025) !important;
}
.disabled .accessAreaRow:hover,
.accessAreaRow.off:hover {
  background: rgba(245, 75, 75, 0.05) !important;
}
.accessAreaRow:before {
  transition: all 0.25s;
  content: "";
  float: left;
  width: 20px;
  height: 20px;
  background: url(/img/icons/9/arrowdown_3296fa.svg) 50% 50% no-repeat;
  margin: 15px;
  transform: rotate(-90deg);
}
.accessAreaRow.top:before {
  transform: rotate(0deg);
}
.disabled .accessAreaRow:before,
.accessAreaRow.off:before {
  filter: saturate(0);
  opacity: 0.5;
}
.accessAreaRow.top:not(.closed):before {
  transform: rotate(180deg);
}
.accessAreaRow.top.noToggle:before {
  transform: rotate(-90deg);
}
.accessAreaRowAccess {
  transition: all 0.25s;
  position: relative;
  float: right;
  padding: 10px 5px 10px 15px;
  z-index: 1;
}
.disabled .accessAreaRowAccess {
  transform: translate(100%, 0);
  opacity: 0;
}
.accessAreaRowAccess .circlebutton {
  float: left !important;
  margin: 0 10px 0 0 !important;
  opacity: 0.5;
}
.accessAreaRow:hover .accessAreaRowAccess .circlebutton,
.smartTableElement:hover .accessAreaRowAccess .circlebutton {
  opacity: 1;
}
.accessAreaRowAccessSetting {
  transition: all 0.25s;
  float: left;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.15) url(/img/icons/12/eye_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 0 10px 0 0 !important;
  cursor: pointer;
}
.accessAreaRowAccessSetting:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.accessAreaRowAccessSetting.active {
  background-color: #64c84b;
}
.accessAreaRowAccessSetting.disabled {
  opacity: 0.15;
}
.accessAreaRowAccessSetting.hide {
  background-image: url(/img/icons/12/eye_none_ffffff.svg);
}
.accessAreaRowAccessSetting.hide.active {
  background-color: #f54b4b;
}
.accessAreaRowAccessSetting.own {
  background-image: url(/img/icons/12/silhouette_ffffff.svg);
}
.accessAreaRowAccessSetting.own.active {
  background-color: #ffbe00;
}
.accessAreaRowAccessSetting.custom {
  background-image: url(/img/icons/12/cogwheel_ffffff.svg);
}
.accessAreaRowAccessSetting.custom.active {
  background-color: #3296fa;
}
.accessAreaRowAccessSetting.all {
  background-image: url(/img/icons/12/company_ffffff.svg);
}
.accessAreaRowAccessSetting.all.active {
  background-color: #64c84b;
}
.accessAreaRowAccessSetting.delete {
  background-image: url(/img/icons/12/trash_ffffff.svg);
}
.accessAreaRowAccessSetting.widgets {
  background-image: url(/img/icons/12/tiles_ffffff.svg);
}
.accessAreaRowAccessSetting.widgets:not(.disabled) {
  background-color: #3296fa;
}
.accessAreaRowAccessSetting.read.active {
  background-color: #666;
}
.accessAreaRowAccessSetting.optional {
  background-image: url(/img/icons/12/lock_open_ffffff.svg);
}
.accessAreaRowAccessSetting.optional.active {
  background-color: #3296fa;
}
.accessAreaRowAccessSetting.mandatory {
  background-image: url(/img/icons/12/lock_closed_ffffff.svg);
}
.accessAreaRowAccessSetting.mandatory.active {
  background-color: #ff9100;
}
.accessAreaRowAccessSetting.default {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #f54b4b;
}
.accessAreaRowAccessSetting.default.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #64c84b;
}
.accessAreaRowTitle {
  transition: all 0.25s;
  padding: 15px 0 15px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.accessAreaRow.top:not(.normal) .accessAreaRowTitle {
  padding: 16px 0 14px 0;
  font-weight: bold;
  font-size: 16px;
}
.accessAreaRow.off .accessAreaRowTitle,
.disabled .accessAreaRowTitle {
  color: #c82323;
}
.accessAreaRowTitle .arrow {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 20px;
  background: url(/img/icons/9/arrowdown_3296fa.svg) 50% 50% no-repeat;
  transform: rotate(-90deg);
  filter: saturate(0);
  opacity: 0.5;
}
.accessAreaRow.top .accessAreaRowTitle .arrow {
  margin-top: -1px;
}
.accessAreaRowTitle .number {
  display: inline-block;
  vertical-align: top;
  min-width: 20px;
  height: 20px;
  background: #3296fa;
  padding: 0 5px;
  line-height: 21px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 10px;
}
.accessAreaRow.top .accessAreaRowTitle .arrow,
.accessAreaRow.top .accessAreaRowTitle .number {
  margin-top: -1px;
}
.accessAreaRow.top .boxlink {
  cursor: pointer !important;
}
.accessCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.accessCriteria {
  padding-top: 5px;
}
.accessCriteriaSplitLeftOption {
  float: left;
  width: 50%;
}
.accessCriteriaSplitRightOption {
  float: left;
  margin-left: 5px;
  width: calc(50% - 5px);
}
.accessCriteriaQuestion,
.accessCriteriaOption {
  float: left;
  width: 35%;
}
.accessCriteriaQuestion {
  margin-right: 5px;
}
.accessCriteriaOption {
  margin-left: 5px;
}
.accessCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.accessCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.accessCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.accessCriteriaActions .button {
  margin-left: 5px;
}
.accessCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .accessCriteriaSort {
  cursor: grabbing;
}
.disableSort .accessCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.accessCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.accessCriteriaSort span:before,
.accessCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.accessCriteriaSort:hover span,
.accessCriteriaSort:hover span:before,
.accessCriteriaSort:hover span:after,
.ui-sortable-helper .accessCriteriaSort span,
.ui-sortable-helper .accessCriteriaSort span:before,
.ui-sortable-helper .accessCriteriaSort span:after {
  background: #3296fa;
}
.accessCriteriaSort span:after {
  top: 6px;
}
.accessTabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
}
.accessTabsTab {
  display: table-cell;
  vertical-align: top;
  line-height: 0;
  font-size: 0;
  border-right: 1px solid #ddd;
}
.accessTabsTab:last-child {
  border-right: 0;
}
.accessTabs a {
  transition: all 0.25s;
  position: relative;
  display: block;
  padding: 20px;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  text-overflow: ellipsis;
  height: 31px;
  overflow: hidden;
  box-shadow: 0 -1px 0 #ddd inset;
}
.accessTabs a.active {
  box-shadow: 0 -3px 0 rgb(50, 150, 250) inset;
}
.accessTabs a:before {
  transition: background-color 0.25s;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #aaa;
  border-radius: 50%;
}
.accessTabs a:hover:before {
  background-color: #666;
}
.accessTabs a.active:before {
  background-color: rgb(50, 150, 250);
}
.accessTabs a img {
  display: inline-block;
  margin: 9px 21px 9px -21px;
}
.accessTabs a span {
  transition: all 0.25s;
  display: inline-block;
  height: 30px;
  line-height: 31px;
  font-weight: bold;
  font-size: 14px;
  color: #999;
  overflow: hidden;
}
.accessTabs a:hover span,
.accessTabs a.active span {
  color: #000;
}
.demoslides {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgba(255, 255, 0, 0.75);
  padding: 10px;
  border-radius: 25px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  z-index: 500;
}
.demoslides a {
  transition: all 0.25s;
  float: left;
  display: block;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  margin: 5px;
}
.demoslides a:hover {
  background: rgba(0, 0, 0, 1);
}
.gray-text {
  font-weight: 300;
  color: #999;
}

/* apps/shared-assets/css/platform.css */
html,
body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
html {
  overflow: hidden;
}
body {
  visibility: hidden;
  min-width: 980px;
  background-color: #f3f3f3;
  font-family:
    "ProximaNova",
    Arial,
    Verdana;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
a {
  text-decoration: underline;
  color: #3296FA;
  outline: none;
}
a:hover {
  text-decoration: none;
}
img {
  border: 0px;
}
input,
.contentEditable {
  font-family:
    "ProximaNova",
    Arial,
    Verdana;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  outline: none;
  -webkit-user-select: text;
  user-select: text;
}
.platform_topbar {
  position: fixed;
  height: 60px;
  top: 0;
  left: 0;
  width: 100%;
  background: #194B7D;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  z-index: 100;
}
.platform_topmenu {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1);
}
.platform_topmenu:hover,
.platform_topmenu.active {
  background: #3296FA;
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0);
}
.platform_topmenu.active:hover {
  background: #F54B4B;
}
.platform_topmenu span,
.platform_topmenu span:before,
.platform_topmenu span:after {
  transition: all 0.25s;
  position: absolute;
  top: 29px;
  left: 22px;
  width: 16px;
  height: 2px;
  background: #fff;
  content: "";
  border-radius: 1px;
}
.platform_topmenu.active span {
  background: rgba(255, 255, 255, 0);
  width: 0;
}
.platform_topmenu span:before {
  top: -5px;
  left: 0;
}
.platform_topmenu.active span:before {
  top: 0;
  transform: rotate(45deg);
}
.platform_topmenu span:after {
  top: 5px;
  left: 0;
}
.platform_topmenu.active span:after {
  top: 0;
  transform: rotate(-45deg);
}
.platform_toplogo img {
  float: left;
  margin: 14px 25px 0 25px;
}
.platform_topsysnotify {
  animation: platform_topsysnotify 4s infinite;
  float: left;
  width: 30px;
  height: 30px;
  background: #F54B4B url(/img/icons/12/bell_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-top: 15px;
}
@keyframes platform_topsysnotify {
  0% {
    transform: rotate(0deg) scale(1);
  }
  5% {
    transform: rotate(-90deg) scale(0.75);
  }
  10% {
    transform: rotate(45deg) scale(1);
  }
  15% {
    transform: rotate(-35deg) scale(1);
  }
  20% {
    transform: rotate(25deg) scale(1);
  }
  25% {
    transform: rotate(-15deg) scale(1);
  }
  30% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
.platform_topright {
  position: absolute;
  top: 0;
  right: 85px;
}
.platform_topicons {
  float: left;
  height: 60px;
  padding-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.platform_topicon {
  transition: all 0.5s;
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
  cursor: pointer;
  margin: 15px 15px 0 0;
}
.platform_topicon.notify {
  animation: topIconNotify 4s infinite;
}
@keyframes topIconNotify {
  0% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
  }
  50% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset;
  }
  75% {
    box-shadow: 0 0 0 16px rgba(255, 255, 255, 0.1) inset, 0 0 0 0 rgba(0, 0, 0, 0.25);
  }
  100% {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 0 0 30px rgba(0, 0, 0, 0);
  }
}
.platform_topicon:before {
  transition: all 0.5s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
}
.platform_topicon.messages:hover:before,
.platform_topicon.messages.active:before {
  box-shadow: 0 0 0 16px rgba(50, 150, 250, 1) inset;
}
.platform_topicon.events:hover:before,
.platform_topicon.events.active:before {
  box-shadow: 0 0 0 16px rgba(255, 100, 75, 1) inset;
}
.platform_topicon.tasks:hover:before,
.platform_topicon.tasks.active:before {
  box-shadow: 0 0 0 16px rgba(100, 200, 75, 1) inset;
}
.platform_topicon:after {
  content: "";
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  background: url(/img/icons/12/letter_ffffff.svg) 50% 50% no-repeat;
}
.platform_topicon.messages:after {
  background-image: url(/img/icons/12/letter_ffffff.svg);
}
.platform_topicon.events:after {
  background-image: url(/img/icons/12/calendar_ffffff.svg);
}
.platform_topicon.tasks:after {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.platform_topicon span {
  transition: all 0.25s;
  position: absolute;
  top: -1px;
  right: -1px;
  min-width: 10px;
  height: 10px;
  background: #F54B4B;
  padding: 0 2px;
  text-align: center;
  line-height: 11px;
  letter-spacing: -0.5px;
  font-size: 6px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #194B7D;
}
.platform_topicon span:not(.important) {
  background: #FFD200;
  color: #194B7D;
}
.platform_topavatar {
  transition: all 0.1s;
  position: relative;
  display: block;
  float: left;
  height: 30px;
  line-height: 31px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  margin: 15px 0 0 25px;
}
.platform_topavatar:hover,
.platform_topavatar.active {
  line-height: 28px;
}
.platform_topavatar:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 20px;
  left: calc(50% + 20px);
  width: 0;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  opacity: 0;
}
.platform_topavatar:hover:before,
.platform_topavatar.active:before {
  left: 40px;
  width: calc(100% - 40px);
  opacity: 0.5;
}
.platform_topavatar.active:before {
  opacity: 1;
}
.platform_topavatar .avatar {
  margin-right: 10px;
}
.platform_topsearch {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 60px;
  height: 60px;
  background-image: url(/img/icons/12/search_ffffff.svg);
  background-repeat: no-repeat;
  background-position: 24px 50%;
  cursor: text;
  overflow: hidden;
  box-shadow: 1px 0 0 0 rgba(255, 255, 255, 0.1) inset;
}
.platform_topsearch:hover,
.platform_topsearch.active {
  background-color: #3296FA;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0);
}
.platform_topsearch.active {
  width: 600px;
}
.platform_topsearch input {
  width: 100%;
  background: none;
  padding: 15px 0 0 60px;
  line-height: 32px;
  font-weight: bold;
  color: #fff;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.platform_content {
  transition: all 0.25s;
  width: 100%;
  padding: 77px 17px 18px 18px;
  box-sizing: border-box;
}
.activeSelection .platform_content {
  padding-bottom: 82px;
}
.platform_content_holder {
  width: 100%;
  padding: 8px 8px 7px 7px;
  box-sizing: border-box;
}
.platform_content_sectionheader {
  position: relative;
  min-height: 30px;
  background: #fff;
  padding: 25px;
  border-bottom: 1px solid #e5e5e5;
  margin: -17px -17px 17px -18px;
}
.platform_content_sectionheaderBack {
  transition: all 0.25s;
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background: #ccc url(/img/icons/14/back_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-right: 15px;
}
.platform_content_sectionheaderBack:hover {
  background-color: #3296fa;
}
.platform_content_sectionheaderBack:active {
  transform: scale(0.95);
}
.platform_content_sectionheaderButtons {
  float: right;
}
.platform_content_sectionheaderButtons .circlebutton {
  margin-left: 15px;
}
.platform_content_sectionheaderHeadline {
  height: 30px;
  line-height: 32px;
  font-size: 24px;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.platform_content_sectionheaderHeadline .link {
  transition: all 0.25s;
  display: inline-block;
  height: 30px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% + 20px) 50% no-repeat;
  line-height: 30px;
  text-decoration: none;
  color: #000;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.platform_content_sectionheaderHeadline .link:hover {
  background-position: calc(100% - 9px) 50%;
  padding: 0 30px 0 16px;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa inset;
  border-radius: 15px;
}
.platform_content_sectionheaderHeadline .id {
  padding-left: 5px;
  font-weight: 100;
  color: #999;
}
.platform_content_sectionheaderHeadline .link:hover .id {
  color: #3296fa;
}
.platform_content_sectionheaderHeadline .arrow {
  display: inline-block;
  vertical-align: top;
  width: 29px;
  height: 30px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
}
.platform_content_sectionheader .tabs {
  padding: 0 25px;
  margin: 5px -25px -26px -25px;
}
.platform_content_boxmenu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -25px;
}
.platform_content_boxmenu .contentbox {
  transition: all 0.25s;
  display: flex;
  align-items: center;
  width: calc(1/2*100% - (1 - 1/2)*25px);
  min-height: 92px;
  padding: 25px 50px 25px 90px;
  overflow: hidden;
  margin-top: 25px;
}
.platform_content_boxmenu .contentbox:first-child:last-child {
  width: 100%;
}
.platform_content_boxmenu .contentbox:hover {
  padding: 25px 25px 25px 115px;
}
.platform_content_boxmenuText {
  width: 100%;
}
.platform_content_boxmenuIcon {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 100%;
  background: rgba(246, 251, 255, 0);
  box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0) inset;
}
.contentbox:hover .platform_content_boxmenuIcon:not(.noHover) {
  background: #f6fbff;
  box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.025) inset;
}
.platform_content_boxmenuIcon span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background: #ddeeff url(/img/icons/12/menu_3296fa.svg) 50% 50% no-repeat;
  background-size: 18px;
  overflow: hidden;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.platform_content_boxmenuTitle {
  position: relative;
  font-weight: bold;
}
.platform_content_boxmenuDescription {
  position: relative;
  color: #666;
  font-size: 12px;
}
.platform_content_filterLeft,
.platform_content_filterRight {
  transition: all 0.25s;
  position: fixed;
  top: 60px;
  bottom: 0;
  width: 360px;
  background: #eee;
  padding: 0 0 100px 0;
  overflow-y: auto;
}
.platform_content_filterLeft {
  left: 0;
  padding-top: 84px;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.05) inset;
  margin-left: -360px;
}
.activeFilterLeft .platform_content_filterLeft {
  margin-left: 0;
}
.platform_content_filterLeftToggle {
  transition: all 0.25s;
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0px;
  width: 2px;
  background: #3296fa;
  opacity: 0;
  z-index: 1;
  cursor: e-resize;
}
.activeFilterLeft .platform_content_filterLeftToggle {
  left: 359px;
  cursor: w-resize;
}
.platform_content_filterLeftToggle:hover,
body:not(.activeFilterLeft) .platform_content_filterLeftToggle {
  opacity: 1;
}
body:not(.activeFilterLeft) .platform_content_filterLeftToggle:not(:hover),
body:not(.activeFilterLeft) .platform_content_filterLeftToggle:not(:hover):after {
  background-color: #ccc !important;
}
.platform_content_filterLeftToggle:before {
  content: "";
  position: absolute;
  top: 0;
  left: -4px;
  right: -10px;
  bottom: 0;
}
.activeFilterLeft .platform_content_filterLeftToggle:before {
  right: -4px;
}
.platform_content_filterLeftToggle:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background: #3296fa url(/img/icons/12/arrow_ffffff.svg) 22px 50% no-repeat;
  border-radius: 50%;
}
.activeFilterLeft .platform_content_filterLeftToggle:after {
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
  transform: rotate(180deg);
}
.platform_content_filterRight {
  right: 0;
  padding-top: 25px;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset;
  margin-right: -360px;
}
.activeFilterRight .platform_content_filterRight {
  margin-right: 0;
}
.platform_content_filterLeft .platform_content_filterSection,
.platform_content_filterRight .platform_content_filterSection {
  transition: all 0.25s;
  position: fixed;
  top: 60px;
  width: 360px;
  padding: 25px;
  box-sizing: border-box;
  z-index: 3;
}
.platform_content_filterLeft .platform_content_filterSection {
  left: 0;
  margin-left: -360px;
}
.platform_content_filterRight .platform_content_filterSection {
  right: 0;
  margin-right: -360px;
}
.platform_content_filterLeft.scrolled .platform_content_filterSection,
.platform_content_filterRight.scrolled .platform_content_filterSection {
  background: rgba(220, 220, 220, 0.85);
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.05) inset;
}
.activeFilterLeft .platform_content_filterSection {
  margin-left: 0;
}
.activeFilterRight .platform_content_filterSection {
  margin-right: 0;
}
.platform_content_filterElements {
  transition: all 0.5s;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 25px;
}
.platform_content_filterElements.active {
  position: relative;
  height: auto;
  overflow: visible;
  opacity: 1;
}
.platform_content_filterSortable {
  list-style: none;
  padding: 0;
  margin: 0;
}
.platform_content_filterSortable li {
  transition: box-shadow 0.25s;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.platform_content_filterSortable li.ui-sortable-placeholder {
  visibility: visible !important;
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  margin-bottom: 15px;
}
.platform_content_filterSortable li.ui-sortable-helper {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.platform_content_filterSortable li.ui-sortable-helper .platform_content_filterElement {
  border-color: #0099ff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15), 0 0 0 1px #0099ff inset;
  margin-top: 0;
}
.platform_content_filterSortable li.ui-sortable-helper .platform_content_filterDelete {
  opacity: 0;
}
.platform_content_filterElement {
  padding: 15px;
  width: 100%;
  margin-bottom: 15px;
}
.platform_content_filterDelete {
  transition: all 0.25s;
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.platform_content_filterElement:hover .platform_content_filterDelete {
  opacity: 1;
}
.platform_content_filterDelete:hover {
  background: #F54B4B;
}
.platform_content_filterDelete span {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}
.platform_content_filterDelete span:before,
.platform_content_filterDelete span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 2px;
  background: #F54B4B;
  border-radius: 1px;
}
.platform_content_filterDelete span:after {
  top: 0;
  left: 4px;
  width: 2px;
  height: 10px;
}
.platform_content_filterDelete:hover span:before,
.platform_content_filterDelete:hover span:after {
  background: #fff;
}
.platform_content_filterIcon {
  float: left;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 15px;
}
.platform_content_filterIcon img {
  margin: 8px;
}
.platform_content_filterInfo {
  height: 30px;
  line-height: 31px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.platform_content_filterInclude {
  transition: all 0.25s;
  float: right;
  height: 20px;
  padding: 0 6px;
  line-height: 19px;
  text-transform: uppercase;
  font-size: 10px;
  color: #999;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  cursor: pointer;
}
.platform_content_filterInclude:hover {
  background: #f9f9f9;
}
.platform_content_filterHeadline {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 10px;
}
.platform_content_filterScreenForm,
.platform_content_filterScreenOption {
  float: left;
  width: 100%;
}
.platform_content_filterScreenOption:not(:first-child) {
  margin-top: -1px;
}
.platform_content_filterScreenOption .input {
  border-radius: 0;
}
.platform_content_filterScreenOption:first-child .input:first-of-type {
  border-top-left-radius: 3px;
}
.platform_content_filterScreenOption:first-child .input:last-of-type {
  border-top-right-radius: 3px;
}
.platform_content_filterScreenOption:last-child .input:first-of-type {
  border-bottom-left-radius: 3px;
}
.platform_content_filterScreenOption:last-child .input:last-of-type {
  border-bottom-right-radius: 3px;
}
.platform_content_filterScreenOption .input:first-of-type {
  float: left;
  width: calc(80% + 1px);
}
.platform_content_filterScreenOption .input:last-of-type {
  float: right;
  width: 20%;
  margin-left: -1px;
}
.platform_content_filterScreenOption .input.icon:last-child {
  float: left;
  width: 100%;
  margin-left: 0;
}
.platform_content_filterScreenOption .input:hover {
  z-index: 1;
}
.platform_content_filterScreenOption .input.active {
  z-index: 2;
}
.platform_content_filterScreenOption .input:not(.icon):last-of-type input {
  text-indent: 0;
  text-align: center;
}
.platform_content_filterScreenOption .input:not(.icon):last-of-type input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.platform_content_filterScreenOption .input.disabled input {
  cursor: default !important;
}
.platform_content_filterScreenOption .hoverdelete {
  top: 10px;
  right: calc(20% + 9px);
  z-index: 3;
}
.platform_content_filterSaved {
  transition: all 0.25s;
  text-align: center;
  margin: 25px 40px;
}
.platform_content_filterSaved .circlebutton {
  display: inline-block;
  float: none;
}
.platform_content_filterSavedFilters {
  transition: all 0.25s;
  text-align: left;
  opacity: 0.1;
}
.platform_content_filterSaved:hover .platform_content_filterSavedFilters {
  opacity: 1;
}
.platform_content_filterSaved .platform_content_filterHeadline {
  color: #000;
  border-bottom: 1px solid #ddd;
  margin-top: 15px;
  margin-bottom: 0;
}
.platform_content_filterSavedItem {
  height: 30px;
  padding: 0 5px;
  line-height: 31px;
  font-size: 12px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.platform_content_filterSavedLink {
  display: block;
  height: 30px;
  text-decoration: none;
  color: #666;
}
.platform_content_filterSavedLink:hover {
  text-decoration: underline;
}
.platform_content_filterSavedLink span {
  float: right;
  color: #999;
  margin-left: 10px;
}
.platform_content_filterSavedLink div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.platform_content_filterSavedDelete {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 22px;
  height: 30px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 100% 50% no-repeat;
  opacity: 0.25;
}
.platform_content_filterSavedItem:hover .platform_content_filterSavedDelete {
  opacity: 0.5;
}
.platform_content_filterSavedDelete:hover {
  opacity: 1 !important;
}
.platform_content_filterBottom {
  transition: all 0.25s;
  position: fixed;
  bottom: 0;
  width: 310px;
  background: rgba(220, 220, 220, 0.85);
  padding: 25px;
}
.platform_content_filterLeft .platform_content_filterBottom {
  left: 0;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.05) inset;
  margin-left: -360px;
}
.platform_content_filterRight .platform_content_filterBottom {
  right: 0;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset;
  margin-right: -360px;
}
.activeFilterLeft .platform_content_filterBottom {
  margin-left: 0;
}
.activeFilterRight .platform_content_filterBottom {
  margin-right: 0;
}
.platform_content_filterBottom .button {
  width: calc(50% - 5px);
  text-align: center;
}
.platform_content_filterBottom .button:last-child {
  float: right;
}
.platform_content_filterContent {
  transition: all 0.25s;
}
.activeFilterLeft .platform_content_filterContent {
  margin-left: 360px;
}
.activeFilterRight .platform_content_filterContent {
  margin-right: 360px;
}
.platform_lightoverlay {
  transition: opacity 0.25s;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0;
  z-index: 90;
}
.platform_lightoverlay.active {
  height: calc(100% - 60px);
  opacity: 0.25;
}
.platform_sidemenu {
  transition: all 0.25s;
  position: fixed;
  top: 60px;
  left: -260px;
  bottom: 0;
  width: 260px;
  overflow: hidden;
  z-index: 91;
}
.platform_sidemenu.active {
  left: 0;
}
.platform_sidemenu_holder {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: -260px;
  bottom: 0;
  width: 260px;
  background: #333;
  overflow-y: auto;
  z-index: 92;
}
.platform_sidemenu.active .platform_sidemenu_holder.active {
  left: 0;
  box-shadow: 0 0 25px #000;
}
.platform_sidemenu_link {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 60px;
  padding: 0 25px 0 0;
  line-height: 61px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.platform_sidemenu_link:hover,
.platform_sidemenu_link.active {
  background-color: #444;
}
.platform_sidemenu_link:before {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: #3296fa;
}
.platform_sidemenu_link:hover:before,
.platform_sidemenu_link.active:before {
  width: 3px;
}
.platform_sidemenu_link img {
  float: left;
  margin: 24px 15px 0 24px;
}
.platform_sidemenu_back {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 60px;
  background: #222;
  padding: 0 25px 0 0;
  line-height: 61px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.platform_sidemenu_back:hover {
  background: #3296fa;
}
.platform_sidemenu_back:before {
  transition: all 0.25s;
  float: left;
  content: "";
  width: 30px;
  height: 30px;
  background: #3296fa url(/img/icons/14/back_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 15px;
}
.platform_sidemenu_back:hover:before {
  background-color: #333;
}
.platform_avatarmenu {
  transition: max-height 0.25s;
  position: fixed;
  top: 60px;
  max-height: 0;
  background: #fff;
  overflow: hidden;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index: 91;
}
.platform_avatarmenu.active {
  max-height: 1000px;
}
.platform_messages,
.platform_events,
.platform_tasks,
.platform_profilesettings,
.platform_searchmenu {
  transition: all 0.25s;
  position: fixed;
  top: 60px;
  right: 0;
  bottom: 0;
  width: 0;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  z-index: 91;
}
.platform_messages.active,
.platform_messages_holder,
.platform_events.active,
.platform_events_holder,
.platform_tasks.active,
.platform_tasks_holder {
  width: 600px;
}
.platform_profilesettings.active,
.platform_profilesettings_holder {
  width: 900px;
}
.platform_messages.active,
.platform_events.active,
.platform_tasks.active,
.platform_profilesettings.active,
.platform_searchmenu.active {
  overflow-y: auto;
}
.platform_messages .contentPadding,
.platform_events .contentPadding,
.platform_tasks .contentPadding {
  position: relative;
  border-color: #eee;
}
.platform_messages .platform_content_sectionheaderHeadline,
.platform_events .platform_content_sectionheaderHeadline,
.platform_tasks .platform_content_sectionheaderHeadline {
  float: left;
}
.platform_messages .platform_content_sectionheaderHeadline:before,
.platform_events .platform_content_sectionheaderHeadline:before,
.platform_tasks .platform_content_sectionheaderHeadline:before {
  transition: all 0.25s;
  content: "";
  width: 14px;
  height: 14px;
  float: right;
  background: url(/img/icons/14/next_aaaaaa.svg) 50% 50% no-repeat;
  opacity: 0;
  margin: 8px 11px 0 0;
}
.platform_messages .contentPadding:hover .platform_content_sectionheaderHeadline:before,
.platform_events .contentPadding:hover .platform_content_sectionheaderHeadline:before,
.platform_tasks .contentPadding:hover .platform_content_sectionheaderHeadline:before {
  opacity: 1;
  margin: 8px 0 0 11px;
}
.platform_messages_markall {
  transition: all 0.25s;
  position: relative;
  float: right;
  height: 30px;
  padding: 0 10px;
  line-height: 32px;
  text-decoration: none;
  color: #666;
  overflow: hidden;
  border-radius: 3px;
  margin: 0 -10px;
}
.platform_messages_markall:hover {
  background: #fafafa;
}
.platform_messages_markall:after {
  transition: all 0.25s;
  content: "";
  float: right;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #3296fa inset;
  border-radius: 50%;
  overflow: hidden;
  margin: 12px 0 0 10px;
}
.platform_messages_markall:hover:after {
  box-shadow: 0 0 0 1px #aaa inset;
}
.platform_messages_message {
  transition: all 0.25s;
  position: relative;
  padding: 25px;
  border-bottom: 1px solid #eee;
}
.platform_messages_message:hover {
  background: rgba(255, 255, 0, 0.05);
}
.platform_messages_message.unread {
  background: rgba(50, 150, 250, 0.05);
}
.platform_messages_message.draft {
  background: rgba(255, 255, 0, 0.05);
}
.platform_messages_message.unread:hover {
  background: rgba(50, 150, 250, 0.1);
}
.platform_messages_message.draft:hover {
  background: rgba(255, 255, 0, 0.1);
}
.platform_messages_message:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  bottom: -1px;
  width: 0px;
  background: #3296fa;
}
.platform_messages_message.unread:before {
  width: 3px;
}
.platform_messages_message.draft:before {
  width: 3px;
  background: #FFD200;
}
.platform_messages_message .avatars,
.platform_messages_message > .avatar {
  position: absolute;
  top: calc(50% - 20px);
  left: 25px;
}
.platform_messages_info {
  float: right;
  width: calc(100% - 76px);
  margin-right: 21px;
}
.platform_messages_title {
  transition: all 0.25s;
  padding-top: 3px;
  line-height: 18px;
  font-weight: bold;
  color: #000;
}
.platform_messages_text {
  width: 100%;
  line-height: 18px;
  white-space: nowrap;
  font-size: 12px;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
}
.platform_messages_subtitle {
  line-height: 18px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.platform_messages_read {
  transition: all 0.25s;
  position: absolute;
  top: calc(50% - 13px);
  right: 15px;
  width: 26px;
  height: 26px;
  border-radius: 3px;
  cursor: pointer;
}
.platform_messages_read:hover {
  background: rgba(0, 0, 0, 0.05);
}
.platform_messages_read:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 1px #aaa inset;
  border-radius: 50%;
}
.platform_messages_message.unread .platform_messages_read:before {
  box-shadow: 0 0 0 4px #3296fa inset;
}
.platform_events_nextup {
  position: relative;
  float: right;
  height: 30px;
  background: #3296fa;
  padding-right: 15px;
  font-size: 12px;
  line-height: 31px;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
  border-radius: 15px;
}
.platform_events_nextup:before {
  content: "";
  float: left;
  width: 30px;
  height: 30px;
  background: rgb(50, 150, 250) url(/img/icons/12/info_ffffff.svg) 50% 50% no-repeat;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  margin-right: 10px;
}
.platform_events_header {
  position: relative;
  height: 20px;
  background: #fafafa;
  padding: 0 25px;
  line-height: 21px;
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.platform_events_header.red {
  background: rgba(245, 75, 75, 0.15);
  color: rgb(245, 75, 75);
  border-color: #FEC1C0;
  box-shadow: 0 -1px 0 0 #FEC1C0;
}
.platform_events_header.yellow {
  background: rgba(255, 190, 0, 0.15);
  color: rgb(255, 190, 0);
  border-color: #FFE8B5;
  box-shadow: 0 -1px 0 0 #FFE8B5;
}
.platform_events_header.green {
  background: rgba(100, 200, 75, 0.15);
  color: rgb(100, 200, 75);
  border-color: #C9ECC0;
  box-shadow: 0 -1px 0 0 #C9ECC0;
}
.platform_events_avatars {
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}
.platform_events_avatars:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.platform_events_avatars .avatars {
  height: 40px;
  padding: 25px;
}
.platform_events_avatars .avatar {
  float: none;
  display: inline-block;
}
.platform_events_event {
  transition: all 0.25s;
  position: relative;
  display: block;
  padding: 25px;
  border-bottom: 1px solid #eee;
}
.platform_events_event:hover {
  background: rgba(255, 255, 0, 0.05);
}
.platform_events_calendar {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  background: #fff;
  text-align: center;
  line-height: 26px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
.platform_events_calendar span {
  display: block;
  width: 100%;
  height: 14px;
  background: #FF644B;
  text-transform: uppercase;
  line-height: 15px;
  font-size: 9px;
  font-weight: normal;
  color: #fff;
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
.platform_events_info {
  float: right;
  width: calc(100% - 55px);
}
.platform_events_title {
  transition: all 0.25s;
  padding-top: 3px;
  line-height: 18px;
  font-weight: bold;
  color: #000;
}
.platform_events_date {
  line-height: 18px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.platform_tasks_task {
  transition: all 0.25s;
  position: relative;
  padding: 25px;
  border-bottom: 1px solid #eee;
}
.platform_tasks_task:hover {
  background: rgba(255, 255, 0, 0.05);
}
.platform_tasks_task.overdue:not(.solved) {
  background: rgba(245, 75, 75, 0.05);
}
.platform_tasks_task.overdue:not(.solved):hover {
  background: rgba(245, 75, 75, 0.1);
}
.platform_tasks_task:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  bottom: -1px;
  width: 0px;
  background: #F54B4B;
}
.platform_tasks_task.overdue:not(.solved):before {
  width: 3px;
}
.platform_tasks_info {
  float: right;
  width: calc(100% - 35px);
}
.platform_tasks_priority {
  float: right;
  width: 20px;
  height: 20px;
  background: #FFD200 url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  transform: rotate(90deg);
}
.platform_tasks_priority.medium {
  background-color: #FF9100;
  transform: rotate(0deg);
}
.platform_tasks_priority.high {
  background-color: #F54B4B;
  transform: rotate(-90deg);
}
.platform_tasks_title {
  transition: all 0.25s;
  position: relative;
  float: left;
  max-width: calc(100% - 35px);
  padding-top: 2px;
  line-height: 18px;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.platform_tasks_task.solved .platform_tasks_title {
  color: rgba(0, 0, 0, 0.5);
}
.platform_tasks_title:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 0;
  height: 2px;
  background: #000;
  overflow: hidden;
  border-radius: 1px;
  opacity: 0.5;
}
.platform_tasks_task.solved .platform_tasks_title:after {
  width: 100%;
}
.platform_tasks_due {
  transition: all 0.25s;
  background: url(/img/icons/12/snooze_aaaaaa.svg) 0 50% no-repeat;
  padding-left: 18px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  clear: both;
}
.platform_tasks_task.overdue:not(.solved) .platform_tasks_due {
  background-image: url(/img/icons/12/snooze_f54b4b.svg);
  color: rgba(245, 75, 75, 1);
}
.platform_tasks_task .checkbox {
  width: 20px;
  height: 20px;
}
.platform_tasks_task .checkbox:hover {
  border-color: #64c84b;
}
.platform_tasks_task .checkbox.active {
  background-color: #64c84b;
  border-color: #64c84b;
}
.platform_tasks_task .checkbox:hover:before {
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
  transform: scale(1);
}
.platform_tasks_task .checkbox.active:before {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.platform_profilesettings {
  background: #f3f3f3;
}
.platform_profilesettings_top {
  position: relative;
  background: rgb(255, 255, 235);
}
.platform_profilesettings_top .button {
  float: right;
}
.platform_profilesettings_top .avatar {
  position: relative;
  margin-right: 15px;
}
.platform_profilesettings_top .avatar .boxlink {
  transition: all 0.25s;
  background: rgba(0, 0, 0, 0.75) url(/img/icons/12/camera_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
  opacity: 0;
}
.platform_profilesettings_top .avatar .boxlink:hover {
  opacity: 0.75;
}
.platform_profilesettings_topAvatarTooltip img {
  float: left;
  max-width: 500px;
  max-height: 500px;
  margin: -5px -13px;
}
.platform_profilesettings_topAvatarTooltip .hoverdelete {
  top: 9px;
  right: 1px;
}
.platform_profilesettings_top .headline {
  overflow: hidden;
  margin-top: 16px;
}
.platform_profilesettings_topMail {
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.platform_profilesettings .tabs {
  background: #fff;
  padding: 0 25px;
}
.platform_profilesettings_notificationType {
  transition: all 0.25s;
  float: left;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.15) url(/img/icons/12/bell_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: -5px 0;
}
.platform_profilesettings_notificationType:not(:first-child) {
  margin-left: 10px;
}
.platform_profilesettings_notificationType.type_email {
  background-image: url(/img/icons/12/letter_ffffff.svg);
}
.platform_profilesettings_notificationType.type_none {
  background-image: url(/img/icons/12/bell_none_ffffff.svg);
}
.platform_profilesettings_notificationType:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.platform_profilesettings_notificationType.type_notify.active {
  background-color: #64C84B;
}
.platform_profilesettings_notificationType.type_email.active {
  background-color: #3296fa;
}
.platform_profilesettings_notificationType.type_none.active {
  background-color: #F54B4B;
}
.platform_searchmenu.active,
.platform_searchmenu_holder {
  width: 600px;
  z-index: 110;
}
.platform_searchmenu_category {
  transition: all 0.25s;
  display: block;
  height: 50px;
  background: #fff;
  padding: 0 25px;
  line-height: 51px;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.platform_searchmenu_category:hover {
  background: rgba(255, 255, 0, 0.05);
}
.platform_searchmenu_category:after {
  transition: all 0.25s;
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 29px;
  height: 50px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 50% 50% no-repeat;
}
.platform_searchmenu_category.active:after {
  transform: rotate(180deg);
}
.platform_searchmenu_category span {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  min-width: 8px;
  height: 20px;
  background: #fff;
  padding: 0 6px;
  line-height: 21px;
  text-align: center;
  font-size: 12px;
  color: #3296fa;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #3296fa inset;
  margin: 15px 0 0 10px;
}
.platform_searchmenu_category.active span {
  background: #3296fa;
  color: #fff;
}
.platform_searchmenu_result {
  transition: all 0.25s;
  display: block;
  padding: 15px 25px;
  text-decoration: none;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.platform_searchmenu_result.active,
.platform_searchmenu_result:hover {
  background: rgba(50, 150, 250, 0.05);
  box-shadow: 3px 0 0 0 #3296fa inset;
}
.platform_searchmenu_resultAvatar {
  float: left;
  margin-right: 15px;
}
.platform_searchmenu_resultBall {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  background: #aaa;
  border-radius: 50%;
  margin-right: 15px;
}
.platform_searchmenu_resultBall.ball_draft {
  background-color: #fff;
  box-shadow: 0 0 0 1px #aaa inset;
}
.platform_searchmenu_resultBall.ball_promoted {
  background-color: #fff;
  box-shadow: 0 0 0 1px #64C84B inset;
}
.platform_searchmenu_resultBall.ball_unpublished {
  background-color: #fff;
  box-shadow: 0 0 0 1px #3296FA inset;
}
.platform_searchmenu_resultBall.ball_archived {
  background-color: #aaa;
}
.platform_searchmenu_resultBall img {
  position: absolute;
  top: 14px;
  left: 14px;
}
.platform_searchmenu_resultTitle,
.platform_searchmenu_resultSubtitle {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.platform_searchmenu_resultTitle {
  line-height: 22px;
  font-weight: bold;
  color: #000;
}
.platform_searchmenu_resultTitle span {
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
  padding-left: 5px;
}
.platform_searchmenu_resultSubtitle {
  line-height: 18px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.platform_searchmenu_resultSubtitle span.activity:before,
.platform_searchmenu_resultSubtitle span.archived:before {
  transition: all 0.25s;
  content: ".";
  display: inline-block;
  vertical-align: top;
  background: url(/img/icons/12/pulse_3296fa.svg) 0 50% no-repeat;
  width: 17px;
  font-size: 0px;
  opacity: 0.5;
}
.platform_searchmenu_resultSubtitle span.archived:before {
  background: url(/img/icons/12/archive_aaaaaa.svg) 0 2px no-repeat;
}
.platform_searchmenu_result:hover .platform_searchmenu_resultSubtitle span.activity:before,
.platform_searchmenu_result.active .platform_searchmenu_resultSubtitle span.activity:before,
.platform_searchmenu_result:hover .platform_searchmenu_resultSubtitle span.archived:before,
.platform_searchmenu_result.active .platform_searchmenu_resultSubtitle span.archived:before {
  opacity: 1;
}
.platform_searchmenu_resultSubtitle span:not(:first-child):before {
  content: "\2022";
  padding: 0 5px;
  opacity: 0.5;
}
.platform_actionmenu {
  transition: all 0.25s;
  position: fixed;
  bottom: -64px;
  left: 25px;
  right: 25px;
  height: 34px;
  background: rgba(0, 0, 0, 0.85);
  padding: 15px 0 15px 15px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  opacity: 0;
  z-index: 50;
}
.platform_actionmenu.forPopup {
  left: calc(50% - 27.5px);
  width: calc(100% - 125px);
  max-width: 1485px;
  right: inherit;
  transform: translate(-50%, 0);
  z-index: 199;
}
@media (max-width: 1200px), (max-height: 800px) {
  .platform_actionmenu.forPopup {
    left: 0;
    width: calc(100% - 85px);
    max-width: none;
    transform: translate(0, 0);
    border-radius: 0;
  }
}
.activeSelection .platform_actionmenu {
  bottom: 0;
  opacity: 1;
}
.activeFilterLeft .platform_actionmenu:not(.forPopup) {
  left: 385px;
}
.activeFilterRight .platform_actionmenu:not(.forPopup) {
  right: 385px;
}
.platform_actionmenu .button {
  margin-right: 10px;
}
.platform_actionmenu .button.secondary {
  border-color: #fff;
}
.platform_actionmenu .button.secondary:hover {
  background: #eee;
}
.platform_actionmenu_right {
  float: right;
  margin-right: 5px;
}
.platform_actionmenu_rightText {
  float: left;
  white-space: nowrap;
  line-height: 34px;
  color: #fff;
  margin-right: 15px;
}
.platform_actionmenu_left {
  float: left;
  max-width: 50%;
}
.platform_actionmenu.forPopup .platform_actionmenu_left {
  float: left;
  max-width: 100%;
}
.platform_actionmenu_more {
  float: left;
  position: relative;
}
.platform_actionmenu_moreOptions {
  transition: opacity 0.25s;
  display: flex;
  flex-direction: column-reverse;
  position: absolute;
  bottom: 49px;
  left: 50%;
  background: rgba(0, 0, 0, 0.85);
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  transform: translate(-50%, calc(100% + 64px));
  opacity: 0;
}
.platform_actionmenu_moreOptions.active {
  transform: translate(-50%, 0);
  opacity: 1;
}
.platform_actionmenu_moreOptions .button {
  width: 100%;
  background: none;
  padding-right: 10px;
  white-space: nowrap;
  line-height: 35px;
  color: #fff;
  border: 0 !important;
  border-radius: 0;
}
.platform_actionmenu_moreOptions .button:hover {
  background: #000 !important;
  color: #fff;
}
.platform_actionmenu_moreOptions .button .icon {
  margin-top: 12px;
}

/* apps/shared-assets/css/platform_settings.css */
.settings_section {
  transition: all 0.25s;
  float: left;
  width: 25%;
  padding: 35px;
  box-sizing: border-box;
}
.settings_section:hover {
  transform: scale(1.05);
}
.settings_sectionIcon {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 80px;
  height: 80px;
  background: #3296fa;
  background-size: cover;
  overflow: hidden;
  border-radius: 50%;
}
.settings_sectionIcon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(3);
}
.settings_sectionHeadline {
  float: right;
  width: calc(100% - 105px);
  line-height: 40px;
  font-size: 27px;
  font-weight: 900;
}
.settings_sectionDescription {
  float: right;
  width: calc(100% - 105px);
  color: #999;
}
.settings_sectionLinks {
  float: right;
  width: calc(100% - 105px);
  margin-top: 5px;
}
.settings_sectionLinks a {
  transition: all 0.25s;
  float: left;
  display: block;
  height: 24px;
  background: #ccc;
  padding: 0 10px;
  line-height: 25px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
  border-radius: 2px;
  margin: 5px 5px 0 0;
}
.settings_sectionLinks a:hover {
  background: #3296fa;
}
@media (min-width: 2000px) {
  .settings_section:nth-child(4n+1) {
    clear: left;
  }
}
@media (min-width: 1600px) and (max-width: 1999px) {
  .settings_section {
    width: 33.3333%;
  }
  .settings_section:nth-child(3n+1) {
    clear: left;
  }
}
@media (max-width: 1599px) {
  .settings_section {
    width: 50%;
    padding: 25px;
  }
  .settings_section:nth-child(2n+1) {
    clear: left;
  }
  .settings_section .avatar {
    transform: scale(0.5);
    margin: -30px;
  }
  .settings_sectionIcon {
    width: 60px;
    height: 60px;
  }
  .settings_sectionIcon img {
    transform: translate(-50%, -50%) scale(2);
  }
  .settings_sectionHeadline,
  .settings_sectionDescription,
  .settings_sectionLinks {
    width: calc(100% - 75px);
  }
}

/* apps/shared-assets/css/platform_settings_approvals.css */
.approvals_overviewButtonsLeft {
  float: left;
}
.approvals_overviewButtonsLeft .button {
  margin-right: 15px;
}
.approvals_overviewList .contentbox {
  max-height: calc(100vh - 250px);
  margin-top: 10px;
}
.approval_processTop {
  background: rgb(255, 255, 235);
}
.approval_processTop .switch {
  float: right;
  margin: 4px 0 0 25px;
}
.approval_processTop .headline {
  transition: all 0.25s;
  float: left;
  max-width: 70%;
  padding-right: 20px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 6px) 50% no-repeat;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.approval_processTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.approval_processTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.popup .langselector {
  position: relative;
  z-index: 1;
}
.approval_process {
  transition: all 0.5s;
  position: relative;
  background: #f3f3f3;
  width: 100%;
  height: calc(100% - 149px);
  padding: 25px;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}
.setAction .approval_process {
  width: calc(100% - 799px);
  min-width: 550px;
}
.approval_process:after {
  transition: background 0.5s, width 0s 0.5s;
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 0;
  height: calc(100% - 149px);
  z-index: 5;
  border-bottom-left-radius: 3px;
}
.setAction .approval_process:after {
  transition: background 0.5s;
  width: calc(100% - 200px);
  background: rgba(243, 243, 243, 0.5);
}
.approval_processStep {
  position: relative;
  padding-bottom: 25px;
}
.approval_processStep:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 25px;
  background: #ccc;
}
.approval_processStep .contentbox {
  transition: all 0.25s;
  float: left;
  margin: 0 -50% 0 50%;
  width: 500px;
  cursor: pointer;
  transform: translate(-50%, 0);
}
.approval_processStep .contentbox:hover {
  border-color: #3296fa;
}
.approval_processStep .contentbox .contentPadding:not(:first-of-type):last-child {
  background: #fafafa;
  padding: 15px 25px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.approval_processActionIcon {
  float: left;
  width: 40px;
  height: 40px;
  background: #3296fa 50% 50% no-repeat;
  line-height: 41px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 15px;
}
.approval_processActionTitle {
  font-weight: bold;
}
.approval_processActionSubtitle {
  font-size: 12px;
}
.approval_processActionTable {
  display: table;
  width: 100%;
  margin-top: -5px;
}
.approval_processActionTableRow {
  display: table-row;
}
.approval_processActionTableCell {
  display: table-cell;
  padding-top: 5px;
}
.approval_processActionTableCell:first-child {
  min-width: 40px;
  max-width: 140px;
  padding-right: 15px;
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
  line-height: 19px;
  font-size: 12px;
  font-style: italic;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
}
.approval_processActionTableCell.if {
  font-weight: bold;
  text-transform: uppercase;
}
.approval_processActionTableCell:first-child img {
  margin-top: 3px;
}
.approval_processActionTableCell:last-child {
  width: 100%;
  color: #666;
}
.approval_processActionTableCell i {
  color: #999;
  margin: 0 5px;
}
.approval_processAdd .button {
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}
.approval_processTrigger {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 78px);
  overflow: hidden;
}
.approval_processTriggerContent {
  transition: all 1s;
  position: absolute;
  top: 110%;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  overflow: auto;
  box-shadow: 0 0 500px rgba(0, 0, 0, 0);
  z-index: 10;
}
.approval_processTriggerContent.active {
  top: 0;
  box-shadow: 0 0 500px rgba(0, 0, 0, 0.5);
}
.approval_processEditExplainer {
  background: #fafafa;
  padding: 15px 25px;
  line-height: 27px;
  font-size: 18px;
  font-style: italic;
  color: #999;
  border-bottom: 1px solid #e5e5e5;
}
.approval_processEditListItem {
  transition: background 0.25s;
  position: relative;
  padding: 15px 25px;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.approval_processEditListItem:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.approval_processEditListItemIcon {
  transition: all 0.25s;
  float: left;
  width: 40px;
  height: 40px;
  background: #3296fa url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-right: 15px;
}
.i_employee {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/heart_ffffff.svg);
}
.i_form {
  background-color: #8cbe6e;
  background-image: url(/img/icons/12/form_ffffff.svg);
}
.i_payroll {
  background-color: #C8647D;
  background-image: url(/img/icons/12/wallet_ffffff.svg);
}
.i_onboarding {
  background-color: #4BC8C8;
  background-image: url(/img/icons/12/pipelines_ffffff.svg);
}
.i_job {
  background-color: #C864C8;
  background-image: url(/img/icons/12/bag_ffffff.svg);
}
.i_jobpromotion {
  background-color: #64C84B;
  background-image: url(/img/icons/12/feed_ffffff.svg);
}
.i_jobrequisition {
  background-color: #6464C8;
  background-image: url(/img/icons/12/bag_add_ffffff.svg);
}
.i_talentpool {
  background-color: #64AFC8;
  background-image: url(/img/icons/12/silhouettes_ffffff.svg);
}
.i_candidate {
  background-color: #FFAA00;
  background-image: url(/img/icons/12/star_ffffff.svg);
}
.approval_processEditListItemTitle {
  height: 40px;
  line-height: 41px;
  font-size: 18px;
  overflow: hidden;
}
.approval_processTriggerCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.approval_processTriggerCriteria {
  padding-top: 5px;
}
.approval_processTriggerCriteriaQuestion,
.approval_processTriggerCriteriaOption {
  float: left;
  width: 35%;
}
.approval_processTriggerCriteriaQuestion {
  margin-right: 5px;
}
.approval_processTriggerCriteriaOption {
  margin-left: 5px;
}
.approval_processTriggerCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.approval_processTriggerCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.approval_processTriggerCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.approval_processTriggerCriteriaActions .button {
  margin-left: 5px;
}
.approval_processTriggerCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .approval_processTriggerCriteriaSort {
  cursor: grabbing;
}
.disableSort .approval_processTriggerCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.approval_processTriggerCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.approval_processTriggerCriteriaSort span:before,
.approval_processTriggerCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.approval_processTriggerCriteriaSort:hover span,
.approval_processTriggerCriteriaSort:hover span:before,
.approval_processTriggerCriteriaSort:hover span:after,
.ui-sortable-helper .approval_processTriggerCriteriaSort span,
.ui-sortable-helper .approval_processTriggerCriteriaSort span:before,
.ui-sortable-helper .approval_processTriggerCriteriaSort span:after {
  background: #3296fa;
}
.approval_processTriggerCriteriaSort span:after {
  top: 6px;
}
.approval_processAction {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 149px);
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.approval_processActionContent {
  transition: transform 0.5s, box-shadow 0.5s 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  width: 800px;
  height: 100%;
  background: #fff;
  overflow: auto;
  transform: translate(100%, 0);
  box-sizing: border-box;
  z-index: 10;
}
.setAction .approval_processActionContent {
  transition: transform 0.5s, box-shadow 0.5s;
  transform: translate(0, 0);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
}
.approval_processActionCount {
  border: 1px solid #ddd;
  border-radius: 3px;
  background: rgba(50, 150, 250, 0.05);
  padding: 12px 15px 9px 15px;
  margin-top: -4px;
}
.approval_processActionCount span {
  font-weight: bold;
  color: #3296fa;
  cursor: pointer;
}
.approval_processActionCountTooltip {
  max-height: 120px;
  margin: -6px -14px;
}
.approval_processActionCountTooltipHolder {
  padding: 10px 0;
}
.approval_processActionCountTooltipHolder a {
  transition: all 0.25s;
  display: block;
  height: 20px;
  padding: 0 20px;
  line-height: 21px;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  overflow: hidden;
}
.approval_processActionCountTooltipHolder a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #3296fa;
}
.approval_processActionMessageInvolved {
  display: table;
  width: 100%;
}
.approval_processActionMessageInvolvedRow {
  display: table-row;
}
.approval_processActionMessageInvolvedText {
  display: table-cell;
  position: relative;
  width: 1px;
  padding: 0 5px 5px 16px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
}
.approval_processActionMessageInvolvedText:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 5px;
  left: 0;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}
.approval_processActionMessageInvolvedText * {
  position: relative;
}
.approval_processActionMessageInvolvedField {
  display: table-cell;
  position: relative;
  padding-bottom: 5px;
}
.approval_processActionMessageInvolvedField .input,
.approval_processActionMessageInvolvedField .dropdown {
  border-radius: 0 3px 3px 0;
}
.approval_processActionMessageCcbccLink {
  transition: all 0.25s;
  position: absolute;
  display: none;
  top: 1px;
  right: 1px;
  height: 38px;
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1) 85px);
  padding: 0 15px 0 100px;
  line-height: 39px;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  border-radius: 2px;
}
.approval_processActionMessageCcbccLink.active {
  display: block;
}
.approval_processActionMessageCcbccLink.active:hover {
  color: #000;
}
.approval_processActionMessageCcbcc {
  display: none;
}
.approval_processActionMessageCcbcc.active {
  display: table-row;
}
.approval_processActionMessageSettings {
  min-height: 40px;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.approval_processActionMessageSettingsIcons {
  float: right;
  margin: -2px -7px;
}
.approval_processActionMessageSettingsIcons a {
  float: left;
  padding: 5px;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
}
.approval_processActionMessageSettingsIcons a:hover {
  background: #e5e5e5;
}
.approval_processActionMessageSettingsIcons img {
  float: left;
}
.approval_processActionMessageSettingsAttached {
  display: none;
  float: left;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px 0 15px;
  margin: 9px -15px -9px -15px;
}
.approval_processActionMessageSettingsAttached.active {
  display: block;
}
.approval_processActionMessageSettingsAttachedFile {
  height: 27px;
}
.approval_processActionMessageSettingsAttachedFileLink {
  display: block;
  float: left;
  width: calc(100% - 27px);
  white-space: nowrap;
  line-height: 18px;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* apps/shared-assets/css/platform_settings_automations.css */
.automations_overviewButtonsLeft {
  float: left;
}
.automations_overviewButtonsLeft .button {
  margin-right: 15px;
}
.automations_overviewList .contentbox {
  max-height: calc(100vh - 250px);
  margin-top: 10px;
}
.automation_workflowTop {
  background: rgb(255, 255, 235);
}
.automation_workflowTop .switch {
  float: right;
  margin: 4px 0 0 25px;
}
.automation_workflowTop .headline {
  transition: all 0.25s;
  float: left;
  max-width: 70%;
  padding-right: 20px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 6px) 50% no-repeat;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.automation_workflowTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.automation_workflowTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.popup .langselector {
  position: relative;
  z-index: 1;
}
.automation_workflow {
  transition: all 0.5s;
  position: relative;
  background: #f3f3f3;
  width: 100%;
  height: calc(100% - 149px);
  padding: 25px;
  overflow: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}
.setAction .automation_workflow {
  width: calc(100% - 899px);
}
.automation_workflow:after {
  transition: background 0.5s, width 0s 0.5s;
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 0;
  height: calc(100% - 149px);
  z-index: 5;
  border-bottom-left-radius: 3px;
}
.setAction .automation_workflow:after {
  transition: background 0.5s;
  width: calc(100% - 200px);
  background: rgba(243, 243, 243, 0.5);
}
.automation_workflowContainer {
  position: relative;
  padding: 25px 25px 0 72px;
}
.automation_workflowContainer:before,
.automation_workflowChild:before {
  content: "";
  position: absolute;
  top: 0;
  left: 45px;
  width: 2px;
  height: 100%;
  background: #ccc;
}
.automation_workflowContainer:last-child:before,
.automation_workflowChild:last-child:before {
  height: 70px;
}
.automation_workflowContainer:after,
.automation_workflowChild:after {
  content: "";
  position: absolute;
  top: 70px;
  left: 45px;
  width: 27px;
  height: 2px;
  background: #ccc;
}
.automation_workflowToggle,
.automation_workflowToggleAll a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 56px;
  left: 31px;
  width: 30px;
  height: 30px;
  background: #64C84B;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.automation_workflowContainer.active > .automation_workflowToggle,
.automation_workflowToggleAll.active a {
  background: #aaa;
}
.automation_workflowToggle:before,
.automation_workflowToggle:after,
.automation_workflowToggleAll a:before,
.automation_workflowToggleAll a:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 14px;
  left: 10px;
  width: 10px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.automation_workflowContainer:not(.active) > .automation_workflowToggle:before,
.automation_workflowToggleAll:not(.active) a:before {
  transform: rotate(-90deg);
}
.automation_workflowContainer.active > .automation_workflowToggle:after,
.automation_workflowToggleAll.active a:after {
  opacity: 0;
}
.automation_workflowContainer:not(.active) > .automation_workflowToggle:after,
.automation_workflowToggleAll:not(.active) a:after {
  transform: rotate(-180deg);
  opacity: 1;
}
.automation_workflowParent,
.automation_workflowChild {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.automation_workflowParent *,
.automation_workflowChild * {
  vertical-align: top;
  font-size: 14px;
  white-space: normal;
}
.automation_workflowChild {
  padding: 25px 25px 0 72px;
}
.automation_workflowToggleAll {
  position: relative;
  height: 55px;
}
.automation_workflowToggleAll a {
  top: 25px;
  width: auto;
  background: #3296fa !important;
  padding: 0 15px 0 30px;
  text-decoration: none;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
}
.automation_workflowToggleAll:before {
  content: "";
  position: absolute;
  top: 0;
  left: 45px;
  width: 2px;
  height: 25px;
  background: #ccc;
}
.automation_workflowToggleAll.active .automation_workflowToggleAllExpand,
.automation_workflowToggleAll:not(.active) .automation_workflowToggleAllCollapse {
  display: none;
}
.automation_workflow .contentbox {
  transition: all 0.25s;
  display: inline-block;
  width: 500px;
  cursor: pointer;
  margin-right: 25px;
}
.automation_workflow .contentbox:hover {
  border-color: #3296fa;
}
.automation_workflow .contentbox .contentPadding:not(:first-of-type):last-child {
  background: #fafafa;
  padding: 15px 25px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.automation_workflowActionIcon {
  float: left;
  width: 40px;
  height: 40px;
  background: #3296fa url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-right: 15px;
}
.automation_workflowActionTitle {
  font-weight: bold;
}
.automation_workflowActionTitle span {
  display: inline-block;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px calc(50% - 1px) no-repeat;
  padding-left: 19px;
}
.automation_workflowActionSubtitle {
  font-size: 12px;
}
.automation_workflowActionTable {
  display: table;
  width: 100%;
  margin-top: -5px;
}
.automation_workflowActionTableRow {
  display: table-row;
}
.automation_workflowActionTableCell {
  display: table-cell;
  padding-top: 5px;
}
.automation_workflowActionTableCell:first-child {
  min-width: 40px;
  max-width: 140px;
  padding-right: 15px;
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
  line-height: 19px;
  font-size: 12px;
  font-style: italic;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
}
.automation_workflowActionTableCell.if {
  font-weight: bold;
  text-transform: uppercase;
  color: #3296fa;
}
.automation_workflowActionTableCell:last-child {
  width: 100%;
  color: #666;
}
.automation_workflowActionTableCell i {
  color: #999;
  margin: 0 5px;
}
.automation_workflowAdd {
  position: relative;
  display: inline-block;
  padding: 26px 25px 0 25px;
  margin-left: -25px;
}
.automation_workflowAdd:before {
  content: "";
  position: absolute;
  top: 45px;
  left: 0;
  width: 25px;
  height: 2px;
  background: #ccc;
}
.automation_workflowAdd .button,
.automation_workflowAdd .button * {
  float: none;
  display: inline-block;
  white-space: nowrap;
}
.automation_workflowTrigger {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 78px);
  overflow: hidden;
}
.automation_workflowTriggerContent {
  transition: all 1s;
  position: absolute;
  top: 110%;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  overflow: auto;
  box-shadow: 0 0 500px rgba(0, 0, 0, 0);
  z-index: 10;
}
.automation_workflowTriggerContent.active {
  top: 0;
  box-shadow: 0 0 500px rgba(0, 0, 0, 0.5);
}
.automation_workflowEditExplainer {
  background: #fafafa;
  padding: 15px 25px;
  line-height: 27px;
  font-size: 18px;
  font-style: italic;
  color: #999;
  border-bottom: 1px solid #e5e5e5;
}
.automation_workflowEditListItem {
  transition: background 0.25s;
  position: relative;
  padding: 15px 25px;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.automation_workflowEditListItem:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.automation_workflowEditListItemIcon {
  transition: all 0.25s;
  float: left;
  width: 40px;
  height: 40px;
  background: #3296fa url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-right: 15px;
}
.i_created {
  background-color: #64C84B;
  background-image: url(/img/icons/12/add_ffffff.svg);
}
.i_updated {
  background-color: #3296fa;
  background-image: url(/img/icons/12/update_ffffff.svg);
}
.i_scheduled {
  background-color: #FF644B;
  background-image: url(/img/icons/12/calendar_ffffff.svg);
}
.i_manually {
  background-color: #aaa;
  background-image: url(/img/icons/12/cogwheel_ffffff.svg);
}
.i_deleted {
  background-color: #fff;
  background-image: url(/img/icons/12/trash_f54b4b.svg);
  box-shadow: 0 0 0 1px #f54b4b inset;
}
.i_employee {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/heart_ffffff.svg);
}
.i_candidate {
  background-color: #FFAA00;
  background-image: url(/img/icons/12/star_ffffff.svg);
}
.i_job {
  background-color: #C864C8;
  background-image: url(/img/icons/12/bag_ffffff.svg);
}
.i_talentpool {
  background-color: #64AFC8;
  background-image: url(/img/icons/12/silhouettes_ffffff.svg);
}
.i_task {
  background-color: #64C84B;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.i_message {
  background-color: #3296fa;
  background-image: url(/img/icons/12/letter_ffffff.svg);
}
.i_form {
  background-color: #4BC8C8;
  background-image: url(/img/icons/12/form_ffffff.svg);
}
.i_feedback {
  background-color: #A57896;
  background-image: url(/img/icons/12/maybe_ffffff.svg);
}
.i_learning {
  background-color: #C8C832;
  background-image: url(/img/icons/12/education_ffffff.svg);
}
.i_trophy {
  background-color: #D78750;
  background-image: url(/img/icons/12/trophy_ffffff.svg);
}
.i_notification {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/bell_ffffff.svg);
}
.i_integration {
  background-color: #6464C8;
  background-image: url(/img/icons/12/link_ffffff.svg);
}
.i_move {
  background-color: #FFAA00;
  background-image: url(/img/icons/12/forward_ffffff.svg);
}
.automation_workflowEditListItemTitle {
  height: 40px;
  line-height: 41px;
  font-size: 18px;
  overflow: hidden;
}
.automation_workflowEditListItemTitle.withExplainer {
  height: 22px;
  line-height: 23px;
}
.automation_workflowEditListItemExplainer {
  line-height: 18px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
}
.automation_workflowTriggerSchedule {
  background: url(/img/icons/12/arrow_3296fa.svg) 53px 29px no-repeat;
  padding: 25px 25px 25px 80px;
  border-bottom: 1px solid #e5e5e5;
}
.automation_workflowTriggerSchedule span {
  float: left;
  display: block;
  height: 20px;
  line-height: 21px;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  overflow: hidden;
  margin-right: 5px;
  cursor: default;
}
.automation_workflowTriggerSchedule span.editable,
.automation_workflowTriggerSchedule span.next {
  background: #3296fa;
  padding: 0 6px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}
.automation_workflowTriggerSchedule span.next {
  background: #ccc;
  margin-top: 5px;
  cursor: default;
}
.automation_workflowTriggerSchedule span.next.two {
  opacity: 0.8;
}
.automation_workflowTriggerSchedule span.next.three {
  opacity: 0.6;
}
.automation_workflowTriggerSchedule span.next.four {
  opacity: 0.4;
}
.automation_workflowTriggerSchedule span.next.five {
  background-image: linear-gradient(#ccc, #fff);
  opacity: 0.2;
}
.automation_workflowTriggerSchedule span.next.error {
  background: #f54b4b;
}
.automation_workflowTriggerSchedule span.next .loading {
  margin: 7px 0 0 0;
}
.automation_workflowTriggerSchedule span.next.error .loading {
  float: right;
  margin: 7px 5px 0 10px;
}
.automation_workflowTriggerScheduleTooltip {
  max-height: 220px;
  margin: -6px -14px;
}
.automation_workflowTriggerScheduleTooltipHolder {
  padding: 10px 0;
}
.automation_workflowTriggerScheduleTooltipHolder a {
  transition: all 0.25s;
  display: block;
  height: 20px;
  padding: 0 20px;
  line-height: 21px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}
.automation_workflowTriggerScheduleTooltipHolder a.more {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% - 15px) 50% no-repeat;
  padding: 0 37px 0 20px;
}
.automation_workflowTriggerScheduleTooltipHolder a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #3296fa;
}
.automation_workflowTriggerScheduleTooltipHolder .breakline {
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  overflow: hidden;
  margin: 9px 0 10px 0;
}
.automation_workflowTriggerCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.automation_workflowTriggerCriteria {
  padding-top: 5px;
}
.automation_workflowTriggerCriteriaQuestion,
.automation_workflowTriggerCriteriaOption {
  float: left;
  width: 35%;
}
.automation_workflowTriggerCriteriaQuestion {
  margin-right: 5px;
}
.automation_workflowTriggerCriteriaOption {
  margin-left: 5px;
}
.automation_workflowTriggerCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.automation_workflowTriggerCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.automation_workflowTriggerCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.automation_workflowTriggerCriteriaActions .button {
  margin-left: 5px;
}
.automation_workflowTriggerCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .automation_workflowTriggerCriteriaSort {
  cursor: grabbing;
}
.disableSort .automation_workflowTriggerCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.automation_workflowTriggerCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.automation_workflowTriggerCriteriaSort span:before,
.automation_workflowTriggerCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.automation_workflowTriggerCriteriaSort:hover span,
.automation_workflowTriggerCriteriaSort:hover span:before,
.automation_workflowTriggerCriteriaSort:hover span:after,
.ui-sortable-helper .automation_workflowTriggerCriteriaSort span,
.ui-sortable-helper .automation_workflowTriggerCriteriaSort span:before,
.ui-sortable-helper .automation_workflowTriggerCriteriaSort span:after {
  background: #3296fa;
}
.automation_workflowTriggerCriteriaSort span:after {
  top: 6px;
}
.automation_workflowAction {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 149px);
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.automation_workflowActionContent {
  transition: transform 0.5s, box-shadow 0.5s 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  width: 900px;
  height: 100%;
  background: #fff;
  overflow: auto;
  transform: translate(100%, 0);
  box-sizing: border-box;
  z-index: 10;
}
@media (max-width: 1200px) {
  .automation_workflowActionContent {
    width: 100%;
  }
}
.setAction .automation_workflowActionContent {
  transition: transform 0.5s, box-shadow 0.5s;
  transform: translate(0, 0);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
}
.automation_workflowActionFormSearch {
  height: 61px;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.automation_workflowActionFormSearch input {
  width: 100%;
  background: url(/img/icons/12/search_aaaaaa.svg) 25px 24px no-repeat;
  padding: 15px 25px 15px 52px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.automation_workflowActionFormList a {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 61px;
  background: url(/img/icons/12/form_aaaaaa.svg) 25px 24px no-repeat;
  padding: 0 25px 0 52px;
  line-height: 62px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.automation_workflowActionEvaluate .automation_workflowActionFormList a {
  background-image: url(/img/icons/12/star_aaaaaa.svg);
}
.automation_workflowActionFormFolder {
  background-image: url(/img/icons/12/folder_3296fa.svg) !important;
}
.automation_workflowActionFormList a:hover,
.automation_workflowActionFormList a.active {
  background-color: rgba(50, 150, 250, 0.05);
}
.automation_workflowActionFormList .searched {
  background: rgba(50, 150, 250, 0.25);
}
.automation_workflowActionForm .button,
.automation_workflowActionFormArea .button {
  margin: 10px 0 10px 50%;
  transform: translate(-50%, 0);
}
.automation_workflowActionLearningCards {
  height: 300px;
  padding: 25px 25px 25px 0px;
  white-space: nowrap;
  font-size: 0px;
  overflow-y: hidden;
  overflow-x: auto;
}
.automation_workflowActionLearningCard {
  position: relative;
  width: 100%;
  background: #aaa;
  padding-top: 120%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.automation_workflowActionLearningCards .automation_workflowActionLearningCard {
  display: inline-block;
  width: 250px;
  padding-top: 300px;
  margin-left: 25px;
}
.automation_workflowActionLearningCard.locked:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: url(/img/icons/12/lock_closed_ffffff.svg) 50% 50% no-repeat;
  background-size: 48px;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.15));
  z-index: 1;
}
.automation_workflowActionLearningCard:after {
  transition: background-color 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 3px;
}
.automation_workflowActionLearningCard.selected:after {
  background: rgba(50, 150, 250, 0.75) url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
}
.automation_workflowActionLearningCardImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aaa;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.automation_workflowActionLearningCard.locked .automation_workflowActionLearningCardImage {
  filter: blur(0px);
}
.automation_workflowActionLearningCard.locked:not(:hover) .automation_workflowActionLearningCardImage {
  filter: blur(5px) grayscale(1);
}
.automation_workflowActionLearningCard:hover .automation_workflowActionLearningCardImage {
  transform: scale(1.1);
}
.automation_workflowActionLearningCardGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(25, 75, 125, 0.15), rgba(25, 75, 125, 0.85));
}
.automation_workflowActionLearningCardLabels {
  position: absolute;
  top: 15px;
  right: 15px;
}
.automation_workflowActionLearningCardLabels div {
  transition: all 0.25s;
  float: right;
  height: 22px;
  background: #ffbe00 url(/img/icons/12/mandatory_ffffff.svg) calc(100% - 8px) 5px no-repeat;
  padding: 0 24px 0 10px;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 2px 0 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  clear: both;
}
.automation_workflowActionLearningCardLabels div.recommended {
  background-color: #3296fa;
  background-image: url(/img/icons/12/like_ffffff.svg);
}
.automation_workflowActionLearningCardLabels div.overdue {
  background-color: #f54b4b;
  background-image: url(/img/icons/12/bell_ffffff.svg);
}
.automation_workflowActionLearningCardLabels div.completed {
  background-color: #64c84b;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.automation_workflowActionLearningCard:not(:hover) .automation_workflowActionLearningCardLabels div:not(:last-child) {
  margin: -50px 0 30px 0;
  opacity: 0;
}
.automation_workflowActionLearningCardTitle {
  position: absolute;
  bottom: 20px;
  left: 25px;
  width: calc(100% - 50px);
  color: #fff;
}
.automation_workflowActionLearningCard.selected .automation_workflowActionLearningCardTitle {
  z-index: 4;
  cursor: pointer;
}
.automation_workflowActionLearningCardTitleStars {
  position: relative;
  transition: all 0.25s;
  display: inline-block;
  font-size: 0px;
  opacity: 0.35;
  z-index: 2;
}
.automation_workflowActionLearningCard:hover .automation_workflowActionLearningCardTitleStars {
  opacity: 1;
}
.automation_workflowActionLearningCardTitleStars img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}
.automation_workflowActionLearningCard:hover .automation_workflowActionLearningCardTitleStars img {
  margin-right: 5px;
}
.automation_workflowActionLearningCardTitle .headline {
  white-space: normal;
  font-size: 14px;
  line-height: 20px;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.15));
}
.automation_workflowActionLearningCard .boxlink {
  z-index: 1;
}

/* apps/shared-assets/css/platform_learning_course.css */
.formBuilderSlideSteps .form_builderAddStep {
  margin: 2px 0 3px 0;
}
.ocourse_preview {
  position: relative;
}
.ocourse_previewHideEditor {
  transition: 0.5s;
  position: relative;
  float: left;
  height: 30px;
  line-height: 31px;
  font-weight: bold;
  color: #999;
  overflow: hidden;
  cursor: pointer;
}
.ocourse_previewHideEditor:hover {
  color: #3296fa;
}
.ocourse_previewHideEditor span,
.ocourse_previewHideEditor span:before,
.ocourse_previewHideEditor span:after {
  transition: all 0.5s;
  position: absolute;
  top: 14px;
  left: 0;
  width: 16px;
  height: 2px;
  background: #aaa;
  content: "";
  border-radius: 1px;
}
.ocourse_previewHideEditor:hover span,
.ocourse_previewHideEditor:hover span:before,
.ocourse_previewHideEditor:hover span:after {
  background: #3296fa;
}
.ocourse_previewHideEditor span:before {
  top: -3px;
  width: 8px;
  transform: rotate(-45deg);
}
.formHide .ocourse_previewHideEditor span:before {
  left: 8px;
  transform: rotate(45deg);
}
.ocourse_previewHideEditor span:after {
  top: 3px;
  width: 8px;
  transform: rotate(45deg);
}
.formHide .ocourse_previewHideEditor span:after {
  left: 8px;
  transform: rotate(-45deg);
}
.ocourse_previewHideEditor div {
  padding-left: 26px;
}
.ocourse_preview .linebuttons {
  position: relative;
  margin: -30px -50% 0 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
.ocourse_preview .linebutton img {
  transition: all 0.25s;
}
.ocourse_preview.tilt .linebutton.active img {
  transform: rotate(-90deg);
}
.ocourse_previewHolder {
  position: relative;
  width: 100%;
  height: calc(100vh - 246px);
}
.ocourse_previewHolder:before {
  content: "";
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  opacity: 0;
}
.ocourse_preview.tablet .ocourse_previewHolder:before {
  animation: tiltAnimation 0.5s;
  width: 768px;
  height: 1024px;
}
.ocourse_preview.phone .ocourse_previewHolder:before {
  animation: tiltAnimation2 0.5s;
  width: 360px;
  height: 640px;
}
.ocourse_preview.tilt .ocourse_previewHolder:before {
  animation: tiltAnimation3 0.5s;
  max-width: calc(100vh - 246px);
  max-height: calc(100vw - 500px);
  transform: translate(-50%, -50%) rotate(-90deg);
}
.hideForm .ocourse_preview.tilt .ocourse_previewHolder:before {
  max-height: calc(100vw - 50px);
}
@keyframes tiltAnimation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tiltAnimation2 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tiltAnimation3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ocourse_previewIframe {
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.ocourse_preview.tablet .ocourse_previewIframe {
  width: 768px;
  height: 1024px;
}
.ocourse_preview.tablet.tilt .ocourse_previewIframe {
  width: 1024px;
  height: 768px;
}
.ocourse_preview.phone .ocourse_previewIframe {
  width: 360px;
  height: 640px;
}
.ocourse_preview.phone.tilt .ocourse_previewIframe {
  width: 640px;
  height: 360px;
}
.ocourse_previewIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.form_previewBanner {
  width: 150px;
  height: 81px;
}
.form_previewBanner span {
  bottom: 40px;
  transform: rotate(25deg);
}

/* apps/shared-assets/css/platform_settings_formsnew.css */
.forms_overviewViews {
  margin-bottom: -34px;
}
.forms_overviewButtonsLeft {
  float: left;
}
.forms_overviewButtonsLeft .button {
  margin-right: 15px;
}
.forms_overviewList .contentbox {
  max-height: calc(100vh - 281px);
  margin-top: 10px;
}
.form_headline {
  transition: all 0.25s;
  float: left;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% + 20px) 50% no-repeat;
  box-sizing: border-box;
  cursor: pointer;
}
.form_headline:hover {
  background-position: calc(100% - 9px) 50%;
  padding: 0 30px 0 16px;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa inset;
  border-radius: 15px;
}
.form_langdrop {
  position: relative;
  float: left;
}
.form_langdropSelected {
  padding: 4px 29px 4px 4px;
}
.form_langdropSelected img {
  float: left;
}
.form_langdropSelected:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 10px;
  width: 9px;
  height: 28px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 100% 50% no-repeat;
  opacity: 0.5;
}
.form_langdrop:hover .form_langdropSelected:after {
  opacity: 1;
}
.form_langdrop.active .form_langdropSelected:after {
  transform: rotate(180deg);
}
.form_langdropOptions {
  transition: all 0.25s;
  max-height: 0;
  position: absolute;
  top: 30px;
  right: 20px;
  background: rgba(0, 0, 0, 0.85);
  overflow: hidden;
  border-radius: 3px;
  opacity: 0;
  z-index: 1;
}
.form_langdrop.active .form_langdropOptions {
  top: 35px;
  max-height: 9999px;
  opacity: 1;
}
.form_langdropOptions a {
  transition: all 0.25s;
  display: block;
  height: 40px;
  background-position: calc(100% - 10px) 50%;
  background-repeat: no-repeat;
  padding: 0 40px 0 15px;
  line-height: 41px;
  text-decoration: none;
  text-align: right;
  color: #fff;
  overflow: hidden;
}
.form_langdropOptions a:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.form_langdropOptions a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.form_langdropOptions a.active {
  background-color: rgba(50, 150, 250, 1);
}
.form_builderOpen {
  transition: all 0.25s;
  position: absolute;
  top: 40%;
  left: -30px;
  height: 60px;
  background: #fff;
  padding: 0 25px 0 0;
  line-height: 60px;
  font-weight: bold;
  color: rgb(25, 75, 125);
  z-index: 15;
  transform: rotate(-90deg) translate(-50%, 0);
  transform-origin: 0% 50% 0;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0);
  cursor: pointer;
  z-index: 100;
}
.formHide .form_builderOpen {
  left: 30px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.25);
}
.form_builderOpen:before {
  content: "";
  float: left;
  width: 60px;
  height: 60px;
  background: #f9f9f9 url(/img/careersite/symbol.svg) 50% 50% no-repeat;
  border-top: 1px solid #eee;
  margin-right: 25px;
  border-radius: 0 0 3px 0;
  transform: rotate(90deg);
  box-sizing: border-box;
}
.form_builder {
  transition: all 0.25s;
  position: absolute;
  display: table;
  top: 141px;
  left: 0;
  width: 450px;
  height: calc(100% - 141px);
  background: #fff;
  overflow: hidden;
  border-right: 1px solid #e5e5e5;
}
.formHide .form_builder {
  left: -451px;
}
.form_builderTop {
  display: table-row;
  height: 0;
}
.form_builderTopCell {
  display: table-cell;
}
.form_builderAware {
  transition: all 0.5s;
  float: left;
  width: 100%;
  max-height: 0px;
  background: rgba(255, 255, 0, 0.15);
  padding: 0 25px;
  text-align: center;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
  box-sizing: border-box;
  overflow: hidden;
  opacity: 0;
}
.form_builderAware.active {
  transition: all 0.5s 0.5s;
  max-height: 150px;
  padding: 25px;
  opacity: 1;
}
.form_builderAwareText {
  font-weight: bold;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
}
.form_builderContent {
  display: table-row;
  height: 100%;
}
.form_builderContentCell {
  display: table-cell;
}
.form_builderContentHolder {
  position: relative;
  width: 100%;
  height: 100%;
}
.form_builderSlide {
  transition: all 0.5s;
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.form_builderSlide.active {
  right: 0;
}
.form_builderSlide:before {
  transition: background 0.5s, width 0s 0.5s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  margin-right: -100%;
}
.form_builderSlide.active:before {
  transition: background 0.25s;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.form_builderSlideHolder {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form_builderSlideTop {
  display: table-row;
  height: 0;
}
.form_builderSlideCell {
  display: table-cell;
}
.form_builderBack {
  transition: all 0.25s;
  display: block;
  height: 60px;
  background: #3296FA;
  padding: 0 25px;
  line-height: 62px;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}
.form_builderBack:hover {
  background-color: #194B7D;
}
.form_builderBack:before {
  content: "";
  float: left;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.15) url(/img/icons/14/back_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 15px 15px 0 0;
}
.form_builderBack:hover:before {
  background-color: rgba(255, 255, 255, 0.25);
}
.form_builderSlideContent {
  display: table-row;
  height: 100%;
}
.form_builderSlideScroll {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.form_builderSlideScroll .headline {
  line-height: 20px;
}
.form_builderSlideScroll .headline .arrow {
  display: inline-block;
  width: 29px;
  height: 18px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
  vertical-align: top;
}
.form_builderSlideScroll .headline .edit {
  transition: all 0.25s;
  display: inline-block;
  background: url(/img/icons/12/edit_aaaaaa.svg) calc(100% + 18px) 50% no-repeat;
  margin: -3px 0 -3px -5px;
  padding: 1px 24px 0 5px;
  line-height: 23px;
  border-radius: 3px;
  outline: none;
  cursor: text;
}
.form_builderSlideScroll .headline .edit:hover {
  background: rgba(0, 0, 0, 0.05) url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
}
.form_builderSlideScroll .headline .edit:focus {
  background: rgba(255, 255, 255, 1) url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.form_builderSlideScroll .headline .edit:empty:after {
  content: attr(placeholder);
  color: #999;
}
.form_builderSlideScroll .headline .circlebutton {
  float: none;
  display: inline-block;
  margin: -10px 0 -10px 10px;
}
.form_builderSlideScroll .headline .circlebutton:first-of-type {
  margin-left: 15px;
}
.form_builderContentpadding {
  transition: all 0.25s;
  padding: 25px 25px 0 25px;
}
.form_builderContentpadding:last-child {
  padding-bottom: 25px;
}
.form_builderContentcenter {
  float: left;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}
.form_builderTitle {
  font-weight: bold;
  margin-bottom: 10px;
}
.form_builderTitle span {
  font-weight: normal;
  color: #999;
}
.form_builderContentbox {
  transition: all 0.25s;
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.form_builderContentbox.padding {
  padding: 15px;
}
.form_builderContentbox.drag,
.form_builderContentbox.drop {
  border: 1px solid rgb(50, 150, 250);
  box-shadow: 0 0 0 1px rgb(50, 150, 250);
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.form_builderContentbox.drop {
  border: 1px solid rgb(100, 200, 75);
  box-shadow: 0 0 0 1px rgb(100, 200, 75);
}
.form_builderContentbox.drag:after,
.form_builderContentbox.drop:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 150, 250, 0.15);
}
.form_builderContentbox.drop:after {
  background: rgba(100, 200, 75, 0.15);
}
.form_builderContentbox.active {
  border-color: rgb(50, 150, 250);
  box-shadow: 0 0 0 1px rgb(50, 150, 250);
}
.form_builderSteps {
  list-style: none;
  padding: 0;
  margin: 0;
}
.form_builderSteps li {
  transition: box-shadow 0.25s, opacity 0.25s;
  background: #fff;
}
.form_builderSteps .ui-sortable-helper {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  opacity: 0.85;
}
.form_builderSteps .ui-sortable-placeholder {
  visibility: visible !important;
  background: rgb(50, 150, 250);
  margin-top: -1px;
}
.form_builderAddStep {
  transition: all 0.25s;
  display: block;
  position: relative;
  height: 60px;
  background: #F7FCF6;
  padding: 0 25px;
  line-height: 61px;
  text-decoration: none;
  font-size: 16px;
  color: #000;
  overflow: hidden;
  margin-top: -1px;
  box-shadow: 0 1px 0 0 #E8F7E4 inset, 0 -1px 0 0 #E8F7E4 inset;
}
.form_builderAddStep:hover {
  background: #E8F7E4;
  z-index: 2;
}
.form_builderAddStep:before {
  content: "";
  float: left;
  width: 16px;
  height: 16px;
  background: #fff url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin: 22px 25px 0 0;
}
.form_builderToggle {
  margin-top: -1px;
}
.form_builderSteps li.ui-sortable-helper .form_builderToggle {
  margin-top: 0;
}
.form_builderToggleBar {
  transition: all 0.25s;
  position: relative;
  height: 60px;
  background: #F5FAFF;
  padding: 0 56px 0 25px;
  font-size: 16px;
  color: #000;
  overflow: hidden;
  box-shadow: 0 1px 0 0 #E0EFFE inset, 0 -1px 0 0 #E0EFFE inset;
  z-index: 1;
}
.form_builderToggleBar:hover {
  background: #E0EFFE;
}
.form_builderToggleBarToggler {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  cursor: pointer;
}
.form_builderToggleBarToggler:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 20px;
  right: 23px;
  width: 20px;
  height: 20px;
  background: url(/img/careersite/down.svg) 50% 50% no-repeat;
  opacity: 0.5;
}
.form_builderToggleBarToggler:hover:after {
  opacity: 1;
}
.form_builderToggle.active .form_builderToggleBarToggler:after {
  transform: rotate(180deg);
}
.form_builderToggleBarIcon {
  position: relative;
  float: left;
  margin: 22px 25px 0 0;
}
.form_builderToggleBarSort {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 66px;
  height: 60px;
  margin-left: -25px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.form_builderToggle.active .form_builderToggleBarSort {
  margin-left: -91px;
  margin-right: 25px;
}
.form_builderToggleBarSort span,
.form_builderToggleBarSort span:before,
.form_builderToggleBarSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 27px;
  left: 25px;
  width: 16px;
  height: 1px;
  background: rgba(50, 150, 250, 0.5);
}
.form_builderToggleBarSort span:before {
  top: 3px;
  left: 0;
}
.form_builderToggleBarSort span:after {
  top: 6px;
  left: 0;
}
.form_builderToggleBarSort:hover span,
.form_builderToggleBarSort:hover span:before,
.form_builderToggleBarSort:hover span:after,
.ui-sortable-helper .form_builderToggleBarSort span,
.ui-sortable-helper .form_builderToggleBarSort span:before,
.ui-sortable-helper .form_builderToggleBarSort span:after {
  background: #3296FA;
}
.form_builderToggleBarEdit {
  position: relative;
  display: block;
  float: left;
  margin: 18px 0 0 0;
}
.form_builderToggleBarTitle {
  transition: all 0.25s;
  position: relative;
  display: block;
  line-height: 21px;
  overflow: hidden;
  margin: 20px 0 0 0;
}
.form_builderToggleBarEdit .form_builderToggleBarTitle {
  float: left;
  background: url(/img/icons/12/edit_aaaaaa.svg) calc(100% + 18px) 50% no-repeat;
  padding: 2px 24px 1px 5px;
  border-radius: 3px;
  margin: 0 0 0 -5px;
  outline: none;
}
li:not(.ui-sortable-helper) .form_builderToggleBarEdit .form_builderToggleBarTitle {
  cursor: text;
}
li:not(.ui-sortable-helper) .form_builderToggleBarEdit:hover .form_builderToggleBarTitle {
  background: #fff url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
}
li:not(.ui-sortable-helper) .form_builderToggleBarEdit .form_builderToggleBarTitle:focus {
  background: #fff url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.form_builderToggleBarEdit .form_builderToggleBarTitle:empty:after {
  content: attr(placeholder);
  color: #aaa;
}
.form_builderToggleBarTitleArrow {
  display: inline-block;
  width: 29px;
  height: 18px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
  vertical-align: top;
}
.form_builderToggleBarEdit .form_builderToggleBarDelete {
  transition: all 0.25s;
  position: relative;
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  background: #fff url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
  overflow: hidden;
  border-radius: 3px;
  margin: 0 0 0 5px;
  opacity: 0;
}
li:not(.ui-sortable-helper) .form_builderToggleBarEdit:hover .form_builderToggleBarDelete {
  opacity: 1;
}
li:not(.ui-sortable-helper) .form_builderToggleBarEdit .form_builderToggleBarDelete:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.form_builderToggleBar .circlebutton {
  float: right;
  background: none;
  margin: 15px 0;
  opacity: 0.25;
}
.form_builderToggleBar:hover .circlebutton {
  opacity: 0.5;
}
.form_builderToggleBar:hover .circlebutton:hover,
.form_builderToggleBar .circlebutton.warning {
  opacity: 1;
}
.form_builderToggleContent {
  transition: all 0.25s;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
.form_builderToggle.active .form_builderToggleContent {
  max-height: 100%;
  padding-bottom: 1px;
  overflow: visible;
  opacity: 1;
}
.form_builderToggle.active:last-child .form_builderToggleContent,
.form_builderToggle.active:nth-last-child(2) .form_builderToggleContent {
  padding-bottom: 0 !important;
}
.form_builderToggle:not(.active) .form_builderContentpadding {
  padding: 0 25px;
}
.form_builderList {
  list-style: none;
  padding: 0 0 64px 0;
  margin: 0;
}
.form_builderList li {
  transition: box-shadow 0.25s, opacity 0.25s;
  background: #fff;
}
.form_builderList .ui-sortable-helper {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  opacity: 0.85;
}
.form_builderList .ui-sortable-placeholder {
  visibility: visible !important;
  background: rgba(50, 150, 250, 0.15);
  margin-top: 0;
}
.form_builderListItem {
  transition: all 0.25s;
  position: relative;
  height: 40px;
  padding: 0 15px;
  border-bottom: 1px solid #eee;
}
.form_builderListItem:last-child {
  border-bottom: 0;
}
.form_builderList .form_builderListItem {
  border-bottom: 1px solid #eee;
}
.ui-sortable-helper .form_builderListItem {
  border-bottom: 0;
  border-radius: 20px;
}
.form_builderListItemSort {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 46px;
  height: 40px;
  margin-left: -15px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.form_builderListItemCancel .form_builderListItemSort {
  cursor: not-allowed;
}
.form_builderListItemSort span,
.form_builderListItemSort span:before,
.form_builderListItemSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 16px;
  left: 15px;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.form_builderListItemSort span:before {
  top: 3px;
  left: 0;
}
.form_builderListItemSort span:after {
  top: 6px;
  left: 0;
}
.form_builderListItemSort:hover span,
.form_builderListItemSort:hover span:before,
.form_builderListItemSort:hover span:after,
.ui-sortable-helper .form_builderListItemSort span,
.ui-sortable-helper .form_builderListItemSort span:before,
.ui-sortable-helper .form_builderListItemSort span:after {
  background: rgb(50, 150, 250);
}
.form_builderListItemCancel .form_builderListItemSort:hover span,
.form_builderListItemCancel .form_builderListItemSort:hover span:before,
.form_builderListItemCancel .form_builderListItemSort:hover span:after {
  background: rgb(245, 75, 75);
}
.form_builderListItemIcons {
  transition: all 0.25s;
  float: right;
  margin: 8px -7px 8px 8px;
}
.ui-sortable-helper .form_builderListItemIcons {
  opacity: 0;
}
.form_builderListItemIcon {
  transition: all 0.25s;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 3px;
  opacity: 0.5;
}
.form_builderListItem:hover .form_builderListItemIcon {
  opacity: 1;
}
.form_builderListItemIcon:hover {
  background: #f9f9f9;
  box-shadow: 0 0 0 1px #eee inset;
}
.form_builderListItemIcon img {
  float: left;
  margin: 6px;
}
.form_builderListItemIcons .form_builderColorpicker {
  float: left;
  margin: -1px 10px 0 0;
}
.form_builderListItemIcons .dropdown {
  max-width: 100px;
  margin: 4px 10px 0 0;
}
.form_builderListItemLabel {
  transition: all 0.25s;
  float: left;
  height: 20px;
  background: #eee;
  line-height: 19px;
  font-size: 10px;
  border-radius: 10px;
  margin: 2px 8px 0 0;
  cursor: pointer;
}
.form_builderListItemLabel:hover {
  background: #3296FA;
  color: #fff;
}
.form_builderListItemLabel > span {
  font-family: courier;
  display: block;
  padding: 0 10px;
}
.form_builderListItemLabel .link {
  float: left;
  display: block;
  max-width: 100px;
  padding: 0 10px;
  line-height: 20px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #000;
  overflow: hidden;
}
.form_builderListItemLabel:hover .link {
  color: #fff;
}
.form_builderListItemLabel .delete {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 0;
  height: 20px;
  background: url(/img/icons/12/delete_ffffff.svg) 50% 50% no-repeat;
  margin: 0;
  transform: scale(0);
}
.form_builderListItemLabel:hover .delete {
  width: 20px;
  margin: 0 0 0 -10px;
  transform: scale(1);
}
.form_builderListItemLabel .loading {
  margin: 8px 10px;
}
.form_builderListItemTitle {
  transition: all 0.25s;
  position: relative;
  display: block;
  max-width: 300px;
  height: 40px;
  line-height: 41px;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
  overflow: hidden;
}
.form_builderListItem .edithide {
  overflow: hidden;
  top: 10px;
  left: -5px;
}
.form_builderContentboxBottom,
.form_builderListBottom {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 2px;
}
.form_builderContentboxBottom:not(:first-child) {
  border-top: 1px solid #eee;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form_builderContentbox.padding .form_builderContentboxBottom {
  margin: 15px -15px -15px -15px;
}
.form_builderContentbox.padding .form_builderContentboxBottom:first-child {
  margin-top: -15px;
}
.form_builderListBottom {
  margin-top: -64px;
}
.form_builderOptionlist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.form_builderOptionlist li {
  transition: box-shadow 0.25s;
}
.form_builderOptionlist li.ui-sortable-placeholder {
  visibility: visible !important;
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  margin: 0 0 5px 0;
}
.form_builderOptionlist li.ui-sortable-helper {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.form_builderOptionlistSort {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 39px;
  height: 38px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.form_builderOptionlistSort span,
.form_builderOptionlistSort span:before,
.form_builderOptionlistSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.form_builderOptionlistSort span:before {
  top: 3px;
  left: 0;
}
.form_builderOptionlistSort span:after {
  top: 6px;
  left: 0;
}
.form_builderOptionlistSort:hover span,
.form_builderOptionlistSort:hover span:before,
.form_builderOptionlistSort:hover span:after,
.ui-sortable-helper .form_builderOptionlistSort span,
.ui-sortable-helper .form_builderOptionlistSort span:before,
.ui-sortable-helper .form_builderOptionlistSort span:after {
  background: rgb(50, 150, 250);
}
.form_builderOptionlist ul .input {
  margin-bottom: 5px;
}
.form_builderOptionlistSettings {
  float: right;
}
.form_builderOptionlistSettingsValue,
.form_builderOptionlistSettingsShow {
  display: block;
  float: left;
  width: 38px;
  height: 38px;
  background: url(/img/icons/12/hashtag_aaaaaa.svg) 50% 50% no-repeat;
  overflow: hidden;
  border-left: 1px solid #eee;
  cursor: pointer !important;
}
.form_builderOptionlistSettingsValue.active {
  background-image: url(/img/icons/12/hashtag_3296fa.svg);
}
.form_builderOptionlistSettingsShow {
  background-image: url(/img/icons/12/eye_3296fa.svg);
  background-size: 16px;
  border-radius: 0 2px 2px 0;
}
.input.disabled .form_builderOptionlistSettingsShow {
  background-image: url(/img/icons/12/eye_none_aaaaaa.svg);
}
.form_builderOptionlistInputWithSettings {
  width: calc(100% - 78px) !important;
}
.form_builderGrid {
  transition: all 0.25s;
  width: 100%;
  float: left;
  padding: 18px 17px 17px 18px;
  box-sizing: border-box;
}
.form_builderGrid.form_builderG16 {
  padding: 23px 22px 22px 23px;
}
.form_builderToggle:not(.active) .form_builderGrid {
  padding: 0 17px 0 18px;
}
.form_builderGridElement {
  transition: all 0.25s;
  width: 100%;
  float: left;
  padding: 7px 8px 8px 7px;
  box-sizing: border-box;
}
.form_builderToggle:not(.active) .form_builderGridElement {
  padding: 0 8px 0 7px;
}
.form_builderGrid.form_builderG50 .form_builderGridElement {
  width: 50%;
}
.form_builderGrid.form_builderG33 .form_builderGridElement {
  width: 33.3333%;
}
.form_builderGrid.form_builderG25 .form_builderGridElement {
  width: 25%;
}
.form_builderGrid.form_builderG20 .form_builderGridElement {
  width: 20%;
}
.form_builderGrid.form_builderG16 .form_builderGridElement {
  width: 16.6666%;
}
.form_builderGrid.form_builderG16 .form_builderGridElement {
  padding: 2px 3px 3px 2px;
}
.form_builderToggle:not(.active) .form_builderGrid.form_builderG16 .form_builderGridElement {
  padding: 0 3px 0 2px;
}
.form_builderExistingelements {
  overflow: hidden;
}
.form_builderExistingelements div:first-child {
  margin-top: -1px;
}
.form_builderExistingelementCategory {
  transition: all 0.25s;
  display: block;
  position: relative;
  width: 344px;
  height: 40px;
  background: #f9f9f9;
  padding: 0 39px 0 15px;
  line-height: 41px;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #000;
  overflow: hidden;
  border-top: 1px solid #eee;
}
.form_builderExistingelementCategory:hover {
  background: #eee;
}
.form_builderExistingelementCategory:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 39px;
  height: 40px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 50% 50% no-repeat;
}
.form_builderExistingelementCategory.active:before {
  transform: rotate(180deg);
}
.form_builderExistingelement {
  transition: all 0.25s;
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  border-top: 1px solid #eee;
}
.form_builderExistingelement:hover {
  background: rgba(50, 150, 250, 0.05);
}
.form_builderExistingelement.added {
  animation: existingElementAdded 0.5s;
  margin-left: 100%;
}
@keyframes existingElementAdded {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 100%;
  }
}
.form_builderExistingelement.added:after {
  animation: existingElementAddedAfter 1s;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff url(/img/icons/12/checkmark_64c84b.svg) 50% 50% no-repeat;
  margin-left: -100%;
  opacity: 1;
  box-shadow: 0 -1px 0 0 #eee;
  cursor: default;
}
@keyframes existingElementAddedAfter {
  0% {
    background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 0% 50% no-repeat;
    opacity: 0;
  }
  50% {
    background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
    opacity: 1;
  }
  100% {
    background: #fff url(/img/icons/12/checkmark_64c84b.svg) 50% 50% no-repeat;
    opacity: 1;
  }
}
.form_builderExistingelementIcon {
  position: absolute;
  top: 14px;
  left: 14px;
}
.form_builderExistingelementTitle {
  position: absolute;
  top: 0;
  left: 40px;
  width: calc(100% - 100px);
  height: 40px;
  line-height: 41px;
  white-space: nowrap;
  font-weight: bold;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form_builderExistingelementInfo {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  background: #eee;
  padding: 0 5px;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  border-radius: 2px;
  margin: 10px 0 0 10px;
}
.form_builderExistingelementUsed {
  transition: all 0.25s;
  position: absolute;
  top: 10px;
  right: 15px;
  min-width: 20px;
  height: 20px;
  background: rgba(50, 150, 250, 0.25);
  padding: 0 5px;
  line-height: 21px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #3296fa;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
}
.form_builderExistingelementUsed:hover {
  background: rgba(50, 150, 250, 1);
  color: #fff;
}
.form_builderExistingelement.added .form_builderExistingelementUsed {
  opacity: 0;
}
.form_builderExistingelementUsedTooltip {
  font-size: 12px;
  margin: 9px 2px;
}
.form_builderExistingelementUsedTooltip ul {
  padding-left: 20px;
  margin: 0;
}
.form_builderLayout {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: left;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(50, 150, 250, 0);
}
.form_builderLayout:hover {
  border-color: #3296FA;
  box-shadow: 0 0 0 1px #3296FA;
}
.form_builderLayout.active {
  border-color: #64C84B;
  box-shadow: 0 0 0 1px #64C84B;
}
.form_builderLayout.active:after {
  animation: formBuilderLayoutCheck 0.25s;
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: -11px;
  width: 20px;
  height: 20px;
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  z-index: 1;
}
@keyframes formBuilderLayoutCheck {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.form_builderLayoutImage {
  float: left;
  width: 36px;
  padding: 15px 0;
  margin-left: calc(50% - 18px);
}
.form_builderLayout .boxlink {
  transition: all 0.25s;
  background: rgba(50, 150, 250, 0.15);
  border-radius: 2px;
  opacity: 0;
}
.form_builderLayout.active .boxlink {
  background: rgba(100, 200, 75, 0.15);
}
.form_builderLayout:hover .boxlink {
  opacity: 1;
}
.form_builderLayout .form_builderContentcenter {
  transition: all 0.25s;
  position: absolute;
  top: calc(50% - 40px);
  left: 0;
  height: 30px;
  background: #fff;
  padding: 10px 8px 10px 7px;
  border-radius: 25px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
  opacity: 0;
}
.form_builderLayout:hover .form_builderContentcenter {
  top: calc(50% - 25px);
  opacity: 1;
}
.form_builderG50 .form_builderLayout .form_builderContentcenter {
  top: calc(50% - 35px);
  padding: 5px 3px 5px 2px;
  border-radius: 20px;
}
.form_builderG50 .form_builderLayout:hover .form_builderContentcenter {
  top: calc(50% - 20px);
  opacity: 1;
}
.form_builderLayout .circlebutton {
  margin: 0 2px 0 3px;
}
.form_builderLayoutTitle,
.form_builderLayoutTitleEdit,
.form_builderLayoutTitleNoEdit {
  transition: all 0.25s;
  float: left;
  width: 100%;
  height: 31px;
  background: #f9f9f9;
  padding: 0 15px;
  line-height: 32px;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.form_builderLayoutTitleEdit,
.form_builderLayoutTitleNoEdit {
  height: 41px;
  line-height: 18px;
  font-size: 14px;
  color: #000;
  white-space: normal;
  text-overflow: clip;
  text-transform: none;
}
.form_builderLayoutTitleNoEdit {
  line-height: 41px;
}
.form_builderLayout:hover .form_builderLayoutTitle {
  background: rgba(50, 150, 250, 0.1);
}
.form_builderLayout:hover .form_builderLayoutTitle {
  color: #3296FA;
}
.form_builderLayout.active .form_builderLayoutTitle {
  color: #000;
}
.form_builderLayoutTitleEdit div {
  transition: all 0.25s;
  position: relative;
  display: inline-block;
  background: url(/img/icons/12/edit_aaaaaa.svg) calc(100% + 18px) 50% no-repeat;
  padding: 2px 5px 1px 5px;
  border-radius: 3px;
  margin: 10px 0;
  outline: none;
  cursor: text;
}
.form_builderLayout:hover .form_builderLayoutTitleEdit div,
.form_builderLayout:hover .form_builderLayoutTitleEdit div:hover,
.form_builderLayout .form_builderLayoutTitleEdit div:focus {
  background: #fff url(/img/icons/12/edit_aaaaaa.svg) calc(100% - 6px) 50% no-repeat;
  padding-right: 24px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
}
.form_builderLayout:hover .form_builderLayoutTitleEdit div:hover,
.form_builderLayout .form_builderLayoutTitleEdit div:focus {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px #3296FA !important;
}
.form_builderLayoutTitleEdit div:empty:after {
  content: attr(placeholder);
  color: #999;
}
.form_builderColoropacity {
  float: left;
  width: calc(100% - 80px);
  font-size: 12px;
  line-height: 16px;
}
.form_builderColoropacity .slider {
  margin-top: 8px;
}
.form_builderColor {
  line-height: 26px;
}
.form_builderColor:not(:last-child) {
  margin-bottom: 5px;
}
.form_builderColorpicker {
  transition: all 0.25s;
  float: right;
  width: 70px;
  height: 26px;
  line-height: 27px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  text-shadow:
    -1px -1px rgba(0, 0, 0, 0.15),
    0 -1px rgba(0, 0, 0, 0.15),
    1px -1px rgba(0, 0, 0, 0.15),
    1px 0 rgba(0, 0, 0, 0.15),
    1px 1px rgba(0, 0, 0, 0.15),
    0 1px rgba(0, 0, 0, 0.15),
    -1px 1px rgba(0, 0, 0, 0.15),
    -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  overflow: hidden;
  border-radius: 3px;
}
.form_builderImage {
  float: left;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.form_builderImage img,
.form_builderImage video {
  float: left;
  max-width: 100%;
  max-height: 140px;
  border-radius: 3px;
}
.form_builderImage iframe {
  float: left;
}
.form_builderImage .radiobutton,
.form_builderImage .checkbox {
  position: absolute;
  top: 5px;
  left: 5px;
  box-shadow: 0 0 0 2px #fff;
}
.form_builderPermission {
  height: 24px;
  overflow: hidden;
}
.form_builderPermission:not(:last-child) {
  margin-bottom: 10px;
}
.form_builderPermissionDefault {
  margin-right: 10px;
}
.form_builderPermissionMandatory,
.form_builderPermissionOptional,
.form_builderPermissionReadOnly,
.form_builderPermissionHide {
  transition: all 0.25s;
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  background: #ddd url(/img/icons/12/lock_closed_ffffff.svg) 50% 50% no-repeat;
  overflow: hidden;
  border-radius: 50%;
}
.form_builderPermissionOptional {
  background-image: url(/img/icons/12/lock_open_ffffff.svg);
}
.form_builderPermissionReadOnly {
  background-image: url(/img/icons/12/eye_ffffff.svg);
}
.form_builderPermissionHide {
  background-image: url(/img/icons/12/eye_none_ffffff.svg);
}
.form_builderPermissionMandatory:hover,
.form_builderPermissionOptional:hover,
.form_builderPermissionReadOnly:hover,
.form_builderPermissionHide:hover {
  background-color: #ccc;
}
.form_builderPermissionMandatory.active {
  background-color: #f54b4b;
}
.form_builderPermissionOptional.active {
  background-color: #3296fa;
}
.form_builderPermissionReadOnly.active {
  background-color: #ffbe00;
}
.form_builderPermissionHide.active {
  background-color: #666;
}
.form_builderPermissionDefault.active {
  background-color: #64c84b;
}
.form_builderPermissionTitle {
  float: left;
  width: 57%;
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form_builderPermissionTitle.options {
  cursor: pointer;
}
.form_builderPermissionTitle.options:after {
  transition: all 0.25s;
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 9px;
  height: 24px;
  background-image: url(/img/icons/9/arrowdown_aaaaaa.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  margin-left: 5px;
}
.form_builderPermissionTitle.options.active:after {
  transform: rotate(180deg);
}
.form_builderPermissionIcons {
  float: right;
}
.form_builderPermissionIcons a {
  margin-left: 5px;
}
.form_builderPermission .switch {
  float: right;
  margin: 2px 0;
}
.form_builderConstrainproportions {
  float: left;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.form_builderConstrainproportions .switch {
  margin-right: 10px;
}
.form_builderBgposition {
  float: right;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}
.form_builderBgpositionAreas {
  position: relative;
  float: right;
  margin-left: 10px;
  width: 20px;
  height: 20px;
}
.form_builderBgpositionAreas a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  background: #fff;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 1px;
  cursor: default;
}
.form_builderBgpositionAreas a:hover {
  background: rgba(50, 150, 250, 0.5);
  box-shadow: 0 0 0 1px #3296fa inset;
}
.form_builderBgpositionAreas a.active {
  box-shadow: 0 0 0 4px #3296fa inset;
}
.form_builderBgpositionAreas a.top-center {
  top: 0;
  left: 7px;
}
.form_builderBgpositionAreas a.top-right {
  top: 0;
  left: 14px;
}
.form_builderBgpositionAreas a.center-left {
  top: 7px;
  left: 0;
}
.form_builderBgpositionAreas a.center-center {
  top: 7px;
  left: 7px;
}
.form_builderBgpositionAreas a.center-right {
  top: 7px;
  left: 14px;
}
.form_builderBgpositionAreas a.bottom-left {
  top: 14px;
  left: 0;
}
.form_builderBgpositionAreas a.bottom-center {
  top: 14px;
  left: 7px;
}
.form_builderBgpositionAreas a.bottom-right {
  top: 14px;
  left: 14px;
}
.form_builderColoroverlay {
  float: left;
  width: calc(100% - 80px);
  font-size: 12px;
  line-height: 16px;
}
.form_builderColoroverlay .slider {
  margin-top: 8px;
}
.form_builderImages {
  float: left;
  list-style: none;
  padding: 0;
  margin: -5px;
}
.form_builderImages li {
  transition: transform 0.25s;
  width: 179px;
  height: 140px;
  margin: 5px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.form_builderImages .ui-sortable-helper {
  background: transparent;
  border: 0;
  box-shadow: none;
  transform: scale(1.25) rotate(10deg);
}
.form_builderImages .ui-sortable-helper img {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}
.form_builderImages .ui-sortable-helper .hoverdelete,
.form_builderImages .ui-sortable-helper .hoveredit,
.form_builderImages .ui-sortable-helper .radiobutton,
.form_builderImages .ui-sortable-helper .checkbox {
  transition: all 0s;
  opacity: 0 !important;
}
.form_builderImages .ui-sortable-placeholder {
  visibility: visible !important;
  border: 2px dashed #3296FA;
  box-shadow: none;
}
.form_builderImages li img {
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
  margin-top: calc(50% - 19px);
  margin-left: 50%;
}
.form_builderImages .form_builderVideo {
  height: 111px;
}
.form_builderImages .form_builderVideo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form_builderTeam {
  list-style: none;
  float: left;
  width: calc(100% + 10px);
  padding: 0;
  margin: -5px;
}
.form_builderTeam li {
  transition: box-shadow 0.25s, transform 0.25s;
  float: left;
  width: calc(100% - 10px);
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.form_builderTeam .ui-sortable-helper {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  transform: scale(0.9) rotate(5deg);
}
.form_builderTeam .ui-sortable-helper .hoverdelete {
  transition: all 0s;
  opacity: 0 !important;
}
.form_builderTeam .ui-sortable-placeholder {
  visibility: visible !important;
  width: calc(100% - 8px);
  border: 2px dashed #3296FA;
  margin: 4px;
  box-shadow: none;
}
.form_builderTeam li img {
  float: left;
  width: 85px;
  height: 85px;
  border-radius: 50%;
}
.form_builderTeam li .input {
  float: right;
  width: calc(100% - 95px);
}
.form_builderTeam li .input:last-of-type {
  margin-top: 5px;
}
.form_builderTeam li .textarea {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.form_builderTeam_tooltipTrigger {
  transition: all 0.25s;
  position: absolute;
  top: 71px;
  left: 71px;
  display: block;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.form_builderTeam_tooltipTrigger:hover {
  background: #3296FA;
}
.form_builderTeam_tooltipTrigger:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/icons/12/link_aaaaaa.svg) 50% 50% no-repeat;
}
.form_builderTeam_tooltipTrigger:hover:before {
  background-image: url(/img/icons/12/link_ffffff.svg);
}
.form_builderTeam_tooltip {
  width: 233px;
  padding: 9px 1px;
}
.form_builderTeam_tooltip .input:not(:first-child) {
  margin-top: 5px;
}
.form_builderMaplocation:not(:first-of-type) {
  margin-top: 15px;
}
.form_builderMaplocation .input:not(:first-child),
.form_builderMaplocation .textarea:not(:first-child),
.form_builderMaplocation iframe {
  float: left;
  width: 100%;
  border-radius: 3px;
  margin-top: 5px;
}
.form_builderCode {
  position: relative;
  min-height: 200px;
  background: #333;
}
.ui-sortable-helper,
.ui-sortable-helper * {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.form_preview {
  transition: all 0.25s;
  position: absolute;
  top: 141px;
  right: 0;
  bottom: 0;
  width: calc(100% - 451px);
  padding: 25px 25px 0 25px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.formHide .form_preview {
  width: 100%;
}
@media (max-width: 1430px) {
  body:not(.formHide) .column_left,
  body:not(.formHide) .column_right {
    width: 100% !important;
  }
}
@media (max-width: 1050px) {
  body:not(.formHide) .split_left,
  body:not(.formHide) .split_right {
    width: 100% !important;
  }
}
.form_previewElement {
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 0;
}
.form_previewElement:not(.splitNext) {
  margin-bottom: 0 !important;
}
.form_previewElement.split {
  z-index: 2;
}
.form_previewElement.splitNext {
  z-index: 1;
}
.form_previewElement:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -12px;
  right: -12px;
  bottom: 13px;
  left: -12px;
  background: rgba(255, 255, 0, 0.05);
  border: 2px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  box-sizing: border-box;
  opacity: 0;
}
.form_previewElement.added:before {
  background: rgba(100, 200, 75, 0.05);
  border: 2px solid rgba(100, 200, 75, 1);
}
.form_previewElement.active:before {
  background: rgba(50, 150, 250, 0.05);
  border: 2px solid rgba(50, 150, 250, 1);
}
.form_previewElement.split:before {
  right: calc(50% + 1px);
}
.form_previewElement:hover:before,
.form_previewElement.added:before,
.form_previewElement.active:before,
.form_previewElement.split:before,
.form_previewElement.splitNext:before {
  opacity: 1;
}
.form_previewElementSplit {
  display: block;
  overflow: hidden;
}
.form_previewElementActions {
  transition: all 0.25s;
  position: absolute;
  bottom: -11px;
  left: 50%;
  white-space: nowrap;
  font-size: 0;
  transform: translate(-50%, 0);
  opacity: 0;
  z-index: 3;
}
.form_previewElement:hover .form_previewElementActions {
  opacity: 1;
}
.form_previewElementActionsEdit,
.form_previewElementActionsAdd,
.form_previewElementActionsSplit {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  background: #3296fa url(/img/icons/12/edit_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
  border-radius: 50%;
  margin: 0 8px 0 7px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 0 2px #fff;
  z-index: 100;
  transform: scale(0);
  opacity: 0;
}
.form_previewElementActionsAdd {
  background-color: #64C84B;
  background-image: url(/img/icons/12/add_ffffff.svg);
}
.form_previewElementActionsSplit {
  background-color: #FFAA00;
  background-image: url(/img/icons/12/split_ffffff.svg);
}
.form_previewElement:hover .form_previewElementActionsEdit,
.form_previewElementActionsEdit:hover,
.form_previewElement:hover .form_previewElementActionsAdd,
.form_previewElementActionsAdd:hover,
.form_previewElement:hover .form_previewElementActionsSplit,
.form_previewElementActionsSplit:hover {
  transform: scale(1);
  opacity: 1;
}
.form_previewElementActionsEdit:hover,
.form_previewElementActionsAdd:hover,
.form_previewElementActionsSplit:hover {
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.5) inset, 0 0 0 2px #fff;
}
.form_previewElementActionsEdit:active,
.form_previewElementActionsAdd:active,
.form_previewElementActionsSplit:active {
  transform: scale(0.75) !important;
}
.form_previewSplit {
  position: relative;
}
.form_previewSplitDrag {
  position: absolute;
  top: 0;
  left: calc(50% - 12px);
  bottom: 25px;
  width: 25px;
  z-index: 10;
  cursor: col-resize;
}
@media (max-width: 1050px) {
  body:not(.formHide) .form_previewSplitDrag {
    display: none;
  }
}
@media (max-width: 600px) {
  .form_previewSplitDrag {
    display: none;
  }
}
.form_previewSplitDrag:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  bottom: -30px;
}
.form_previewSplitDrag:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 50%;
  left: 11px;
  width: 3px;
  height: 0;
  background: #3296fa;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 1.5px;
  opacity: 0;
  transition: translate(0, -50%);
}
.form_previewSplit:hover .form_previewSplitDrag:hover:after {
  top: 0;
  opacity: 1;
  height: 100%;
  transition: translate(0, 0);
}
.form_previewSplitDrag span {
  transition: all 0.25s;
  position: absolute;
  display: block;
  width: 21px;
  height: 21px;
  left: 2px;
  bottom: -33px;
  background: #F54B4B;
  border-radius: 50%;
  border-top-left-radius: 0;
  transform: rotate(45deg) scale(0);
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.form_previewSplitDrag:hover span {
  bottom: -23px;
  transform: rotate(45deg) scale(0.7145);
  opacity: 1;
}
.form_previewSplitDrag:hover span:hover {
  transform: rotate(45deg) scale(1);
}
.form_previewSplitDrag span:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 5px;
  left: 5px;
  background: url(/img/icons/12/cross_ffffff.svg) 50% 50% no-repeat;
  background-size: cover;
  transform: rotate(-45deg);
}
.form_previewBanner {
  position: fixed;
  top: 140px;
  right: 0;
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-bottom-left-radius: 100%;
  z-index: 2;
}
.form_previewBanner:not(.noHover) {
  cursor: pointer;
}
.form_previewBanner span {
  transition: all 0.25s;
  position: absolute;
  bottom: 70px;
  right: -40px;
  width: 200px;
  height: 30px;
  background: rgba(50, 150, 250, 0.85);
  line-height: 31px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  transform: rotate(45deg);
  transform-origin: bottom;
}
.form_previewBanner:not(.noHover):hover span {
  height: 40px;
  padding-top: 50px;
  line-height: 41px;
}
.form_previewBanner:not(.noHover):after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 52px;
  height: 52px;
  background: url(/img/icons/12/external_ffffff.svg) 50% 50% no-repeat;
  opacity: 0;
}
.form_previewBanner:not(.noHover):hover:after {
  top: 0;
  right: 0;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
  opacity: 1;
}

/* apps/shared-assets/css/learningsitelayout.css */
body {
  min-width: 320px;
}
.lsl_top {
  transition: all 0.25s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #25211E;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  z-index: 100;
}
.hideTop .lsl_top {
  top: -60px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0);
}
.lsl_topMenu {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  cursor: pointer;
}
.lsl_topMenu:hover {
  background: rgba(0, 0, 0, 0.1);
}
.completed .lsl_topMenu {
  border-right: 1px solid rgba(255, 255, 255, 0);
  margin-left: -60px;
}
.lsl_topMenu span,
.lsl_topMenu span:before,
.lsl_topMenu span:after {
  transition: all 0.25s;
  position: absolute;
  top: 29px;
  left: 22px;
  width: 16px;
  height: 2px;
  background: #fff;
  content: "";
  border-radius: 1px;
}
.lsl_topMenu span:before {
  top: -5px;
  left: 0;
}
.activeMenu .lsl_topMenu span:before {
  top: -3px;
  width: 8px;
  transform: rotate(-45deg);
}
.lsl_topMenu span:after {
  top: 5px;
  left: 0;
}
.activeMenu .lsl_topMenu span:after {
  top: 3px;
  width: 8px;
  transform: rotate(45deg);
}
.lsl_topNext,
.lsl_topComplete {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: right;
  background: #194B7D;
  height: 30px;
  padding: 0 26px 0 15px;
  line-height: 31px;
  text-decoration: none;
  font-weight: bold;
  color: #194B7D;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 0 0 2px #fff inset, 0 1px 2px rgba(0, 0, 0, 0.25);
  margin: 15px 25px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.lsl_topNext:not(:hover) {
  background: #fff;
}
.lsl_topNext:hover {
  color: #fff;
}
.lsl_topComplete {
  display: none;
  background: #fff url(/img/icons/12/checkmark_64c84b.svg) calc(100% - 9px) 50% no-repeat;
  color: #64C84B;
  padding: 0 28px 0 15px;
  box-shadow: 0 0 0 2px #fff inset, 0 1px 2px rgba(0, 0, 0, 0.25);
}
.lsl_topComplete:hover {
  background-color: #64C84B;
  background-image: url(/img/icons/12/checkmark_ffffff.svg) !important;
  color: #fff;
}
.lsl_topNext:before,
.lsl_topNext:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 11px;
  width: 8px;
  height: 2px;
  background: #194B7D;
  border-radius: 1px;
  transform: rotate(45deg);
  transform-origin: 100% 0%;
}
.lsl_topNext:after {
  top: calc(50% - 2px);
  transform: rotate(-45deg);
  transform-origin: 100% 100%;
}
.lsl_topNext:hover:before,
.lsl_topNext:hover:after {
  background: #fff;
}
.lsl_topSteps {
  transition: opacity 0.25s;
  float: right;
  max-width: 192px;
  padding: 15px 0px;
  white-space: nowrap;
  text-align: right;
  font-size: 0px;
  overflow: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.completed .lsl_topSteps {
  opacity: 0;
}
.lsl_topStep {
  transition: all 0.25s;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background: url(/img/icons/12/lock_closed_ffffff.svg) rgba(255, 255, 255, 0.25) 50% 50% no-repeat;
  background-size: 0px;
  line-height: 31px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  margin: 0px 3px 0 2px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.lsl_topStep:first-child {
  margin-left: 25px;
}
.lsl_topStep:last-child {
  margin-right: 25px;
}
.lsl_topStep:not(.locked):hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.lsl_topStep.locked,
.lsl_topStep.done {
  background-size: 12px;
  font-size: 0px;
}
.lsl_topStep.locked {
  cursor: not-allowed;
}
.lsl_topStep.done {
  background-color: #64C84B !important;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
  box-shadow: 0 0 0 2px #fff inset, 0 1px 2px rgba(0, 0, 0, 0.25);
}
.lsl_topStep.active {
  background-color: rgba(255, 255, 255, 1) !important;
  color: #194B7D;
}
.lsl_topStep.done.active {
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
}
.lsl_topStep:before {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: -40px;
  left: 5px;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.5);
  transform: rotate(45deg);
  border-radius: 1px;
}
.lsl_topStep.active:before {
  top: -32px;
}
.lsl_topTitle {
  transition: all 0.25s;
  height: 60px;
  padding: 0 22px;
  line-height: 61px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
}
.lsl_menu {
  transition: all 0.25s;
  position: fixed;
  top: 60px;
  left: -360px;
  bottom: 0;
  width: 360px;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 91;
}
.activeMenu .lsl_menu {
  left: 0;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
}
.lsl_menuLanguages {
  margin: 20px 20px -5px 20px;
}
.lsl_menuLanguagesHolder {
  float: left;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}
.lsl_menuLanguages a {
  transition: all 0.25s;
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 5px;
}
.lsl_menuLanguages a.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
}
.lsl_menuLanguages img {
  float: left;
  width: 20px;
  height: 20px;
}
.lsl_menuCountdown {
  background: #194B7D;
  text-align: center;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin: 25px 25px 0 25px;
}
.lsl_menuCountdown div:first-child {
  display: block;
  height: 30px;
  line-height: 31px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  overflow: hidden;
}
.lsl_menuCountdown div:last-child {
  background: #fff;
  padding: 10px;
  border-radius: 0 0 2px 2px;
  margin: 0 1px 1px 1px;
}
.lsl_menuCountdown span {
  font-weight: bold;
  color: #194B7D;
}
.lsl_menuSteps {
  background: #194B7D;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  margin: 25px 25px 0 25px;
}
.lsl_menuStep {
  transition: all 0.25s;
  padding: 10px 15px;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}
.lsl_menuStep:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.lsl_menuStep:not(.locked):hover {
  background: rgba(0, 0, 0, 0.1);
}
.lsl_menuStep.active {
  background: rgba(0, 0, 0, 0.1);
}
.lsl_menuStep.locked {
  cursor: not-allowed;
}
.lsl_menuStepNumber {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  background: url(/img/icons/12/lock_closed_ffffff.svg) rgba(255, 255, 255, 0.25) 50% 50% no-repeat;
  background-size: 0px;
  line-height: 31px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  margin: 0 10px 0 0;
}
.lsl_menuStep:not(.locked):hover .lsl_menuStepNumber {
  background-color: rgba(255, 255, 255, 0.5);
}
.lsl_menuStep.locked .lsl_menuStepNumber,
.lsl_menuStep.done .lsl_menuStepNumber {
  background-size: 12px;
  font-size: 0px;
}
.lsl_menuStep.done .lsl_menuStepNumber {
  background-color: #64C84B !important;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
  box-shadow: 0 0 0 2px #fff inset, 0 1px 2px rgba(0, 0, 0, 0.25);
}
.lsl_menuStep.active .lsl_menuStepNumber {
  background-color: rgba(255, 255, 255, 1) !important;
  color: #194B7D;
}
.lsl_menuStep.done.active .lsl_menuStepNumber {
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
}
.lsl_menuStepNumber:before {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 5px;
  left: -40px;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.5);
  transform: rotate(45deg);
  border-radius: 1px;
}
.lsl_menuStep.active .lsl_menuStepNumber:before {
  left: -32px;
}
.lsl_menuStepTitle {
  line-height: 20px;
  color: #fff;
  overflow: hidden;
  margin: 5px 0;
}
.lsl_menuStepSub {
  display: none;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  margin: 10px 0 5px 0;
  cursor: default;
}
.lsl_menuStep.active .lsl_menuStepSub {
  display: block;
}
.lsl_menuStepSubElement:not(:first-child) {
  border-top: 1px solid #ddd;
}
.lsl_menuStepSubElementTitle {
  transition: all 0.25s;
  position: relative;
  padding: 10px 15px;
  cursor: pointer;
}
.lsl_menuStepSubElementHolder .lsl_menuStepSubElementTitle {
  padding-left: 40px;
}
.lsl_menuStepSubElementTitle:hover {
  background: rgba(0, 0, 0, 0.025);
}
.lsl_menuStepSubElement.active > .lsl_menuStepSubElementTitle {
  background: rgba(0, 0, 0, 0.025);
}
.lsl_menuStepSubElementHolder .lsl_menuStepSubElementTitle:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 8px;
  height: 8px;
  background: #194B7D;
  border-radius: 50%;
}
.lsl_menuStepSubElementHolder .lsl_menuStepSubElementTitle:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 17px;
  left: 17px;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
}
.lsl_menuStepSubElementHolder .lsl_menuStepSubElementTitle.active:after {
  transform: scale(0);
}
.lsl_menuStepSubElementHolder:not(:first-child) {
  border-top: 1px solid #ddd;
}
.lsl_menuCard {
  position: relative;
  width: calc(100% - 50px);
  background: #aaa;
  padding-top: calc(120% - 50px);
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  margin: 25px 25px 0 25px;
}
.lsl_menuCard:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 3px;
}
.lsl_menuCardImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aaa;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.lsl_menuCard:hover .lsl_menuCardImage {
  transform: scale(1.1);
}
.lsl_menuCardGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(25, 75, 125, 0.15), rgba(25, 75, 125, 0.85));
}
.lsl_menuCardTitle {
  position: absolute;
  bottom: 25px;
  left: 25px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.lsl_menu .csl_bottomPowered {
  margin: 25px 0;
}
.lsl_content iframe {
  transition: all 0.25s;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  border: 0;
}
.hideTop .lsl_content iframe {
  top: 0;
  height: 100%;
}
.activeMenu .lsl_content iframe {
  left: 360px;
  width: calc(100% - 360px);
}
@media (max-width: 720px) {
  .lsl_topTitle {
    display: none;
  }
  .lsl_topNext,
  .lsl_topComplete {
    margin: 15px;
  }
  .lsl_topSteps {
    float: none;
    max-width: none;
    text-align: center;
    border-left: 0;
  }
  .lsl_topStep:first-child {
    margin-left: 15px;
  }
  .lsl_topStep:last-child {
    margin-right: 15px;
  }
  .activeMenu .lsl_content iframe {
    left: 0;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .lsl_menu {
    left: -100%;
    width: 100%;
  }
}
@media (max-width: 400px) {
  .lsl_topNext,
  .lsl_topComplete {
    font-size: 12px;
  }
}

/* apps/shared-assets/css/careersitesections.css */
.css_section {
  position: relative;
  line-height: 24px;
  font-size: 16px;
}
.css_section .input *,
.css_section .textarea * {
  line-height: 24px;
  font-size: 16px;
}
.css_section .dropdown_title {
  line-height: 20px;
}
.css_background,
.css_backgroundOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
  transform: translateZ(0);
}
.css_background video {
  position: relative;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  display: block;
}
.css_heightTable {
  position: relative;
  display: table;
  width: 100%;
  height: 0;
  transform: translateZ(0);
}
.css_heightCell {
  display: table-cell;
  vertical-align: middle;
}
.css_sectionActions {
  transition: all 0.25s;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  z-index: 100;
  opacity: 0;
}
.css_section:hover .css_sectionActions {
  opacity: 1;
}
.css_sectionEdit,
.css_sectionDelete {
  transition: all 0.25s;
  display: block;
  float: right;
  width: 0;
  height: 50px;
  background: #3296FA url(/img/icons/12/edit_ffffff.svg) 13px 50% no-repeat;
  background-size: 24px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 0 2px #fff;
  margin: 1px 0;
  clear: both;
}
.css_section:hover .css_sectionEdit,
.css_section:hover .css_sectionDelete {
  width: 50px;
}
.css_sectionDelete {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/trash_ffffff.svg);
}
.css_section:hover .css_sectionEdit:hover,
.css_section:hover .css_sectionDelete:hover {
  width: 65px;
}
.css_sectionEdited {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: right;
  width: 0;
  height: 50px;
  background: #3296FA;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 0 2px #fff;
  clear: both;
}
.css_section:hover .css_sectionEdited {
  width: 100px;
}
.css_sectionAdd {
  position: relative;
  width: 100%;
  height: 0;
}
.css_sectionAdd a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: -25px;
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
  background: #64C84B url(/img/icons/12/add_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 0 2px #fff;
  z-index: 100;
  transform: scale(0);
  opacity: 0;
}
.css_sectionAdd.active a,
.css_sectionAdd a:hover {
  transform: scale(1);
  opacity: 1;
}
.css_sectionAdd a:hover {
  box-shadow: 0 0 25px rgba(255, 255, 255, 0.5) inset, 0 0 0 2px #fff;
}
.css_sectionAdd a:active {
  transform: scale(0.75);
}
.css_holder {
  position: relative;
  max-width: 1280px;
  padding: 80px 40px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media (max-width: 795px) {
  .css_holder {
    padding: 40px 20px;
  }
}
.css_holder.css_sectionNarrow {
  padding-top: 0;
  padding-bottom: 0;
}
.css_holder.css_sectionNarrow .css_holder {
  padding: 80px;
}
@media (max-width: 1275px) {
  .css_holder.css_sectionNarrow .css_holder {
    padding: 80px 40px;
  }
}
@media (max-width: 795px) {
  .css_holder.css_sectionNarrow .css_holder {
    padding: 40px;
  }
}
@media (max-width: 400px) {
  .css_holder.css_sectionNarrow {
    padding: 0px;
  }
  .css_holder.css_sectionNarrow .css_holder {
    padding: 40px 20px;
  }
}
.css_holderHalf {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
}
.css_headline {
  transition: all 0.25s;
  line-height: 50px;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  word-break: break-word;
}
@media (max-width: 795px) {
  .css_headline {
    line-height: 40px;
    font-size: 30px;
  }
}
.css_subheadline {
  transition: all 0.25s;
  line-height: 30px;
  font-size: 20px;
  text-align: center;
  color: #666;
  word-break: break-word;
}
.css_banner .css_headline,
.css_perksbenefitsCell .css_headline,
.css_perksbenefitsCell .css_headline,
.css_banner .css_subheadline,
.css_perksbenefitsBox .css_subheadline,
.css_perksbenefitsCell .css_subheadline {
  color: #fff;
}
.css_perksbenefitsCell .css_headline,
.css_perksbenefitsCell .css_headline,
.css_teamMember .css_headline,
.css_quoteCell .css_headline,
.css_jobsCell .css_headline,
.css_surveyQuestion .css_headline {
  line-height: 30px;
  font-size: 20px;
}
.css_banner .css_subheadline,
.css_perksbenefitsCell .css_subheadline {
  opacity: 0.75;
}
.css_perksbenefitsCell .css_subheadline,
.css_perksbenefitsCell .css_subheadline,
.css_teamMember .css_subheadline,
.css_quoteCell .css_subheadline,
.css_jobsCell .css_subheadline,
.css_surveyQuestion .css_subheadline {
  line-height: 24px;
  font-size: 16px;
}
.css_quoteCell .css_headline,
.css_quoteCell .css_subheadline,
.css_jobsCell .css_headline,
.css_jobsCell .css_subheadline,
.css_surveyQuestion .css_headline,
.css_surveyQuestion .css_subheadline {
  text-align: left;
}
@media (min-width: 796px) {
  .css_textAlign .css_headline,
  .css_textAlign .css_subheadline {
    text-align: left;
  }
}
.css_button {
  transition: all 0.25s;
  position: relative;
  float: left;
  display: block;
  height: 50px;
  background: #3296FA;
  padding: 0 25px;
  line-height: 51px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
  border-radius: 25px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0);
}
.css_button:not(:first-child) {
  margin-top: 40px;
}
.css_button:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 5px rgba(255, 255, 255, 0.5) inset;
}
.css_button:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 255, 255, 0.5) inset;
}
.css_button.success {
  background: #64C84B;
}
.css_button.warning {
  background: #F54B4B;
}
.css_button.disabled {
  background: #aaa;
}
.css_button.secondary {
  height: 48px;
  background: #fff;
  line-height: 49px;
  padding: 0 24px;
  color: #999;
  border: 1px solid #ddd;
}
@media (min-width: 796px) {
  .css_textAlign .css_button {
    margin-left: 0;
    margin-right: 0;
    transform: none;
  }
}
.css_banner {
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.css_bannerTable {
  display: table;
  width: 100%;
  height: 0;
}
.css_bannerTableCell {
  display: table-cell;
  vertical-align: middle;
}
.css_banner .css_holderHalf:not(:first-child) {
  margin-top: 40px;
}
.css_bannerVideo {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.css_bannerVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.css_textImage {
  float: left;
  width: calc(50% - 40px);
  overflow: hidden;
  border-radius: 3px;
}
.css_textLeft .css_textImage {
  float: right;
}
.css_textImage img {
  float: left;
  width: 100%;
}
.css_textAlign {
  float: left;
  width: calc(50% - 40px);
}
.css_textRight .css_textAlign {
  float: right;
}
@media (max-width: 1275px) {
  .css_textImage,
  .css_textAlign {
    width: calc(50% - 20px);
  }
}
@media (max-width: 795px) {
  .css_textImage,
  .css_textAlign {
    width: 100%;
  }
  .css_textImage {
    margin-bottom: 40px;
  }
}
.css_textAlignBody:not(:first-child) {
  margin-top: 24px;
}
.css_textColumnBody:not(:first-child) {
  margin-top: 40px;
}
.css_textColumns .css_textColumnBody {
  columns: 300px 2;
  column-gap: 80px;
}
.slick-slider,
.slick-slider * {
  outline: none;
}
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.css_gallery .css_holder:first-child {
  padding-bottom: 40px;
}
.css_gallery .css_holder:not(:first-child) {
  padding-top: 40px;
}
.css_gallery .slick-slider {
  height: 40vh;
}
.css_gallery .slick-slider * {
  height: 100%;
}
.css_gallery .slick-slide {
  margin: 2px 1px 0 1px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.css_gallery .slick-slide:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.css_gallery .slick-slide img {
  float: left;
}
.css_gallery .slick-arrow {
  display: none !important;
}
.css_videoHolder {
  float: left;
  width: calc(100% + 20px);
  margin: -10px;
}
.css_videoHolder:not(:first-child) {
  margin-top: 30px;
}
.css_videoElement {
  float: left;
  position: relative;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.css_videoGrid2 .css_videoElement {
  width: 50%;
}
.css_videoGrid3 .css_videoElement {
  width: 33.3333%;
}
@media (max-width: 795px) {
  .css_videoElement {
    width: 100% !important;
  }
}
.css_videoIframe {
  float: left;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.css_videoIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.css_perksbenefits .css_holder:first-child {
  padding-bottom: 40px;
}
.css_perksbenefits .css_holder:not(:first-child) {
  padding-top: 40px;
}
.css_perksbenefitsHolder {
  width: 100%;
  line-height: 0;
  text-align: center;
  font-size: 0;
}
.css_perksbenefitsBox {
  transition: all 0.25s;
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.css_perksbenefitsGrid2 .css_perksbenefitsBox {
  width: 50%;
}
.css_perksbenefitsGrid3 .css_perksbenefitsBox {
  width: calc(100% / 3);
}
.css_perksbenefitsGrid4 .css_perksbenefitsBox {
  width: 25%;
}
.css_perksbenefitsGrid5 .css_perksbenefitsBox {
  width: 20%;
}
.css_perksbenefitsGrid6 .css_perksbenefitsBox {
  width: calc(100% / 6);
}
@media (max-width: 1590px) {
  .css_perksbenefitsGrid6 .css_perksbenefitsBox {
    width: calc(100% / 3);
  }
}
@media (max-width: 1325px) {
  .css_perksbenefitsGrid5 .css_perksbenefitsBox {
    width: calc(100% / 3);
  }
}
@media (max-width: 1060px) {
  .css_perksbenefitsGrid4 .css_perksbenefitsBox {
    width: 50%;
  }
}
@media (max-width: 795px) {
  .css_perksbenefitsHolder .css_perksbenefitsBox {
    width: 100%;
  }
}
.css_perksbenefitsLink {
  background: #fff;
}
.css_perksbenefitsLink:hover {
  transform: scale(1.1);
  z-index: 1;
}
.css_perksbenefitsBackground {
  transition: all 0.25s;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
}
.css_perksbenefitsBackground video {
  position: relative;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  display: block;
}
.css_perksbenefitsOverlay {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
.css_perksbenefitsTable {
  position: relative;
  float: left;
  display: table;
  width: 100%;
}
.css_perksbenefitsCell {
  display: table-cell;
  padding: 40px;
  vertical-align: middle;
}
.css_perksbenefitsCell img {
  display: block;
  max-width: 185px;
  max-height: 185px;
  margin: 0 auto;
}
.css_perksbenefitsCell img:not(:last-child) {
  margin-bottom: 20px;
}
.css_perksbenefitsNumber {
  line-height: 3.5vw;
  text-align: center;
  font-size: 3.5vw;
  font-weight: 100;
  color: #fff;
}
.css_perksbenefitsNumber:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 795px) {
  .css_perksbenefitsNumber {
    line-height: 10vw;
    font-size: 10vw;
  }
}
.css_perksbenefitsButton {
  float: left;
  line-height: 24px;
  font-size: 16px;
  color: #fff;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
  clear: both;
}
.css_perksbenefitsButton:not(:first-child) {
  margin-top: 10px;
}
.css_perksbenefitsButton:after {
  content: "";
  float: left;
  width: 100%;
  height: 2px;
  background: #fff;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
  clear: both;
}
.css_perksbenefitsBox:hover .css_perksbenefitsButton:after {
  animation: css_perksbenefitsButtonAni 0.5s;
}
@keyframes css_perksbenefitsButtonAni {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}
.css_teamMembers {
  width: calc(100% + 80px);
  text-align: center;
  font-size: 0;
  margin: 0 -40px;
}
@media (max-width: 795px) {
  .css_teamMembers {
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
}
.css_teamMembers:first-child {
  margin-top: -40px;
}
.css_teamMember {
  display: inline-block;
  width: 240px;
  vertical-align: top;
  margin: 40px 40px 0 40px;
}
@media (max-width: 795px) {
  .css_teamMember {
    margin: 40px 20px 0 20px;
  }
}
.css_teamPhoto {
  transition: all 0.25s;
  float: left;
  width: 200px;
  height: 200px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
  margin: 0 20px;
}
.css_teamPhoto:not(:last-child) {
  margin-bottom: 20px;
}
.css_teamMember a {
  color: #000;
  text-decoration: none;
}
.css_teamMember a:hover .css_teamPhoto {
  transform: scale(1.05);
}
.css_teamIcons {
  transition: all 0.25s;
  line-height: 0;
  text-align: center;
  font-size: 0;
  overflow: hidden;
  margin-top: 10px;
}
@media (min-width: 796px) {
  .css_teamIcons {
    opacity: 0.25;
  }
  .css_teamMember:hover .css_teamIcons {
    opacity: 1;
  }
}
.css_teamIcons img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
}
.css_teamIcons a:not(:first-child) img {
  margin-left: 5px;
}
.css_teamIcons:hover img {
  opacity: 0.5;
}
.css_teamIcons:hover img:hover {
  opacity: 1;
}
.css_quoteTable {
  display: table;
  width: 100%;
}
.css_quoteTable:not(:first-child),
.css_quote .slick-slider:not(:first-child) {
  margin-top: 40px;
}
.css_quoteCell {
  display: table-cell;
  vertical-align: middle;
  line-height: 0;
  font-size: 0;
}
.css_quotePhoto {
  width: 1px;
  vertical-align: top;
  text-align: center;
}
@media (max-width: 795px) {
  .css_quoteCell {
    display: block;
    width: 100% !important;
  }
}
.css_quotePhoto img {
  width: 200px;
  height: 200px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
}
.css_quotePhoto:first-child img {
  margin-right: 40px;
}
.css_quotePhoto:last-child img {
  margin-left: 40px;
}
@media (max-width: 795px) {
  .css_quotePhoto:first-child img {
    margin: 0 0 24px 0;
  }
  .css_quotePhoto:last-child img {
    margin: 24px 0 0 0;
  }
}
.css_quoteText {
  width: 100%;
  line-height: 30px;
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  margin-bottom: 24px;
}
.css_quoteMark {
  float: left;
  height: 50px;
  line-height: 100px;
  font-size: 100px;
  color: #3296FA;
  overflow: hidden;
  margin: -10px 24px 0 0;
}
.css_quote .slick-list {
  margin: 0 80px;
}
@media (max-width: 795px) {
  .css_quote .slick-list {
    margin: 0 40px;
  }
}
.css_quote .slick-arrow {
  display: block;
  position: absolute;
  top: 80px;
  width: 40px;
  height: 40px;
  background: #3296FA;
  padding: 0;
  font-size: 0;
  border: 0;
  border-radius: 50%;
  margin: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
@media (max-width: 795px) {
  .css_quote .slick-arrow {
    top: 85px;
    width: 30px;
    height: 30px;
  }
}
.css_quote .slick-arrow:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 5px rgba(255, 255, 255, 0.5) inset;
}
.css_quote .slick-arrow:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 255, 255, 0.5) inset;
}
.css_quote .slick-arrow.slick-prev {
  left: 0;
}
.css_quote .slick-arrow.slick-next {
  right: 0;
}
.css_quote .slick-arrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
}
.css_quote .slick-arrow.slick-prev:after {
  transform: rotate(180deg);
}
.css_quote .slick-slide img {
  display: inline-block;
}
.css_map .css_holder:first-child {
  padding-bottom: 40px;
}
.css_map .css_holder:not(:first-child) {
  padding-top: 40px;
}
.css_mapIframe {
  float: left;
  position: relative;
  width: 100%;
  height: 40vh;
  overflow: hidden;
}
.css_mapIframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.css_jobsFilters {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fafafa;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.css_jobsFilters:not(:first-child) {
  margin-top: 40px;
}
.css_jobsFilters:not(:last-child) {
  margin-bottom: -20px;
}
.css_jobsFilter {
  display: table-cell;
  vertical-align: top;
  padding: 10px;
}
@media (max-width: 795px) {
  .css_jobsFilters {
    padding: 15px;
  }
  .css_jobsFilter {
    display: block;
    padding: 5px;
  }
}
.css_jobsTable {
  float: left;
  display: table;
  table-layout: fixed;
  width: calc(100% + 20px);
  margin: -10px;
}
.css_jobsTable:not(:first-child) {
  margin-top: 30px;
}
.css_jobsRow {
  display: table-row;
}
.css_jobsCell,
.css_jobsCellNone {
  display: table-cell;
  vertical-align: top;
  position: relative;
  padding: 32px;
}
@media (max-width: 795px) {
  .css_jobsCell,
  .css_jobsCellNone {
    display: block;
  }
}
.css_jobsCellNone {
  text-align: center;
}
.css_jobsCell:before,
.css_jobsCellNone:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 22px);
  height: calc(100% - 22px);
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
}
.css_jobsCell:before {
  background: #fff;
}
.css_jobsCell:hover:before {
  border-color: #3296FA;
  box-shadow: 0 0 0 1px #3296FA;
}
.css_jobsCell .css_headline,
.css_jobsCell .css_subheadline {
  position: relative;
}
.css_jobsBanner {
  position: relative;
  height: 200px;
  background-color: #eee;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  margin: -20px -20px 20px -20px;
}
.css_jobsLogo {
  position: relative;
  margin-top: 20px;
}
.css_jobsBanner .css_jobsLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  padding: 20px;
  border-radius: 3px;
  transform: translate(-50%, -50%);
  margin-top: 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.css_jobsLogo img {
  float: left;
  max-width: 200px;
  max-height: 120px;
}
.css_jobsAdvTable {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.css_jobsAdvTable:not(:first-child) {
  margin-top: 30px;
}
.css_jobsAdvRow {
  display: table-row;
}
.css_jobsAdvCell {
  display: table-cell;
  padding: 10px 0;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}
.css_jobsAdvCell:not(:first-child) {
  padding-left: 20px;
}
.css_jobsAdvCell a {
  text-decoration: none;
}
.css_jobsAdvCell a:hover {
  text-decoration: underline;
}
.css_jobsAdvRow:first-child .css_jobsAdvCell a {
  font-weight: bold;
  color: #000;
}
.css_jobsAdvCell span:after {
  content: ":";
  padding-right: 5px;
}
.css_jobsAdvCell img {
  float: left;
  width: 100%;
  max-width: 200px;
  max-height: 120px;
}
@media (min-width: 796px) {
  .css_jobsAdvCell span {
    display: none;
  }
}
@media (max-width: 795px) {
  .css_jobsAdvTable,
  .css_jobsAdvRow,
  .css_jobsAdvCell {
    display: block;
  }
  .css_jobsAdvRow {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
  }
  .css_jobsAdvRow:first-child {
    display: none;
  }
  .css_jobsAdvCell {
    padding: 0 !important;
    border: 0;
  }
  .css_jobsAdvCell:first-child {
    font-weight: bold;
  }
  .css_jobsAdvCell img {
    margin-top: 10px;
  }
}
.css_jobagentInfo,
.css_jobagentFilters {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fafafa;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.css_jobagentFilters {
  border-top: 0;
  border-radius: 0;
}
.css_jobagentInfo:not(:first-child) {
  margin-top: 40px;
}
.css_jobagentFilter {
  display: table-cell;
  vertical-align: top;
  padding: 10px;
}
@media (max-width: 795px) {
  .css_jobagentFilters {
    padding: 15px;
  }
  .css_jobagentFilter {
    display: block;
    padding: 5px;
  }
}
.css_jobagentNotify {
  padding: 20px;
  text-align: center;
  color: #999;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-top: 0;
  border-radius: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.css_jobagentNotify a {
  transition: all 0.25s;
  text-decoration: none;
  font-weight: bold;
  color: #666;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.css_jobagentNotify a:hover {
  border-color: rgba(0, 0, 0, 0.15);
}
.css_jobagentNotify a.active {
  color: #3296FA;
  border-color: #3296FA;
}
.css_jobagentRegistered {
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.css_jobagentRegistered:not(:first-child) {
  margin-top: 40px;
}
.css_contactformTable {
  display: table;
  width: 100%;
  background: #fafafa;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.css_contactformTable:not(:first-child) {
  margin-top: 40px;
}
.css_contactformRow {
  display: table-row;
}
.css_contactformCell {
  display: table-cell;
  padding: 10px;
}
.css_contactformCell:first-child {
  white-space: nowrap;
  vertical-align: top;
}
@media (min-width: 796px) {
  .css_contactformCell:first-child {
    width: 1px;
    padding-right: 0;
    padding-left: 30px;
    line-height: 40px;
    text-align: right;
  }
}
@media (max-width: 795px) {
  .css_contactformCell {
    display: block;
  }
  .css_contactformCell:first-child {
    padding-bottom: 0;
  }
  .css_contactformCell.hideCell {
    display: none;
  }
}
.css_contactformCell .textarea .contentEditable {
  min-height: 100px;
}
.css_contactformThanks {
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.css_contactformThanks:not(:first-child) {
  margin-top: 40px;
}
.css_surveyHolder {
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.css_surveyHolder:not(:first-child) {
  margin-top: 40px;
}
.css_surveyQuestion {
  padding: 20px;
}
.css_surveyQuestion:not(:first-child) {
  border-top: 1px solid #ddd;
}
.css_surveyQuestion:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.css_surveyQuestionNumber {
  opacity: 0.5;
  margin-bottom: 10px;
}
.css_surveyAnswers {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fafafa;
  padding: 10px;
  box-sizing: border-box;
}
.css_surveyAnswer {
  transition: all 0.25s;
  position: relative;
  width: calc(100% - 20px);
  background: #fff;
  vertical-align: middle;
  font-weight: bold;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.css_surveyAnswer.image {
  overflow: visible;
}
.css_surveyAnswers.grid2 .css_surveyAnswer {
  width: calc(50% - 20px);
}
.css_surveyAnswers.grid3 .css_surveyAnswer {
  width: calc(33.3333% - 20px);
}
.css_surveyAnswers.grid4 .css_surveyAnswer {
  width: calc(25% - 20px);
}
.css_surveyAnswers.error .css_surveyAnswer {
  border-color: #F54B4B;
}
.css_surveyAnswer.correct,
.css_surveyAnswer.wrong {
  box-shadow: none;
  cursor: default;
}
.css_surveyAnswer:hover {
  border-color: #3296fa;
}
.css_surveyAnswer.correct:hover,
.css_surveyAnswer.wrong:hover {
  border-color: #ddd;
}
.css_surveyAnswer.correct {
  border-color: #64C84B !important;
}
.css_surveyAnswer.active {
  background: #3296fa;
  border-color: #3296fa !important;
  color: #fff;
}
.css_surveyAnswer.image.active {
  background: #fff;
  box-shadow: 0 0 0 2px #3296fa inset, 0 1px 2px rgba(0, 0, 0, 0.15);
}
.css_surveyAnswer.correct.active {
  background: #64C84B;
  border-color: #64C84B !important;
}
.css_surveyAnswer.image.correct.active {
  background: #fff;
  border-color: #64C84B !important;
  box-shadow: 0 0 0 2px #64C84B inset;
}
.css_surveyAnswer.wrong.active {
  background: #F54B4B;
  border-color: #F54B4B !important;
}
.css_surveyAnswer.image.wrong.active {
  background: #fff;
  border-color: #F54B4B !important;
  box-shadow: 0 0 0 2px #F54B4B inset;
}
.css_surveyAnswer:before,
.css_surveyAnswer:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #ddd inset;
  transform: translate(0, -50%);
}
.css_surveyAnswer.image:before,
.css_surveyAnswer.image:after {
  top: 0px;
  left: -10px;
}
.css_surveyAnswers.multiple .css_surveyAnswer:before {
  border-radius: 3px;
}
.css_surveyAnswers.error .css_surveyAnswer:before {
  box-shadow: 0 0 0 1px #F54B4B inset;
}
.css_surveyAnswer:hover:before {
  box-shadow: 0 0 0 1px #3296fa inset;
}
.css_surveyAnswer.wrong:hover:before {
  box-shadow: 0 0 0 1px #ddd inset;
}
.css_surveyAnswer.correct:not(.active):before {
  background: #64C84B;
  box-shadow: 0 0 0 1px #64C84B inset;
}
.css_surveyAnswer.active:before {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}
.css_surveyAnswer:after {
  background: url(/img/icons/12/checkmark_64c84b.svg) 50% 50% no-repeat;
  box-shadow: none;
  transform: translate(0, -50%) scale(0);
}
.css_surveyAnswer.active:after,
.css_surveyAnswer.correct:after {
  transform: translate(0, -50%) scale(1);
}
.css_surveyAnswer.correct:not(.active):after {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.css_surveyAnswer.wrong.active:after {
  background-image: url(/img/icons/12/cross_f54b4b.svg);
}
.css_surveyAnswer div {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 20px 20px 60px;
  height: 100%;
  align-items: center;
  box-sizing: border-box;
}
.css_surveyAnswer.image div {
  padding: 5px;
}
.css_surveyAnswer div span {
  display: block;
  font-weight: normal;
  opacity: 0.5;
}
.css_surveyAnswer div img {
  float: left;
  width: 100%;
}
.css_surveyRating {
  position: relative;
  background: #fafafa;
  padding: 20px;
  box-sizing: border-box;
}
.css_surveyRatingScores {
  position: relative;
  display: flex;
  height: 50px;
  background: #fff;
  overflow: hidden;
  padding: 1px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.css_surveyRatingScore {
  transition: all 0.25s;
  flex: 1;
  position: relative;
  line-height: 48px;
  text-align: center;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.css_surveyRatingScore:not(:first-child) {
  box-shadow: -1px 0 0 0 #ddd;
}
.css_surveyRatingScore:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.css_surveyRatingScore.active {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.css_surveyRatingScore:hover {
  color: rgba(0, 0, 0, 1);
}
.css_surveyRatingScore.p10,
.css_surveyRatingScore.p20,
.css_surveyRatingScore.p30,
.css_surveyRatingScore.p40,
.css_surveyRatingScore.p50,
.css_surveyRatingScore.p60,
.css_surveyRatingScore.p70,
.css_surveyRatingScore.p80,
.css_surveyRatingScore.p90,
.css_surveyRatingScore.p100 {
  color: rgba(255, 255, 255, 0.5);
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.5);
}
.css_surveyRatingScore.p10:hover,
.css_surveyRatingScore.p20:hover,
.css_surveyRatingScore.p30:hover,
.css_surveyRatingScore.p40:hover,
.css_surveyRatingScore.p50:hover,
.css_surveyRatingScore.p60:hover,
.css_surveyRatingScore.p70:hover,
.css_surveyRatingScore.p80:hover,
.css_surveyRatingScore.p90:hover,
.css_surveyRatingScore.p100:hover {
  color: rgba(255, 255, 255, 1);
}
.css_surveyRatingScore.active {
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.5), 1px 0 0 0 rgba(255, 255, 255, 1);
  z-index: 1;
}
.css_surveyRatingScale {
  float: left;
  width: 100%;
  box-sizing: border-box;
  opacity: 0.5;
  margin: 15px 0 -5px 0;
}
.css_surveyRatingScale span:first-child {
  float: left;
}
.css_surveyRatingScale span:last-child {
  float: right;
}
.css_surveyText {
  position: relative;
  background: #fafafa;
  padding: 20px;
  box-sizing: border-box;
}
.css_surveyText .textarea {
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.css_surveyText .progressbar {
  background: #fff;
  padding: 1px;
  border: 1px solid #ddd;
  border-radius: 12px;
}
.css_surveyButtons {
  float: left;
  margin: 40px -50% 0 50%;
  transform: translate(-50%, 0);
  -webkit-user-select: none;
  user-select: none;
}
.css_surveyButtons .css_button {
  min-width: 160px;
  text-align: center;
  margin: 0 10px !important;
  transform: none;
}
.css_surveyButtons .css_button.secondary.disabled {
  opacity: 0.5;
}
.css_surveyButtons .css_button:first-child {
  margin-left: 0 !important;
}
.css_surveyButtons .css_button:last-child {
  margin-right: 0 !important;
}
@media (max-width: 1275px) {
  .css_surveyAnswers.grid3 .css_surveyAnswer,
  .css_surveyAnswers.grid4 .css_surveyAnswer {
    width: calc(50% - 20px);
  }
}
@media (max-width: 795px) {
  .css_surveyAnswers.grid2 .css_surveyAnswer,
  .css_surveyAnswers.grid3 .css_surveyAnswer,
  .css_surveyAnswers.grid4 .css_surveyAnswer {
    width: calc(100% - 20px);
  }
  .css_surveyRatingScore {
    font-size: 12px;
  }
  .css_surveyButtons .css_button.secondary {
    width: 50px;
    min-width: 50px;
    background: #fff url(/img/icons/12/arrow_aaaaaa.svg) 50% 50% no-repeat;
    padding: 0;
    font-size: 0px;
    overflow: hidden;
    box-sizing: border-box;
    transform: scaleX(-1);
  }
  .css_surveyButtons .css_button:not(.secondary) {
    min-width: 100px;
    max-width: 160px;
  }
}

/* apps/shared-assets/css/careersitelayout.css */
.csl_top {
  position: relative;
  background: #fff;
  line-height: 24px;
  font-size: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  z-index: 100;
}
.csl_top .css_holder {
  padding-top: 0;
  padding-bottom: 0;
}
.csl_topTable {
  float: left;
  display: table;
  width: 100%;
}
.csl_topLogo {
  display: table-cell;
  padding: 20px 0;
  vertical-align: middle;
}
@media (max-width: 795px) {
  .csl_topLogo {
    padding: 10px 0;
  }
}
.csl_topLogo:empty:before {
  content: attr(careersite);
  line-height: 36px;
  font-size: 26px;
}
@media (max-width: 1275px) {
  .csl_topLogo:empty:before {
    font-size: 20px;
  }
}
.csl_topLogo img {
  float: left;
  max-width: 50vw;
  max-height: 100px;
}
.csl_topMenu {
  display: table-cell;
  vertical-align: middle;
}
.csl_topMenu > ul {
  transition: all 0.25s;
  float: right;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 795px) {
  .csl_topMenu > ul {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 60px);
    background: #fff;
    overflow: hidden;
    transform: translate(0, -100%);
    border-bottom-right-radius: 10px;
  }
  .csl_topMenu.active > ul {
    transform: translate(0, 0);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  }
}
.csl_topMenu > ul > li {
  position: relative;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
}
@media (max-width: 1275px) {
  .csl_topMenu > ul > li {
    padding: 0 10px;
  }
}
@media (max-width: 795px) {
  .csl_topMenu > ul > li {
    display: block;
    width: 100%;
    padding: 0;
  }
}
.csl_topMenu > ul > li:last-child {
  padding-right: 0;
}
.csl_topMenu > ul > li.csl_topLink > a {
  transition: all 0.25s;
  position: relative;
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #000;
  opacity: 0.75;
}
.csl_topMenu > ul > li.csl_topLink.active > a,
.csl_topMenu > ul > li.csl_topLink > a:hover {
  opacity: 1;
}
.csl_topMenu > ul > li.csl_topLink > a:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  bottom: 5px;
  left: 50%;
  width: 0%;
  height: 2px;
  background: #3296FA;
  opacity: 0;
  transform: translate(-50%, 0);
}
.csl_topMenu > ul > li.csl_topLink > a:hover:after,
.csl_topMenu > ul > li.csl_topLink.active > a:after {
  width: 100%;
  opacity: 1;
}
@media (max-width: 795px) {
  .csl_topMenu > ul > li.csl_topLink > a {
    padding: 15px 20px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    opacity: 1;
  }
  .csl_topMenu > ul > li.csl_topLink > a:hover {
    background: rgba(0, 0, 0, 0.025);
  }
  .csl_topMenu > ul > li.csl_topLink > a:after {
    display: none;
  }
}
.csl_topMenu ul li ul {
  transition: all 0.25s 0.5s;
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  background: #fff;
  list-style-type: none;
  padding: 5px 0;
  margin: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  opacity: 0;
}
@media (max-width: 795px) {
  .csl_topMenu ul li ul {
    display: block;
    position: relative;
    top: 0 !important;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: 1 !important;
  }
}
.csl_topMenu ul li:hover ul {
  transition: all 0.25s;
  display: block;
  top: 60px;
  opacity: 0.9;
}
@media (min-width: 796px) {
  .csl_topMenu ul li ul:before {
    content: "";
    position: absolute;
    top: -21px;
    left: 0;
    width: 100%;
    height: 21px;
  }
}
.csl_topMenu ul li ul li {
  white-space: nowrap;
}
.csl_topMenu ul li ul li a {
  transition: all 0.25s;
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  color: #000;
}
@media (max-width: 795px) {
  .csl_topMenu ul li ul li a {
    padding: 10px 20px 8px 30px;
    border-bottom: 1px solid #eee;
  }
}
.csl_topMenu ul li ul li a:hover {
  text-decoration: underline;
}
@media (max-width: 795px) {
  .csl_topMenu ul li ul li a:hover {
    background: rgba(0, 0, 0, 0.025);
    text-decoration: none;
  }
}
@media (max-width: 795px) {
  .csl_topMenu > ul > li.csl_topLanguages {
    float: left;
    width: auto;
    padding: 20px;
  }
}
.csl_topMenu > ul > li.csl_topLanguages > a {
  float: left;
  padding: 11px 5px 13px 0;
  opacity: 0.5;
}
.csl_topMenu > ul > li.csl_topLanguages > a:hover {
  opacity: 1;
}
.csl_topMenu > ul > li.csl_topLanguages > a:last-child {
  padding-right: 0;
}
.csl_topMenu > ul > li.csl_topLanguages > a > img {
  float: left;
}
@media (max-width: 795px) {
  .csl_topMenu > ul > li.csl_topLogin {
    padding: 0 20px;
  }
}
@media (max-width: 795px) {
  .csl_topMenu > ul > li.csl_topLogin {
    float: right;
    width: auto;
    margin: 20px 0;
  }
}
.csl_topMenu > ul > li.csl_topLogin > a {
  display: block;
  background: #3296FA;
  padding: 5px 10px 4px;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  margin: 5px 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
@media (max-width: 795px) {
  .csl_topMenu > ul > li.csl_topLogin > a {
    float: left;
  }
}
.csl_topMenu > ul > li.csl_topLogin > a:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 5px rgba(255, 255, 255, 0.5) inset;
}
.csl_topMenu > ul > li.csl_topLogin > a:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 20px rgba(255, 255, 255, 0.5) inset;
}
.csl_topMenuIcon {
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 20px;
}
@media (min-width: 796px) {
  .csl_topMenuIcon {
    display: none;
  }
}
.csl_topMenuIcon span,
.csl_topMenuIcon span:before,
.csl_topMenuIcon span:after {
  transition: all 0.25s;
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #3296FA;
  content: "";
}
.csl_topMenu.active .csl_topMenuIcon span {
  background: rgba(0, 0, 0, 0);
}
.csl_topMenuIcon span:before {
  top: -6px;
}
.csl_topMenu.active .csl_topMenuIcon span:before {
  top: 0;
  transform: rotate(45deg);
}
.csl_topMenuIcon span:after {
  top: 6px;
}
.csl_topMenu.active .csl_topMenuIcon span:after {
  top: 0;
  transform: rotate(-45deg);
}
.csl_bottom .css_holder {
  padding-top: 35px;
  padding-bottom: 35px;
}
@media (max-width: 795px) {
  .csl_bottom .css_holder {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.csl_bottomPowered {
  transition: all 0.25s;
  float: left;
  width: 100%;
  display: block;
  height: 20px;
  line-height: 100px;
  background: url(/img/careersite/logo_poweredby.svg) 50% 50% no-repeat;
  overflow: hidden;
  opacity: 0.5;
}
.csl_bottomPowered:hover {
  opacity: 1;
}

/* apps/shared-assets/css/platform_settings_views.css */
.views_overviewButtonsLeft {
  float: left;
  margin-bottom: 10px;
}
.platform_content_holder .smartTable {
  overflow: hidden;
}
.smartTableElement .circlebutton {
  float: right;
  margin: 10px 15px;
  z-index: 1;
}
.smartTableElement .circlebutton:not(:first-of-type) {
  margin-right: -5px;
}
.view_editCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.view_editCriteria {
  padding-top: 5px;
}
.view_editCriteriaQuestion,
.view_editCriteriaOption {
  float: left;
  width: 35%;
}
.view_editCriteriaQuestion {
  margin-right: 5px;
}
.view_editCriteriaOption {
  margin-left: 5px;
}
.view_editCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.view_editCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.view_editCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.view_editCriteriaActions .button {
  margin-left: 5px;
}
.view_editCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .view_editCriteriaSort {
  cursor: grabbing;
}
.disableSort .view_editCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.view_editCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.view_editCriteriaSort span:before,
.view_editCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.view_editCriteriaSort:hover span,
.view_editCriteriaSort:hover span:before,
.view_editCriteriaSort:hover span:after,
.ui-sortable-helper .view_editCriteriaSort span,
.ui-sortable-helper .view_editCriteriaSort span:before,
.ui-sortable-helper .view_editCriteriaSort span:after {
  background: #3296fa;
}
.view_editCriteriaSort span:after {
  top: 6px;
}
.view_tabTop {
  background: rgb(255, 255, 235);
}
.view_tabTop .headline {
  transition: all 0.25s;
  float: left;
  max-width: 70%;
  padding-right: 20px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 6px) 50% no-repeat;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.view_tabTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.view_tabContent,
.view_tabContentOverlay {
  position: relative;
  background: #f3f3f3;
  width: 100%;
  height: calc(100% - 78px);
  padding: 25px;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}
.view_tabContentOverlay {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ddd;
  overflow: hidden;
  opacity: 0;
  z-index: 2;
}
.editBox .view_tabContentOverlay {
  transition: opacity 0.25s;
  display: block;
  opacity: 0.5;
}
.view_tabContentColumn {
  float: left;
  width: calc(50% - 12px);
  min-height: calc(100vh - 178px);
  list-style: none;
  padding: 0;
  margin: 0;
}
.view_tabContentColumn:last-child {
  float: right;
  width: calc(50% - 13px);
}
.view_tabContentColumn li:not(.view_tabContentColumnAddWidget):not(.view_tabContentColumnPlaceholder):not(:last-child) {
  margin-bottom: 25px;
}
.view_tabContentColumn .ui-sortable-placeholder {
  position: relative;
  visibility: visible !important;
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
.view_tabContentColumnAdd:before {
  content: "";
  transition: all 0.25s;
  display: block;
  height: 149px;
  background: url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  background-size: 24px;
  border: 2px dashed rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
}
.view_tabContentColumnAdd:hover:before {
  background-color: rgba(255, 255, 255, 0.35);
  background-size: 36px;
}
.view_tabContentBox {
  transition: all 0.25s;
}
.view_tabContentColumnAddWidget {
  height: 0;
  transform: scale(0);
}
.view_tabContentColumnAddWidget.active {
  height: auto;
  transform: none;
}
.view_tabContentColumnAddWidget .view_tabContentBox {
  margin-bottom: 25px;
}
.view_tabContentBoxHeadline {
  padding: 0;
}
.view_tabContentBox.editBox,
.ui-sortable-helper .view_tabContentBox {
  border-color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa, 0 0 50px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.view_tabContentBoxSort,
.view_tabContentBoxEdit {
  transition: all 0.25s;
  float: right;
  width: 60px;
  height: 60px;
  background: url(/img/icons/12/edit_3296fa.svg) 50% 50% no-repeat;
  background-size: 20px;
  border-left: 1px solid #e5e5e5;
  cursor: pointer;
}
.view_tabContentBoxSort {
  background-image: url(/img/icons/12/move_3296fa.svg);
  background-size: 24px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.view_tabContentBoxSort:hover,
.view_tabContentBoxEdit:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.view_tabContentBoxSort:active {
  background-color: rgba(50, 150, 250, 0.05);
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.view_tabContentBoxHeadline .headline {
  height: 60px;
  padding: 0 25px;
  line-height: 61px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.view_tabContentBoxHeadline .headline .arrow {
  display: inline-block;
  width: 29px;
  height: 58px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
  vertical-align: top;
}
.view_tabContentBoxHeadline .circlebutton {
  float: right;
  margin: 15px 25px 0 0;
}
.view_tabContentBoxInfoIcon {
  float: left;
  width: 40px;
  height: 40px;
  background: #4BC8C8 url(/img/icons/12/form_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  margin-right: 15px;
}
.view_tabContentBoxInfoText {
  overflow: hidden;
}
.view_tabContentBoxInfoText * {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.view_tabContentBox .selectbuttons {
  box-shadow: none;
}
.view_tabContentBoxNew {
  margin-top: -15px;
}
.view_tabContentBoxNewWidget {
  transition: all 0.25s;
  float: left;
  width: calc(33.3333% - 10px);
  background: #fafafa;
  height: 60px;
  padding: 15px;
  line-height: 30px;
  white-space: nowrap;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 3px;
  box-sizing: border-box;
  margin-top: 15px;
  cursor: pointer;
}
.view_tabContentBoxNewWidget:not(:nth-child(3n+3)) {
  margin-right: 15px;
}
.view_tabContentBoxNewWidget:hover {
  background: rgba(50, 150, 250, 0.05);
  border-color: #3296fa;
}
.view_tabContentBoxNewWidget .icon {
  float: left;
  width: 30px;
  height: 30px;
  background: #4BC8C8 url(/img/icons/12/form_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  margin-right: 15px;
}
.i_form {
  background-color: #4BC8C8 !important;
  background-image: url(/img/icons/12/form_ffffff.svg) !important;
}
.i_organisation {
  background-color: #aaaaaa !important;
  background-image: url(/img/icons/12/silhouettes_ffffff.svg) !important;
}
.i_events {
  background-color: #F54B4B !important;
  background-image: url(/img/icons/12/calendar_ffffff.svg) !important;
}
.i_tasks {
  background-color: #64C84B !important;
  background-image: url(/img/icons/12/checkmark_ffffff.svg) !important;
}
.i_experience {
  background-color: #aa64aa !important;
  background-image: url(/img/icons/12/bag_ffffff.svg) !important;
}
.i_education {
  background-color: #4bafaf !important;
  background-image: url(/img/icons/12/book_ffffff.svg) !important;
}
.i_payroll {
  background-color: #d78750 !important;
  background-image: url(/img/icons/12/wallet_ffffff.svg) !important;
}
.i_rating {
  background-color: #c8647d !important;
  background-image: url(/img/icons/12/maybe_ffffff.svg) !important;
}
.i_general {
  background-color: #d78750 !important;
  background-image: url(/img/icons/12/edit_ffffff.svg) !important;
}
.i_learning {
  background-color: #3264fa !important;
  background-image: url(/img/icons/12/education_ffffff.svg) !important;
}
.i_skills {
  background-color: #FFAA00 !important;
  background-image: url(/img/icons/12/star_ffffff.svg) !important;
}
.i_languages {
  background-color: #7d87af !important;
  background-image: url(/img/icons/12/language_ffffff.svg) !important;
}
.i_tags {
  background-color: #646464 !important;
  background-image: url(/img/icons/12/tag_ffffff.svg) !important;
}
.i_absence {
  background-color: #c8647d !important;
  background-image: url(/img/icons/12/island_ffffff.svg) !important;
}
.i_goals {
  background-color: #ffd100 !important;
  background-image: url(/img/icons/12/target_ffffff.svg) !important;
}
.i_related {
  background-color: #e6b482 !important;
  background-image: url(/img/icons/12/link_ffffff.svg) !important;
}
.i_traveltime {
  background-color: #aed21f !important;
  background-image: url(/img/icons/12/pin_ffffff.svg) !important;
}
.i_activity {
  background-color: #3296fa !important;
  background-image: url(/img/icons/12/pulse_ffffff.svg) !important;
}
.i_team {
  background-color: #aa64aa !important;
  background-image: url(/img/icons/12/silhouettes_ffffff.svg) !important;
}
.view_onboardingPipelineHolder {
  float: right;
  width: calc(100% - 102px);
  position: relative;
  height: 80px;
  background: #ddd;
  overflow: hidden;
  border-radius: 3px;
  margin: 2px;
}
.view_onboardingPipeline {
  transition: all 0.25s;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 30px;
}
.view_onboardingPipeline.switchedOff {
  filter: blur(2px) saturate(0);
  opacity: 0.5;
}
.view_onboardingPipelineStage {
  display: table-cell;
  line-height: 0;
  font-size: 0;
}
.view_onboardingPipelineStageTasks {
  transition: all 0.25s;
  display: block;
  position: relative;
  height: 30px;
  background: #999 url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
  text-decoration: none;
  padding: 0 10px;
}
.view_onboardingPipelineStage.active .view_onboardingPipelineStageTasks {
  background: #3296fa url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
}
.view_onboardingPipelineStage.overdue .view_onboardingPipelineStageTasks {
  background: #F54B4B url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
}
.view_onboardingPipelineStage.solved .view_onboardingPipelineStageTasks {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.view_onboardingPipelineStageTasks:before,
.view_onboardingPipelineStageTasks:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -35px;
  right: -6px;
  border-left: 20px solid #fff;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 1;
}
.view_onboardingPipelineStageTasks:after {
  border-left-color: #999;
  right: -5px;
}
.view_onboardingPipelineStage.active .view_onboardingPipelineStageTasks:after {
  border-left-color: #3296fa;
}
.view_onboardingPipelineStage.overdue .view_onboardingPipelineStageTasks:after {
  border-left-color: #F54B4B;
}
.view_onboardingPipelineStage.solved .view_onboardingPipelineStageTasks:after {
  border-left-color: #64C84B;
}
.view_onboardingPipelineStage:last-child .view_onboardingPipelineStageTasks:before,
.view_onboardingPipelineStage:last-child .view_onboardingPipelineStageTasks:after {
  display: none;
}
.view_onboardingPipelineStage .view_onboardingPipelineStageTasks div {
  position: relative;
  display: block;
  white-space: nowrap;
  text-align: center;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 2;
}
.view_onboardingPipelineStage.solved .view_onboardingPipelineStageTasks div {
  opacity: 0;
}
.view_onboardingPipelineStageInfo {
  position: relative;
  height: 50px;
  background: #eee;
  line-height: 20px;
  font-size: 12px;
  z-index: 2;
}
.view_onboardingPipelineStage:not(:last-child) .view_onboardingPipelineStageInfo {
  border-right: 1px solid #fff;
}
.view_onboardingPipelineStageProgress {
  background: #ddd;
  height: 3px;
  overflow: hidden;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.view_onboardingPipelineStageProgress div {
  float: left;
  height: 3px;
}
.view_onboardingPipelineStageDate {
  background: url(/img/icons/12/minus_aaaaaa.svg) 50% 50% no-repeat;
  padding: 13px 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.view_onboardingPipelineStageDate.none {
  height: 20px;
  background: url(/img/icons/12/arrow_aaaaaa.svg) 50% 50% no-repeat;
}
.view_onboardingPipelineStageDate .before,
.view_onboardingPipelineStageDate .exceeded {
  background: #64C84B;
  padding: 0 3px;
  color: #fff;
  border-radius: 3px;
  margin-left: 5px;
}
.view_onboardingPipelineStageDate .exceeded {
  background: #F54B4B;
}
.view_onboardingPipelineBoxes {
  transition: all 0.25s;
  max-height: 348px;
  overflow: hidden;
}
.view_onboardingPipelineBoxes.switchedOff {
  max-height: 153px;
}
.view_onboardingPipelineBox {
  transition: all 0.25s;
  height: 43px;
  background: #aaa url(/img/icons/12/minus_ffffff.svg) 25px 50% no-repeat;
  border-radius: 3px;
}
.view_onboardingPipelineBox:not(:first-child) {
  margin-top: 15px;
}
.view_onboardingPipelineBox.solved {
  background: #64c84b url(/img/icons/12/checkmark_ffffff.svg) 25px 50% no-repeat;
}
.view_onboardingPipelineBox.active {
  background-color: #3296fa;
}
.view_onboardingPipelineBoxes.switchedOff .view_onboardingPipelineBox {
  height: 40px;
  filter: blur(2px) saturate(0);
  opacity: 0.5;
}
.view_onboardingPipelineBoxes.switchedOff .view_onboardingPipelineBox:not(:first-child) {
  opacity: 0;
}

/* apps/shared-assets/css/platform_settings_gdpr.css */
.gdpr_boxHeadline {
  background: #fafafa;
  padding: 17px 25px 16px 25px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.gdpr_boxHeadline .circlebutton {
  float: right;
  margin: -2px 0 -2px 15px;
}
.contentbox:hover .gdpr_boxHeadline .circlebutton {
  background: #3296fa;
  color: #ffffff;
  border-color: #3296fa;
}
.contentbox:hover .gdpr_boxHeadline .circlebutton .icon {
  filter: brightness(0) invert(1);
}
.gdpr_overviewRule {
  transition: all 0.25s;
  position: relative;
  padding: 25px;
}
.gdpr_overviewRule:hover {
  background: rgba(50, 150, 250, 0.05);
}
.gdpr_overviewRule:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.gdpr_overviewRuleDeleted,
.gdpr_overviewRuleMatches {
  transition: all 0.25s;
  position: relative;
  float: right;
  text-align: right;
  margin-left: 50px;
}
.gdpr_overviewRuleDeleted {
  transition: all 0.25s;
  z-index: 1;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% + 20px) 50% no-repeat;
  padding: 10px;
  margin: -10px -10px -10px 40px;
  border-radius: 2px;
  cursor: pointer;
}
.gdpr_overviewRuleDeleted:hover {
  background-color: #fff;
  background-position: calc(100% - 10px) 50%;
  padding-right: 29px;
  box-shadow: 0 0 0 1px #eee;
}
.gdpr_overviewRuleDeleted span,
.gdpr_overviewRuleMatches span {
  transition: all 0.25s;
  display: block;
}
.gdpr_overviewRuleDeleted span:first-child,
.gdpr_overviewRuleMatches span:first-child {
  line-height: 50px;
  font-size: 50px;
  font-weight: 100;
  color: #F54B4B;
}
.gdpr_overviewRuleMatches span:first-child {
  color: #3296fa;
}
.gdpr_overviewRuleDeleted span:last-child,
.gdpr_overviewRuleMatches span:last-child {
  background: url(/img/icons/12/trash_aaaaaa.svg) calc(100% - 5px) 50% no-repeat;
  padding-right: 22px;
  line-height: 16px;
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
}
.gdpr_overviewRuleMatches span:last-child {
  background-image: url(/img/icons/12/silhouettes_aaaaaa.svg);
}
@media (max-width: 1500px) {
  .gdpr_overviewRuleDeleted {
    margin-left: 15px;
  }
  .gdpr_overviewRuleMatches {
    margin-left: 25px;
  }
}
@media (max-width: 1200px) {
  .gdpr_overviewRuleDeleted span:first-child,
  .gdpr_overviewRuleMatches span:first-child {
    line-height: 34px;
    font-size: 30px;
    font-weight: 300;
  }
  .gdpr_overviewRuleDeleted span:last-child,
  .gdpr_overviewRuleMatches span:last-child {
    background-position: 100% 50%;
    padding-right: 17px;
  }
}
.gdpr_overviewRuleTitle {
  font-weight: bold;
}
.gdpr_overviewRuleSubtitle {
  line-height: 18px;
  font-size: 12px;
  color: #666;
  margin-bottom: 6px;
}
.gdpr_overviewRule.inactivated .gdpr_overviewRuleSubtitle {
  text-decoration: line-through;
  color: #999;
}
.gdpr_deletedElement {
  padding: 15px 25px;
}
.gdpr_deletedElement:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.gdpr_deletedElementText {
  float: right;
  width: calc(100% - 45px);
  padding: 6px 0 4px 0;
}
.gdpr_deletedElementText span {
  float: right;
  white-space: nowrap;
  font-size: 12px;
  color: #666;
  padding-left: 15px;
}
.gdpr_ruleTop {
  background: rgb(255, 255, 235);
}
.gdpr_ruleTop .switch {
  float: right;
  margin: 4px 0 0 25px;
}
.gdpr_ruleSectionTitle {
  background: #eee;
  padding: 3px 25px 1px 25px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  border-bottom: 1px solid #e5e5e5;
}
.gdpr_ruleCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.gdpr_ruleCriteria {
  padding-top: 5px;
}
.gdpr_ruleCriteriaQuestion,
.gdpr_ruleCriteriaOption {
  float: left;
  width: 35%;
}
.gdpr_ruleCriteriaQuestion {
  margin-right: 5px;
}
.gdpr_ruleCriteriaOption {
  margin-left: 5px;
}
.gdpr_ruleCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.gdpr_ruleCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.gdpr_ruleCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.gdpr_ruleCriteriaActions .button {
  margin-left: 5px;
}
.gdpr_ruleCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .gdpr_ruleCriteriaSort {
  cursor: grabbing;
}
.disableSort .gdpr_ruleCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.gdpr_ruleCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.gdpr_ruleCriteriaSort span:before,
.gdpr_ruleCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.gdpr_ruleCriteriaSort:hover span,
.gdpr_ruleCriteriaSort:hover span:before,
.gdpr_ruleCriteriaSort:hover span:after,
.ui-sortable-helper .gdpr_ruleCriteriaSort span,
.ui-sortable-helper .gdpr_ruleCriteriaSort span:before,
.ui-sortable-helper .gdpr_ruleCriteriaSort span:after {
  background: #3296fa;
}
.gdpr_ruleCriteriaSort span:after {
  top: 6px;
}
.gdpr_ruleMessageDays {
  float: left;
  height: 28px;
  background: #fff;
  padding: 0 15px;
  line-height: 30px;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 15px;
  margin-left: 25px;
}

/* apps/shared-assets/css/platform_settings_templates_onboarding.css */
.onboarding_overviewViews {
  margin-bottom: -34px;
}
.onboarding_overviewButtonsLeft {
  float: left;
  margin-bottom: 10px;
}
.platform_content_holder .smartTable {
  overflow: hidden;
}
.smartTableElement .circlebutton {
  float: right;
  margin: 10px 15px;
  z-index: 1;
}
.onboarding_overviewList .contentbox {
  max-height: calc(100vh - 281px);
}
.onboarding_pipeline {
  display: table;
  width: calc(100% + 15px);
  margin: -8px -8px -7px -7px;
}
.onboarding_pipelineStage {
  position: relative;
  display: table-cell;
  width: auto;
}
.onboarding_pipelineStage.disabled,
.onboarding_pipelineStage.disabled * {
  cursor: pointer !important;
}
.onboarding_pipelineStage.ui-sortable-handle {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.onboarding_pipelineStage.ui-sortable-placeholder {
  visibility: visible !important;
}
.onboarding_pipelineStage.ui-sortable-placeholder:before {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 7px;
  left: 7px;
  content: "";
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
.onboarding_pipelineStage .contentbox {
  transition: all 0.25s;
  width: calc(100% - 15px);
  height: 120px;
  margin: 8px 8px 7px 7px;
}
.onboarding_pipelineStage:hover .contentbox {
  border-color: #3296fa;
}
.onboarding_pipelineStage.disabled .contentbox {
  background: #fafafa;
  box-shadow: none;
}
.onboarding_pipelineStage.ui-sortable-helper .contentbox {
  border-color: #3296fa !important;
  box-shadow: 0 0 0 1px #3296fa inset, 0 0 50px rgba(0, 0, 0, 0.25);
}
.onboarding_pipelineStage .contentbox:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 20px;
  left: calc(50% + 12px);
  width: 24px;
  height: 24px;
  background: url(/img/icons/12/arrow_3296fa.svg) 50% 50% no-repeat;
  transform: scale(2) translate(-50%, 0);
}
.onboarding_pipelineStage.start .contentbox:before {
  background-image: url(/img/icons/12/pin_3296fa.svg);
}
.onboarding_pipelineStage.end .contentbox:before {
  background-image: url(/img/icons/12/flag_64c84b.svg);
}
.onboarding_pipelineStage:hover .contentbox:before {
  top: 22px;
  left: calc(50% + 6px);
  background-image: url(/img/icons/12/edit_3296fa.svg);
  transform: scale(1.5) translate(-50%, 0);
}
.onboarding_pipelineStageTitle {
  position: absolute;
  top: 60px;
  left: 10px;
  right: 10px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onboarding_pipelineStageAccess {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: url(/img/icons/12/lock_closed_f54b4b.svg) 50% 50% no-repeat;
}
.onboarding_pipelineStageSort,
.onboarding_pipelineStageSort:before,
.onboarding_pipelineStageSort:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 93px;
  left: calc(50% - 8px);
  width: 16px;
  height: 1px;
  background: #ccc;
}
.onboarding_pipelineStageSort:before {
  top: 3px;
  left: 0;
}
.onboarding_pipelineStageSort:after {
  top: 6px;
  left: 0;
}
.onboarding_pipelineStage:hover .onboarding_pipelineStageSort,
.onboarding_pipelineStage:hover .onboarding_pipelineStageSort:before,
.onboarding_pipelineStage:hover .onboarding_pipelineStageSort:after {
  background: #3296fa;
}
.onboarding_processTop {
  background: rgb(255, 255, 235);
}
.onboarding_processTop .headline {
  transition: all 0.25s;
  float: left;
  max-width: 70%;
  padding-right: 20px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 6px) 50% no-repeat;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.onboarding_processTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.onboarding_processTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.popup .langselector {
  position: relative;
  z-index: 1;
}
.onboarding_process {
  transition: all 0.5s;
  position: relative;
  background: #f3f3f3;
  width: 100%;
  height: calc(100% - 149px);
  padding: 25px;
  overflow: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}
.setAction .onboarding_process {
  width: calc(100% - 799px);
}
.onboarding_process:after {
  transition: background 0.5s, width 0s 0.5s;
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 0;
  height: calc(100% - 149px);
  z-index: 5;
  border-bottom-left-radius: 3px;
}
.setAction .onboarding_process:after {
  transition: background 0.5s;
  width: calc(100% - 200px);
  background: rgba(243, 243, 243, 0.5);
}
.onboarding_processContainer {
  position: relative;
  padding: 25px 25px 0 72px;
}
.onboarding_process > .onboarding_processContainer {
  margin-left: -31px;
}
.onboarding_processContainer:before,
.onboarding_processChild:before {
  content: "";
  position: absolute;
  top: 0;
  left: 45px;
  width: 2px;
  height: 100%;
  background: #ccc;
}
.onboarding_processContainer:last-child:before,
.onboarding_processChild:last-child:before {
  height: 70px;
}
.onboarding_processContainer:after,
.onboarding_processChild:after {
  content: "";
  position: absolute;
  top: 70px;
  left: 45px;
  width: 27px;
  height: 2px;
  background: #ccc;
}
.onboarding_processToggle,
.onboarding_processToggleAll a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 56px;
  left: 31px;
  width: 30px;
  height: 30px;
  background: #64C84B;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.onboarding_processContainer.active > .onboarding_processToggle,
.onboarding_processToggleAll.active a {
  background: #aaa;
}
.onboarding_processToggle:before,
.onboarding_processToggle:after,
.onboarding_processToggleAll a:before,
.onboarding_processToggleAll a:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 14px;
  left: 10px;
  width: 10px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.onboarding_processContainer:not(.active) > .onboarding_processToggle:before,
.onboarding_processToggleAll:not(.active) a:before {
  transform: rotate(-90deg);
}
.onboarding_processContainer.active > .onboarding_processToggle:after,
.onboarding_processToggleAll.active a:after {
  opacity: 0;
}
.onboarding_processContainer:not(.active) > .onboarding_processToggle:after,
.onboarding_processToggleAll:not(.active) a:after {
  transform: rotate(-180deg);
  opacity: 1;
}
.onboarding_processParent,
.onboarding_processChild {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.onboarding_processParent *,
.onboarding_processChild * {
  vertical-align: top;
  font-size: 14px;
  white-space: normal;
}
.onboarding_processChild {
  padding: 25px 25px 0 72px;
}
.onboarding_process > .onboarding_processChild {
  margin-left: -31px;
}
.onboarding_processToggleAll {
  position: relative;
  height: 55px;
  margin-top: -25px;
  margin-left: -31px;
}
.onboarding_processToggleAll a {
  top: 25px;
  width: auto;
  background: #3296fa !important;
  padding: 0 15px 0 30px;
  text-decoration: none;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
}
.onboarding_processToggleAll.active .onboarding_processToggleAllExpand,
.onboarding_processToggleAll:not(.active) .onboarding_processToggleAllCollapse {
  display: none;
}
.onboarding_process .contentbox {
  transition: all 0.25s;
  display: inline-block;
  width: 500px;
  cursor: pointer;
  margin-right: 25px;
}
.onboarding_process .contentbox:hover {
  border-color: #3296fa;
}
.onboarding_process > .onboarding_processContainer > .onboarding_processParent > .contentbox,
.onboarding_process > .onboarding_processChild .contentbox {
  border-color: #e5e5e5 !important;
  cursor: default;
}
.onboarding_process > .onboarding_processChild:last-child .contentbox {
  background: #F7FCF6;
}
.onboarding_process .contentbox .contentPadding:not(:first-of-type):last-child {
  background: #fafafa;
  padding: 15px 25px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.onboarding_processActionIcon {
  float: left;
  width: 40px;
  height: 40px;
  background: #3296fa url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-right: 15px;
}
.onboarding_processActionTitle {
  font-weight: bold;
}
.onboarding_processActionTitle.single {
  font-size: 18px;
  line-height: 40px;
}
.onboarding_processActionTitle span {
  display: inline-block;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px calc(50% - 1px) no-repeat;
  padding-left: 19px;
}
.onboarding_processActionSubtitle {
  font-size: 12px;
}
.onboarding_processActionTable {
  display: table;
  width: 100%;
  margin-top: -5px;
}
.onboarding_processActionTableRow {
  display: table-row;
}
.onboarding_processActionTableCell {
  display: table-cell;
  padding-top: 5px;
}
.onboarding_processActionTableCell:first-child {
  min-width: 40px;
  max-width: 140px;
  padding-right: 15px;
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
  line-height: 19px;
  font-size: 12px;
  font-style: italic;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onboarding_processActionTableCell.if {
  font-weight: bold;
  text-transform: uppercase;
}
.onboarding_processActionTableCell:last-child {
  width: 100%;
  color: #666;
}
.onboarding_processActionTableCell i {
  color: #999;
  margin: 0 5px;
}
.onboarding_processAdd {
  position: relative;
  display: inline-block;
  padding: 26px 25px 0 25px;
  margin-left: -25px;
}
.onboarding_processAdd:before {
  content: "";
  position: absolute;
  top: 45px;
  left: 0;
  width: 25px;
  height: 2px;
  background: #ccc;
}
.onboarding_processAdd .button,
.onboarding_processAdd .button * {
  float: none;
  display: inline-block;
  white-space: nowrap;
}
.onboarding_processEditExplainer {
  background: #fafafa;
  padding: 15px 25px;
  line-height: 27px;
  font-size: 18px;
  font-style: italic;
  color: #999;
  border-bottom: 1px solid #e5e5e5;
}
.onboarding_processEditListItem {
  transition: background 0.25s;
  position: relative;
  padding: 15px 25px;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.onboarding_processEditListItem:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.onboarding_processEditListItemIcon {
  transition: all 0.25s;
  float: left;
  width: 40px;
  height: 40px;
  background: #3296fa url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-right: 15px;
}
.i_start {
  background-color: #3296fa;
  background-image: url(/img/icons/12/pin_ffffff.svg);
}
.i_end {
  background-color: #64C84B;
  background-image: url(/img/icons/12/flag_ffffff.svg);
}
.i_task {
  background-color: #64C84B;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.i_message {
  background-color: #3296fa;
  background-image: url(/img/icons/12/letter_ffffff.svg);
}
.i_form {
  background-color: #4BC8C8;
  background-image: url(/img/icons/12/form_ffffff.svg);
}
.i_notification {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/bell_ffffff.svg);
}
.i_integration {
  background-color: #6464C8;
  background-image: url(/img/icons/12/link_ffffff.svg);
}
.onboarding_processEditListItemTitle {
  height: 40px;
  line-height: 41px;
  font-size: 18px;
  overflow: hidden;
}
.onboarding_processEditListItemTitle.withExplainer {
  height: 22px;
  line-height: 23px;
}
.onboarding_processEditListItemExplainer {
  line-height: 18px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
}
.onboarding_processAction {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 149px);
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.onboarding_processActionContent {
  transition: transform 0.5s, box-shadow 0.5s 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  width: 800px;
  height: 100%;
  background: #fff;
  overflow: auto;
  transform: translate(100%, 0);
  box-sizing: border-box;
  z-index: 10;
}
.setAction .onboarding_processActionContent {
  transition: transform 0.5s, box-shadow 0.5s;
  transform: translate(0, 0);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
}
.onboarding_processActionFormSearch {
  height: 61px;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.onboarding_processActionFormSearch input {
  width: 100%;
  background: url(/img/icons/12/search_aaaaaa.svg) 25px 24px no-repeat;
  padding: 15px 25px 15px 52px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.onboarding_processActionFormList a {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 61px;
  background: url(/img/icons/12/form_aaaaaa.svg) 25px 24px no-repeat;
  padding: 0 25px 0 52px;
  line-height: 62px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.onboarding_processActionEvaluate .onboarding_processActionFormList a {
  background-image: url(/img/icons/12/star_aaaaaa.svg);
}
.onboarding_processActionFormFolder {
  background-image: url(/img/icons/12/folder_3296fa.svg) !important;
}
.onboarding_processActionFormList a:hover,
.onboarding_processActionFormList a.active {
  background-color: rgba(50, 150, 250, 0.05);
}
.onboarding_processActionFormList .searched {
  background: rgba(50, 150, 250, 0.25);
}
.onboarding_processActionForm .button,
.onboarding_processActionFormArea .button {
  margin: 10px 0 10px 50%;
  transform: translate(-50%, 0);
}

/* apps/shared-assets/css/platform_settings_templates.css */
.templates_overviewViews {
  margin-bottom: -34px;
}
.templates_overviewButtonsLeft {
  float: left;
}
.templates_overviewButtonsLeft .button {
  margin-right: 15px;
}
.templates_overviewButtonsRight {
  float: right;
}
.templates_overviewButtonsRight .button {
  margin-left: 15px;
}
.templates_overviewList .contentbox {
  max-height: calc(100vh - 281px);
  margin-top: 10px;
}
.platform_content_holder .smartTable {
  overflow: hidden;
  margin-top: 10px;
}
.smartTableElement .circlebutton {
  float: right;
  margin: 10px 15px;
  z-index: 1;
}
.templates_overviewPreview {
  position: absolute;
  top: 10px;
  right: 15px;
  opacity: 0.25;
}
.advTableRow:hover .templates_overviewPreview {
  opacity: 1;
}
.jobs_editContent .form_builder {
  top: 71px;
  height: calc(100% - 71px);
}
.jobs_editContent .form_preview {
  top: 71px;
  background: #f3f3f3;
}
.jobs_editContent .form_previewBanner {
  top: 141px;
  right: 70px;
}
@media (min-height: 801px) and (min-width: 1201px) {
  .jobs_editContent .form_previewBanner {
    right: 55px;
  }
}
.templates_hiringPipeline {
  display: table;
  width: calc(100% + 15px);
  margin: -8px -8px -7px -7px;
}
.templates_hiringPipelineStage {
  position: relative;
  display: table-cell;
  width: auto;
}
.templates_hiringPipelineStage.disabled,
.templates_hiringPipelineStage.disabled * {
  cursor: pointer !important;
}
.templates_hiringPipelineStage.ui-sortable-handle {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.templates_hiringPipelineStage.ui-sortable-placeholder {
  visibility: visible !important;
}
.templates_hiringPipelineStage.ui-sortable-placeholder:before {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 7px;
  left: 7px;
  content: "";
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
.templates_hiringPipelineStage .contentbox {
  transition: all 0.25s;
  width: calc(100% - 15px);
  height: 120px;
  margin: 8px 8px 7px 7px;
}
.templates_hiringPipelineStage:hover .contentbox {
  border-color: #3296fa;
}
.templates_hiringPipelineStage.disabled .contentbox {
  background: #fafafa;
  box-shadow: none;
}
.templates_hiringPipelineStage.ui-sortable-helper .contentbox {
  border-color: #3296fa !important;
  box-shadow: 0 0 0 1px #3296fa inset, 0 0 50px rgba(0, 0, 0, 0.25);
}
.templates_hiringPipelineStage .contentbox:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 20px;
  left: calc(50% + 12px);
  width: 24px;
  height: 24px;
  background: url(/img/icons/12/arrow_3296fa.svg) 50% 50% no-repeat;
  transform: scale(2) translate(-50%, 0);
}
.templates_hiringPipelineStage.sourced .contentbox:before {
  background-image: url(/img/icons/12/silhouette_aaaaaa.svg);
}
.templates_hiringPipelineStage.applied .contentbox:before {
  background-image: url(/img/icons/12/form_aaaaaa.svg);
}
.templates_hiringPipelineStage.assessment .contentbox:before {
  background-image: url(/img/icons/12/search_3296fa.svg);
}
.templates_hiringPipelineStage.phoneint .contentbox:before {
  background-image: url(/img/icons/12/phone_3296fa.svg);
}
.templates_hiringPipelineStage.interview .contentbox:before {
  background-image: url(/img/icons/12/chat_3296fa.svg);
}
.templates_hiringPipelineStage.shortlisted .contentbox:before {
  background-image: url(/img/icons/12/star_3296fa.svg);
}
.templates_hiringPipelineStage.offer .contentbox:before {
  background-image: url(/img/icons/12/stamp_afd21e.svg);
}
.templates_hiringPipelineStage.hired .contentbox:before {
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
}
.templates_hiringPipelineStage:hover .contentbox:before {
  top: 22px;
  left: calc(50% + 6px);
  background-image: url(/img/icons/12/edit_3296fa.svg);
  transform: scale(1.5) translate(-50%, 0);
}
.templates_hiringPipelineStageTitle {
  position: absolute;
  top: 60px;
  left: 10px;
  right: 10px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.templates_hiringPipelineStageAccess {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: url(/img/icons/12/lock_closed_f54b4b.svg) 50% 50% no-repeat;
}
.templates_hiringPipelineStageSort,
.templates_hiringPipelineStageSort:before,
.templates_hiringPipelineStageSort:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 93px;
  left: calc(50% - 8px);
  width: 16px;
  height: 1px;
  background: #ccc;
}
.templates_hiringPipelineStageSort:before {
  top: 3px;
  left: 0;
}
.templates_hiringPipelineStageSort:after {
  top: 6px;
  left: 0;
}
.templates_hiringPipelineStage:hover .templates_hiringPipelineStageSort,
.templates_hiringPipelineStage:hover .templates_hiringPipelineStageSort:before,
.templates_hiringPipelineStage:hover .templates_hiringPipelineStageSort:after {
  background: #3296fa;
}
.templates_hiringPipelineDisqMessage {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 9px;
  right: 9px;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/letter_aaaaaa.svg) 50% 50% no-repeat;
  opacity: 0;
}
.input:hover .templates_hiringPipelineDisqMessage {
  opacity: 0.5;
}
.templates_hiringPipelineDisqMessage:hover,
.templates_hiringPipelineDisqMessage.active {
  opacity: 1 !important;
}
.templates_hiringPipelineDisqMessage.active {
  background-image: url(/img/icons/12/letter_3296fa.svg);
}
.onboarding_pipeline {
  display: table;
  width: calc(100% + 15px);
  margin: -8px -8px -7px -7px;
}
.onboarding_pipelineStage {
  position: relative;
  display: table-cell;
  width: auto;
}
.onboarding_pipelineStage.disabled,
.onboarding_pipelineStage.disabled * {
  cursor: pointer !important;
}
.onboarding_pipelineStage.ui-sortable-handle {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.onboarding_pipelineStage.ui-sortable-placeholder {
  visibility: visible !important;
}
.onboarding_pipelineStage.ui-sortable-placeholder:before {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 7px;
  left: 7px;
  content: "";
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
.onboarding_pipelineStage .contentbox {
  transition: all 0.25s;
  width: calc(100% - 15px);
  height: 120px;
  margin: 8px 8px 7px 7px;
}
.onboarding_pipelineStage:hover .contentbox {
  border-color: #3296fa;
}
.onboarding_pipelineStage.disabled .contentbox {
  background: #fafafa;
  box-shadow: none;
}
.onboarding_pipelineStage.ui-sortable-helper .contentbox {
  border-color: #3296fa !important;
  box-shadow: 0 0 0 1px #3296fa inset, 0 0 50px rgba(0, 0, 0, 0.25);
}
.onboarding_pipelineStage .contentbox:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 20px;
  left: calc(50% + 12px);
  width: 24px;
  height: 24px;
  background: url(/img/icons/12/arrow_3296fa.svg) 50% 50% no-repeat;
  transform: scale(2) translate(-50%, 0);
}
.onboarding_pipelineStage.start .contentbox:before {
  background-image: url(/img/icons/12/pin_3296fa.svg);
}
.onboarding_pipelineStage.end .contentbox:before {
  background-image: url(/img/icons/12/flag_64c84b.svg);
}
.onboarding_pipelineStage:hover .contentbox:before {
  top: 22px;
  left: calc(50% + 6px);
  background-image: url(/img/icons/12/edit_3296fa.svg);
  transform: scale(1.5) translate(-50%, 0);
}
.onboarding_pipelineStageTitle {
  position: absolute;
  top: 60px;
  left: 10px;
  right: 10px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onboarding_pipelineStageAccess {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: url(/img/icons/12/lock_closed_f54b4b.svg) 50% 50% no-repeat;
}
.onboarding_pipelineStageSort,
.onboarding_pipelineStageSort:before,
.onboarding_pipelineStageSort:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 93px;
  left: calc(50% - 8px);
  width: 16px;
  height: 1px;
  background: #ccc;
}
.onboarding_pipelineStageSort:before {
  top: 3px;
  left: 0;
}
.onboarding_pipelineStageSort:after {
  top: 6px;
  left: 0;
}
.onboarding_pipelineStage:hover .onboarding_pipelineStageSort,
.onboarding_pipelineStage:hover .onboarding_pipelineStageSort:before,
.onboarding_pipelineStage:hover .onboarding_pipelineStageSort:after {
  background: #3296fa;
}
.onboarding_processTop {
  background: rgb(255, 255, 235);
}
.onboarding_processTop .headline {
  transition: all 0.25s;
  float: left;
  max-width: 70%;
  padding-right: 20px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 6px) 50% no-repeat;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.onboarding_processTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.onboarding_processTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.popup .langselector {
  position: relative;
  z-index: 1;
}
.onboarding_process {
  transition: all 0.5s;
  position: relative;
  background: #f3f3f3;
  width: 100%;
  height: calc(100% - 149px);
  padding: 25px;
  overflow: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}
.setAction .onboarding_process {
  width: calc(100% - 899px);
}
.onboarding_process:after {
  transition: background 0.5s, width 0s 0.5s;
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  width: 0;
  height: calc(100% - 149px);
  z-index: 5;
  border-bottom-left-radius: 3px;
}
.setAction .onboarding_process:after {
  transition: background 0.5s;
  width: calc(100% - 200px);
  background: rgba(243, 243, 243, 0.5);
}
.onboarding_processContainer {
  position: relative;
  padding: 25px 25px 0 72px;
}
.onboarding_process > .onboarding_processContainer {
  margin-left: -31px;
}
.onboarding_processContainer:before,
.onboarding_processChild:before {
  content: "";
  position: absolute;
  top: 0;
  left: 45px;
  width: 2px;
  height: 100%;
  background: #ccc;
}
.onboarding_processContainer:last-child:before,
.onboarding_processChild:last-child:before {
  height: 70px;
}
.onboarding_processContainer:after,
.onboarding_processChild:after {
  content: "";
  position: absolute;
  top: 70px;
  left: 45px;
  width: 27px;
  height: 2px;
  background: #ccc;
}
.onboarding_processToggle,
.onboarding_processToggleAll a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 56px;
  left: 31px;
  width: 30px;
  height: 30px;
  background: #64C84B;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.onboarding_processContainer.active > .onboarding_processToggle,
.onboarding_processToggleAll.active a {
  background: #aaa;
}
.onboarding_processToggle:before,
.onboarding_processToggle:after,
.onboarding_processToggleAll a:before,
.onboarding_processToggleAll a:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 14px;
  left: 10px;
  width: 10px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
}
.onboarding_processContainer:not(.active) > .onboarding_processToggle:before,
.onboarding_processToggleAll:not(.active) a:before {
  transform: rotate(-90deg);
}
.onboarding_processContainer.active > .onboarding_processToggle:after,
.onboarding_processToggleAll.active a:after {
  opacity: 0;
}
.onboarding_processContainer:not(.active) > .onboarding_processToggle:after,
.onboarding_processToggleAll:not(.active) a:after {
  transform: rotate(-180deg);
  opacity: 1;
}
.onboarding_processParent,
.onboarding_processChild {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.onboarding_processParent *,
.onboarding_processChild * {
  vertical-align: top;
  font-size: 14px;
  white-space: normal;
}
.onboarding_processChild {
  padding: 25px 25px 0 72px;
}
.onboarding_process > .onboarding_processChild {
  margin-left: -31px;
}
.onboarding_processToggleAll {
  position: relative;
  height: 55px;
  margin-top: -25px;
  margin-left: -31px;
}
.onboarding_processToggleAll a {
  top: 25px;
  width: auto;
  background: #3296fa !important;
  padding: 0 15px 0 30px;
  text-decoration: none;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
}
.onboarding_processToggleAll.active .onboarding_processToggleAllExpand,
.onboarding_processToggleAll:not(.active) .onboarding_processToggleAllCollapse {
  display: none;
}
.onboarding_process .contentbox {
  transition: all 0.25s;
  display: inline-block;
  width: 500px;
  cursor: pointer;
  margin-right: 25px;
}
.onboarding_process .contentbox:hover {
  border-color: #3296fa;
}
.onboarding_process > .onboarding_processContainer > .onboarding_processParent > .contentbox,
.onboarding_process > .onboarding_processChild .contentbox {
  border-color: #e5e5e5 !important;
  cursor: default;
}
.onboarding_process > .onboarding_processChild:last-child .contentbox {
  background: #F7FCF6;
}
.onboarding_process .contentbox .contentPadding:not(:first-of-type):last-child {
  background: #fafafa;
  padding: 15px 25px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.onboarding_processActionIcon {
  float: left;
  width: 40px;
  height: 40px;
  background: #3296fa url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-right: 15px;
}
.onboarding_processActionTitle {
  font-weight: bold;
}
.onboarding_processActionTitle.single {
  font-size: 18px;
  line-height: 40px;
}
.onboarding_processActionTitle span {
  display: inline-block;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px calc(50% - 1px) no-repeat;
  padding-left: 19px;
}
.onboarding_processActionSubtitle {
  font-size: 12px;
}
.onboarding_processActionTable {
  display: table;
  width: 100%;
  margin-top: -5px;
}
.onboarding_processActionTableRow {
  display: table-row;
}
.onboarding_processActionTableCell {
  display: table-cell;
  padding-top: 5px;
}
.onboarding_processActionTableCell:first-child {
  min-width: 40px;
  max-width: 140px;
  padding-right: 15px;
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
  line-height: 19px;
  font-size: 12px;
  font-style: italic;
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onboarding_processActionTableCell.if {
  font-weight: bold;
  text-transform: uppercase;
  color: #3296fa;
}
.onboarding_processActionTableCell:last-child {
  width: 100%;
  color: #666;
}
.onboarding_processActionTableCell i {
  color: #999;
  margin: 0 5px;
}
.onboarding_processActionTableCell .arrow {
  display: inline-block;
  vertical-align: top;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
  width: 19px;
  height: 19px;
}
.onboarding_processAdd {
  position: relative;
  display: inline-block;
  padding: 26px 25px 0 25px;
  margin-left: -25px;
}
.onboarding_processAdd:before {
  content: "";
  position: absolute;
  top: 45px;
  left: 0;
  width: 25px;
  height: 2px;
  background: #ccc;
}
.onboarding_processAdd .button,
.onboarding_processAdd .button * {
  float: none;
  display: inline-block;
  white-space: nowrap;
}
.onboarding_processTriggerCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.onboarding_processTriggerCriteria {
  padding-top: 5px;
}
.onboarding_processTriggerCriteriaQuestion,
.onboarding_processTriggerCriteriaOption {
  float: left;
  width: 35%;
}
.onboarding_processTriggerCriteriaQuestion {
  margin-right: 5px;
}
.onboarding_processTriggerCriteriaOption {
  margin-left: 5px;
}
.onboarding_processTriggerCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.onboarding_processTriggerCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.onboarding_processTriggerCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.onboarding_processTriggerCriteriaActions .button {
  margin-left: 5px;
}
.onboarding_processTriggerCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .onboarding_processTriggerCriteriaSort {
  cursor: grabbing;
}
.disableSort .onboarding_processTriggerCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.onboarding_processTriggerCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.onboarding_processTriggerCriteriaSort span:before,
.onboarding_processTriggerCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.onboarding_processTriggerCriteriaSort:hover span,
.onboarding_processTriggerCriteriaSort:hover span:before,
.onboarding_processTriggerCriteriaSort:hover span:after,
.ui-sortable-helper .onboarding_processTriggerCriteriaSort span,
.ui-sortable-helper .onboarding_processTriggerCriteriaSort span:before,
.ui-sortable-helper .onboarding_processTriggerCriteriaSort span:after {
  background: #3296fa;
}
.onboarding_processTriggerCriteriaSort span:after {
  top: 6px;
}
.onboarding_processEditExplainer {
  background: #fafafa;
  padding: 15px 25px;
  line-height: 27px;
  font-size: 18px;
  font-style: italic;
  color: #999;
  border-bottom: 1px solid #e5e5e5;
}
.onboarding_processEditListItem {
  transition: background 0.25s;
  position: relative;
  padding: 15px 25px;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.onboarding_processEditListItem:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.onboarding_processEditListItemIcon {
  transition: all 0.25s;
  float: left;
  width: 40px;
  height: 40px;
  background: #3296fa url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-right: 15px;
}
.i_start {
  background-color: #3296fa;
  background-image: url(/img/icons/12/pin_ffffff.svg);
}
.i_end {
  background-color: #64C84B;
  background-image: url(/img/icons/12/flag_ffffff.svg);
}
.i_task {
  background-color: #64C84B;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.i_message {
  background-color: #3296fa;
  background-image: url(/img/icons/12/letter_ffffff.svg);
}
.i_form {
  background-color: #4BC8C8;
  background-image: url(/img/icons/12/form_ffffff.svg);
}
.i_feedback {
  background-color: #A57896;
  background-image: url(/img/icons/12/maybe_ffffff.svg);
}
.i_learning {
  background-color: #C8C832;
  background-image: url(/img/icons/12/education_ffffff.svg);
}
.i_notification {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/bell_ffffff.svg);
}
.i_integration {
  background-color: #6464C8;
  background-image: url(/img/icons/12/link_ffffff.svg);
}
.onboarding_processEditListItemTitle {
  height: 40px;
  line-height: 41px;
  font-size: 18px;
  overflow: hidden;
}
.onboarding_processEditListItemTitle.withExplainer {
  height: 22px;
  line-height: 23px;
}
.onboarding_processEditListItemExplainer {
  line-height: 18px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
}
.onboarding_processAction {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 149px);
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.onboarding_processActionContent {
  transition: transform 0.5s, box-shadow 0.5s 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  width: 900px;
  height: 100%;
  background: #fff;
  overflow: auto;
  transform: translate(100%, 0);
  box-sizing: border-box;
  z-index: 10;
}
@media (max-width: 1200px) {
  .onboarding_processActionContent {
    width: 100%;
  }
}
.setAction .onboarding_processActionContent {
  transition: transform 0.5s, box-shadow 0.5s;
  transform: translate(0, 0);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
}
.onboarding_processActionFormSearch {
  height: 61px;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.onboarding_processActionFormSearch input {
  width: 100%;
  background: url(/img/icons/12/search_aaaaaa.svg) 25px 24px no-repeat;
  padding: 15px 25px 15px 52px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.onboarding_processActionFormList a {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 61px;
  background: url(/img/icons/12/form_aaaaaa.svg) 25px 24px no-repeat;
  padding: 0 25px 0 52px;
  line-height: 62px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.onboarding_processActionEvaluate .onboarding_processActionFormList a {
  background-image: url(/img/icons/12/star_aaaaaa.svg);
}
.onboarding_processActionFormFolder {
  background-image: url(/img/icons/12/folder_3296fa.svg) !important;
}
.onboarding_processActionFormList a:hover,
.onboarding_processActionFormList a.active {
  background-color: rgba(50, 150, 250, 0.05);
}
.onboarding_processActionFormList .searched {
  background: rgba(50, 150, 250, 0.25);
}
.onboarding_processActionForm .button,
.onboarding_processActionFormArea .button {
  margin: 10px 0 10px 50%;
  transform: translate(-50%, 0);
}
.onboarding_processActionLearningCards {
  height: 300px;
  padding: 25px 25px 25px 0px;
  white-space: nowrap;
  font-size: 0px;
  overflow-y: hidden;
  overflow-x: auto;
}
.onboarding_processActionLearningCard {
  position: relative;
  width: 100%;
  background: #aaa;
  padding-top: 120%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.onboarding_processActionLearningCards .onboarding_processActionLearningCard {
  display: inline-block;
  width: 250px;
  padding-top: 300px;
  margin-left: 25px;
}
.onboarding_processActionLearningCard.locked:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: url(/img/icons/12/lock_closed_ffffff.svg) 50% 50% no-repeat;
  background-size: 48px;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.15));
  z-index: 1;
}
.onboarding_processActionLearningCard:after {
  transition: background-color 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 3px;
}
.onboarding_processActionLearningCard.selected:after {
  background: rgba(50, 150, 250, 0.75) url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
}
.onboarding_processActionLearningCardImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aaa;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.onboarding_processActionLearningCard.locked .onboarding_processActionLearningCardImage {
  filter: blur(0px);
}
.onboarding_processActionLearningCard.locked:not(:hover) .onboarding_processActionLearningCardImage {
  filter: blur(5px) grayscale(1);
}
.onboarding_processActionLearningCard:hover .onboarding_processActionLearningCardImage {
  transform: scale(1.1);
}
.onboarding_processActionLearningCardGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(25, 75, 125, 0.15), rgba(25, 75, 125, 0.85));
}
.onboarding_processActionLearningCardLabels {
  position: absolute;
  top: 15px;
  right: 15px;
}
.onboarding_processActionLearningCardLabels div {
  transition: all 0.25s;
  float: right;
  height: 22px;
  background: #ffbe00 url(/img/icons/12/mandatory_ffffff.svg) calc(100% - 8px) 5px no-repeat;
  padding: 0 24px 0 10px;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 2px 0 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  clear: both;
}
.onboarding_processActionLearningCardLabels div.recommended {
  background-color: #3296fa;
  background-image: url(/img/icons/12/like_ffffff.svg);
}
.onboarding_processActionLearningCardLabels div.overdue {
  background-color: #f54b4b;
  background-image: url(/img/icons/12/bell_ffffff.svg);
}
.onboarding_processActionLearningCardLabels div.completed {
  background-color: #64c84b;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.onboarding_processActionLearningCard:not(:hover) .onboarding_processActionLearningCardLabels div:not(:last-child) {
  margin: -50px 0 30px 0;
  opacity: 0;
}
.onboarding_processActionLearningCardTitle {
  position: absolute;
  bottom: 20px;
  left: 25px;
  width: calc(100% - 50px);
  color: #fff;
}
.onboarding_processActionLearningCard.selected .onboarding_processActionLearningCardTitle {
  z-index: 4;
  cursor: pointer;
}
.onboarding_processActionLearningCardTitleStars {
  position: relative;
  transition: all 0.25s;
  display: inline-block;
  font-size: 0px;
  opacity: 0.35;
  z-index: 2;
}
.onboarding_processActionLearningCard:hover .onboarding_processActionLearningCardTitleStars {
  opacity: 1;
}
.onboarding_processActionLearningCardTitleStars img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}
.onboarding_processActionLearningCard:hover .onboarding_processActionLearningCardTitleStars img {
  margin-right: 5px;
}
.onboarding_processActionLearningCardTitle .headline {
  white-space: normal;
  font-size: 14px;
  line-height: 20px;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.15));
}
.onboarding_processActionLearningCard .boxlink {
  z-index: 1;
}
.skills_overviewButtonsLeft {
  float: left;
  margin-bottom: 10px;
}
.skills_overviewButtonsLeft .button {
  margin-right: 15px;
}
.skills_overviewSearch {
  width: auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.skills_overviewList .contentbox {
  max-height: calc(100vh - 287px);
}
.trophy_icon {
  transition: all 0.25s;
  background: url(/img/icons/12/chat_3296fa.svg) 50% 50% / 18px no-repeat #DDEEFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.trophy_icon:not(.d40) {
  background-size: 12px;
}
.trophy_iconPicker {
  margin: -5px;
}
.trophy_iconPicker .avatar {
  margin: 5px;
  cursor: pointer;
}
.trophy_iconPicker .avatar.active {
  box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #3296fa;
}
.trophy_colorPicker .fill .ui-resizable-e {
  position: absolute;
  top: 0;
  right: -7px;
  width: 14px;
  height: 14px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.trophy_colorPicker .fill .ui-resizable-e:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.trophy_shareSwitch {
  position: relative;
  height: 0;
}
.trophy_shareSwitch .switch {
  position: absolute;
  top: 25px;
  left: 25px;
  z-index: 1;
}
.trophy_shareIframe {
  transition: all 0.25s;
  float: left;
  width: 100%;
  height: calc(100vh - 534px);
  border: 0;
  margin: 0;
  filter: saturate(0);
  opacity: 0.25;
}
.trophy_shareIframe.active {
  filter: saturate(1);
  opacity: 1;
}
.absence_overviewSortlistColumns {
  float: right;
  margin-left: 15px;
}
.absence_overviewSortlistColumn {
  position: relative;
  float: left;
  width: 170px;
  padding: 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-left: 1px solid #eee;
}
.absence_overviewSortlistColumn .boxlink {
  z-index: 1;
}
.absence_overviewSortlistColumnIcon {
  float: left;
  margin: 19px 10px 0 0;
}
.absence_allowanceCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.absence_allowanceCriteria {
  padding-top: 5px;
}
.absence_allowanceCriteriaQuestion,
.absence_allowanceCriteriaOption {
  float: left;
  width: 35%;
}
.absence_allowanceCriteriaQuestion {
  margin-right: 5px;
}
.absence_allowanceCriteriaOption {
  margin-left: 5px;
}
.absence_allowanceCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.absence_allowanceCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.absence_allowanceCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.absence_allowanceCriteriaActions .button {
  margin-left: 5px;
}
.absence_allowanceCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .absence_allowanceCriteriaSort {
  cursor: grabbing;
}
.disableSort .absence_allowanceCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.absence_allowanceCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.absence_allowanceCriteriaSort span:before,
.absence_allowanceCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.absence_allowanceCriteriaSort:hover span,
.absence_allowanceCriteriaSort:hover span:before,
.absence_allowanceCriteriaSort:hover span:after,
.ui-sortable-helper .absence_allowanceCriteriaSort span,
.ui-sortable-helper .absence_allowanceCriteriaSort span:before,
.ui-sortable-helper .absence_allowanceCriteriaSort span:after {
  background: #3296fa;
}
.absence_allowanceCriteriaSort span:after {
  top: 6px;
}
.absence_allowanceSelector {
  position: relative;
  text-transform: lowercase;
  color: #3296fa;
  cursor: pointer;
}
.absence_allowanceSelector:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px dotted #3296fa;
}
.absence_allowanceSelectorTooltip {
  max-height: 220px;
  margin: -6px -14px;
}
.absence_allowanceSelectorTooltipHolder {
  padding: 10px 0;
}
.absence_allowanceSelectorTooltipHolder a {
  transition: all 0.25s;
  display: block;
  height: 20px;
  padding: 0 20px;
  line-height: 21px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}
.absence_allowanceSelectorTooltipHolder a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #3296fa;
}
.absence_leavetypePicker {
  margin: -5px;
}
.absence_leavetypePicker .avatar {
  transition: all 0.25s;
  margin: 5px;
  cursor: pointer;
}
.absence_leavetypePicker:not(:hover) .avatar:not(.active) {
  opacity: 0.5;
}
.absence_leavetypePicker .avatar.active {
  box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #3296fa;
}
.payroll_hoursTable {
  display: table;
  width: 100%;
}
.payroll_hoursTableRow {
  display: table-row;
}
.payroll_hoursTableTitle {
  display: table-cell;
  width: 0;
  padding: 0 25px 0 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.payroll_hoursTableInfo {
  display: table-cell;
  width: 100%;
}
.payroll_hoursTableRow:not(:last-child) .payroll_hoursTableTitle,
.payroll_hoursTableRow:not(:last-child) .payroll_hoursTableInfo {
  padding-bottom: 10px;
}
.payroll_hoursTable .switch {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 -10px;
}
.payroll_hoursTableRow.offwork .input {
  background: #f9f9f9;
  cursor: not-allowed;
}
.payroll_hoursTableRow.offwork .input .icon_holder,
.payroll_hoursTableRow.offwork .input input {
  display: none;
}
.payroll_hoursTimeField:not(:last-child) {
  padding-bottom: 10px;
}
.payroll_hoursTimeField strong {
  background: #fafafa;
  padding: 0 3px;
  color: #666;
  border-radius: 2px;
  margin-right: 3px;
  box-shadow: 0 0 0 1px #ddd;
}
.payroll_hoursTimeField strong.contentEditable {
  background: #fff;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa;
}

/* apps/shared-assets/css/platform_settings_templates_absence.css */
.absence_overviewViews {
  margin-bottom: -34px;
}
.absence_overviewButtonsLeft {
  float: left;
}
.absence_overviewButtonsLeft .button {
  margin-right: 15px;
}
.absence_overviewButtonsRight {
  float: right;
}
.absence_overviewButtonsRight .button {
  margin-left: 15px;
}
.platform_content_holder.advTable .contentbox {
  max-height: calc(100vh - 281px);
  margin-top: 10px;
}
.platform_content_holder .smartTable {
  overflow: hidden;
  margin-top: 10px;
}
.smartTableElement .circlebutton {
  float: right;
  margin: 10px 15px;
  z-index: 1;
}
.absence_overviewSortlistColumns {
  float: right;
  margin-left: 15px;
}
.absence_overviewSortlistColumn {
  position: relative;
  float: left;
  width: 170px;
  padding: 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-left: 1px solid #eee;
}
.absence_overviewSortlistColumn .boxlink {
  z-index: 1;
}
.absence_overviewSortlistColumnIcon {
  float: left;
  margin: 19px 10px 0 0;
}
.absence_allowanceCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.absence_allowanceCriteria {
  padding-top: 5px;
}
.absence_allowanceCriteriaQuestion,
.absence_allowanceCriteriaOption {
  float: left;
  width: 35%;
}
.absence_allowanceCriteriaQuestion {
  margin-right: 5px;
}
.absence_allowanceCriteriaOption {
  margin-left: 5px;
}
.absence_allowanceCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.absence_allowanceCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.absence_allowanceCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.absence_allowanceCriteriaActions .button {
  margin-left: 5px;
}
.absence_allowanceCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .absence_allowanceCriteriaSort {
  cursor: grabbing;
}
.disableSort .absence_allowanceCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.absence_allowanceCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.absence_allowanceCriteriaSort span:before,
.absence_allowanceCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.absence_allowanceCriteriaSort:hover span,
.absence_allowanceCriteriaSort:hover span:before,
.absence_allowanceCriteriaSort:hover span:after,
.ui-sortable-helper .absence_allowanceCriteriaSort span,
.ui-sortable-helper .absence_allowanceCriteriaSort span:before,
.ui-sortable-helper .absence_allowanceCriteriaSort span:after {
  background: #3296fa;
}
.absence_allowanceCriteriaSort span:after {
  top: 6px;
}
.absence_leavetypePicker {
  margin: -5px;
}
.absence_leavetypePicker .avatar {
  transition: all 0.25s;
  margin: 5px;
  cursor: pointer;
}
.absence_leavetypePicker:not(:hover) .avatar:not(.active) {
  opacity: 0.5;
}
.absence_leavetypePicker .avatar.active {
  box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #3296fa;
}

/* apps/shared-assets/css/platform_settings_templates_payroll.css */
.payroll_overviewViews {
  margin-bottom: -34px;
}
.payroll_overviewButtonsLeft {
  float: left;
}
.payroll_overviewButtonsLeft .button {
  margin-right: 15px;
}
.payroll_overviewButtonsRight {
  float: right;
}
.payroll_overviewButtonsRight .button {
  margin-left: 15px;
}
.platform_content_holder.advTable .contentbox {
  max-height: calc(100vh - 281px);
  margin-top: 10px;
}
.payroll_hoursTable {
  display: table;
  width: 100%;
}
.payroll_hoursTableRow {
  display: table-row;
}
.payroll_hoursTableTitle {
  display: table-cell;
  width: 0;
  padding: 0 25px 0 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.payroll_hoursTableInfo {
  display: table-cell;
  width: 100%;
}
.payroll_hoursTableRow:not(:last-child) .payroll_hoursTableTitle,
.payroll_hoursTableRow:not(:last-child) .payroll_hoursTableInfo {
  padding-bottom: 10px;
}
.payroll_hoursTable .switch {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 -10px;
}
.payroll_hoursTableRow.offwork .input {
  background: #f9f9f9;
  cursor: not-allowed;
}
.payroll_hoursTableRow.offwork .input .icon_holder,
.payroll_hoursTableRow.offwork .input input {
  display: none;
}
.payroll_hoursTimeField:not(:last-child) {
  padding-bottom: 10px;
}
.payroll_hoursTimeField strong {
  background: #fafafa;
  padding: 0 3px;
  color: #666;
  border-radius: 2px;
  margin-right: 3px;
  box-shadow: 0 0 0 1px #ddd;
}
.payroll_hoursTimeField strong.contentEditable {
  background: #fff;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa;
}

/* apps/shared-assets/css/platform_settings_account.css */
.account_overviewButtonsLeft {
  float: left;
  margin-top: -34px;
}
.account_overviewButtonsLeft .button {
  margin-right: 15px;
}
.account_overviewButtonsRight {
  float: right;
  margin-top: -34px;
}
.account_overviewButtonsRight .button {
  margin-left: 15px;
}
.account_overviewList .contentbox {
  max-height: calc(100vh - 281px);
  margin-top: 10px;
}
.account_boxHeadline {
  background: #fafafa;
  padding: 17px 25px 16px 25px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.account_boxHeadline .circlebutton {
  float: right;
  margin: -2px 0 -2px 15px;
}
.contentbox:hover .account_boxHeadline .circlebutton {
  background: #3296fa;
  color: #ffffff;
  border-color: #3296fa;
}
.contentbox:hover .account_boxHeadline .circlebutton .icon {
  filter: brightness(0) invert(1);
}
.account_infoTable {
  display: table;
}
.account_infoTableRow {
  display: table-row;
}
.account_infoTableCell {
  display: table-cell;
}
.account_infoTableRow:not(:last-child) .account_infoTableCell {
  padding-bottom: 15px;
}
.account_infoTableCell:first-child {
  white-space: nowrap;
}
.account_infoTableCell:last-child {
  padding-left: 25px;
  font-weight: bold;
}
.account_infoTableCell img {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  margin-right: 5px;
}
.account_infoTableCell img:not(:first-child) {
  margin-left: 15px;
}
.account_checkmark {
  position: relative;
  padding: 15px 25px 15px 60px;
}
.account_checkmark:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 25px;
  width: 20px;
  height: 20px;
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
}
.account_siteAddressLinkCopy {
  transition: all 0.25s;
  display: block;
  height: 38px;
  background: url(/img/icons/12/duplicate_3296fa.svg) 15px 50% no-repeat;
  padding: 0 15px 0 32px;
  white-space: nowrap;
  text-decoration: none;
  line-height: 40px;
  font-size: 14px;
  color: #3296fa;
  overflow: hidden;
  border-left: 1px solid #eee;
}
.account_siteAddressLinkCopy:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.account_transactionsHolder {
  width: 100%;
  overflow: auto;
}
.account_transactions {
  display: table;
  width: 100%;
}
.account_transaction {
  transition: all 0.25s;
  display: table-row;
  padding: 20px 25px;
  text-decoration: none;
  color: #000;
}
@media (max-width: 1600px) {
  .account_transaction {
    font-size: 12px;
  }
}
.account_transaction.unpaid {
  font-weight: bold;
  background: rgba(245, 75, 75, 0.05);
}
.account_transaction.cancelled {
  text-decoration: line-through;
  color: #666;
}
.account_transaction:hover {
  background: rgba(50, 150, 250, 0.05);
}
.account_transaction div {
  display: table-cell;
  padding: 21px 13px 19px 12px;
}
@media (max-width: 1600px) {
  .account_transaction div {
    padding: 21px 8px 19px 7px;
  }
}
.account_transaction:not(:last-child) div {
  border-bottom: 1px solid #eee;
}
.account_transaction div:not(:nth-child(2)) {
  white-space: nowrap;
}
.account_transaction div:first-child {
  padding-left: 25px;
}
.account_transaction div:last-child {
  width: 1px;
  padding-right: 25px;
  text-align: right;
}
.account_transaction div span {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  background: #aaa;
  padding: 0 15px;
  text-decoration: none !important;
  line-height: 32px;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: -6px 0 -4px 0;
}
@media (max-width: 1600px) {
  .account_transaction div span {
    height: 20px;
    padding: 0 10px;
    line-height: 21px;
    margin: 0;
  }
}
.account_transaction.unpaid div span {
  background: #F54B4B;
}
.account_transaction.paid div span {
  background: #64C84B;
}
.account_file {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  overflow: hidden;
  margin: 1px;
  border-radius: 2px;
}
.account_file embed {
  width: 100%;
  height: 100%;
}
.advTableLeft a {
  text-decoration: none;
}
.advTableLeft .circlebutton {
  position: absolute;
  top: 10px;
  right: 15px;
}
.location_departments {
  font-size: 12px;
  margin: 9px 2px;
}
.location_departments ul {
  padding-left: 20px;
  margin: 0;
}
.user_top {
  position: relative;
  height: 80px;
  background: rgb(255, 255, 235);
  overflow: hidden;
}
.user_top .switch {
  position: absolute;
  top: 25px;
  right: 25px;
}
.user_top .avatar {
  position: relative;
  margin-right: 15px;
}
.user_top .avatar .boxlink {
  transition: all 0.25s;
  background: rgba(0, 0, 0, 0.75) url(/img/icons/12/camera_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
  opacity: 0;
}
.user_top .avatar .boxlink:hover {
  opacity: 0.75;
}
.user_tooltipAvatar img {
  float: left;
  max-width: 500px;
  max-height: 500px;
  margin: -5px -13px;
}
.user_tooltipAvatar .hoverdelete {
  top: 9px;
  right: 1px;
}
.user_top .headline {
  white-space: nowrap;
  overflow: hidden;
  margin-top: 5px;
}
.user_topMail {
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.user_topActivity {
  background: url(/img/icons/12/pulse_3296fa.svg) 0 50% no-repeat;
  padding-left: 17px;
  white-space: nowrap;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  margin-top: 5px;
}
.user_content {
  height: calc(100% - 272px);
  background: #f3f3f3;
  overflow: auto;
}

/* apps/shared-assets/css/platform_settings_account_roles.css */
.roles_overviewButtonsLeft {
  float: left;
  margin-top: -34px;
}
.roles_overviewButtonsLeft .button {
  margin-right: 15px;
}
.roles_overviewList .contentbox {
  max-height: calc(100vh - 281px);
  margin-top: 10px;
}
.roles_roleTop {
  background: rgb(255, 255, 235);
}
.roles_roleViewsWidgets .roles_roleTop {
  background: #3296fa;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1) inset;
}
.roles_roleTop .headline {
  transition: all 0.25s;
  float: left;
  max-width: 100%;
  padding-right: 20px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 6px) 50% no-repeat;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow: hidden;
}
.roles_roleTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
  cursor: pointer;
}
.roles_roleViewsWidgets .roles_roleTop .headline {
  background-size: 0px !important;
  color: #fff !important;
  cursor: initial !important;
}
.roles_roleViewsWidgets .roles_roleTop .headline .arrow {
  background-image: url(/img/icons/9/arrowright_ffffff.svg);
}
.roles_roleTabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
}
.roles_roleTabsTab {
  display: table-cell;
  vertical-align: top;
  line-height: 0;
  font-size: 0;
  border-right: 1px solid #ddd;
}
.roles_roleTabsTab:last-child {
  border-right: 0;
}
.roles_roleTabs a {
  transition: all 0.25s;
  position: relative;
  display: block;
  padding: 20px;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  text-overflow: ellipsis;
  height: 31px;
  overflow: hidden;
  box-shadow: 0 -1px 0 #ddd inset;
}
.roles_roleTabs a.active {
  box-shadow: 0 -3px 0 rgb(50, 150, 250) inset;
}
.roles_roleTabs a:before {
  transition: background-color 0.25s;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #aaa;
  border-radius: 50%;
}
.roles_roleTabs a:hover:before {
  background-color: #666;
}
.roles_roleTabs a.active:before {
  background-color: rgb(50, 150, 250);
}
.roles_roleTabs a img {
  display: inline-block;
  margin: 9px 21px 9px -21px;
}
.roles_roleTabs a span {
  transition: all 0.25s;
  display: inline-block;
  height: 30px;
  line-height: 31px;
  font-weight: bold;
  font-size: 14px;
  color: #999;
  overflow: hidden;
}
.roles_roleTabs a:hover span,
.roles_roleTabs a.active span {
  color: #000;
}
.roles_roleAreas,
.roles_roleAreasPermissions {
  background: #f3f3f3;
  overflow: auto;
}
.roles_roleAreas {
  height: calc(100% - 265px);
  padding-bottom: 0;
}
.roles_roleAreasPermissions {
  max-height: calc(100vh - 340px);
}
.roles_roleAreas .contentbox,
.roles_roleAreasPermissions .contentbox {
  overflow: hidden;
}
.roles_roleAreaRow {
  position: relative;
  height: 50px;
  overflow: hidden;
}
.roles_roleAreaRow:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.roles_roleAreaRow:hover {
  background: rgba(255, 255, 0, 0.05) !important;
}
.roles_roleAreaRow.top.closed {
  margin-bottom: -1px;
}
.disabled .roles_roleAreaRow,
.roles_roleAreaRow.off {
  background: rgba(245, 75, 75, 0.025) !important;
}
.disabled .roles_roleAreaRow:hover,
.roles_roleAreaRow.off:hover {
  background: rgba(245, 75, 75, 0.05) !important;
}
.roles_roleAreaRow:before {
  transition: all 0.25s;
  content: "";
  float: left;
  width: 20px;
  height: 20px;
  background: url(/img/icons/9/arrowdown_3296fa.svg) 50% 50% no-repeat;
  margin: 15px;
  transform: rotate(-90deg);
}
.roles_roleAreaRow.top:before {
  transform: rotate(0deg);
}
.disabled .roles_roleAreaRow:before,
.roles_roleAreaRow.off:before {
  filter: saturate(0);
  opacity: 0.5;
}
.roles_roleAreaRow.top:not(.closed):before {
  transform: rotate(180deg);
}
.roles_roleAreaRow.top.noToggle:before {
  transform: rotate(-90deg);
}
.roles_roleAreaRowAccess {
  transition: all 0.25s;
  position: relative;
  float: right;
  padding: 10px 5px 10px 15px;
  z-index: 1;
}
.disabled .roles_roleAreaRowAccess {
  transform: translate(100%, 0);
  opacity: 0;
}
.roles_roleAreaRowAccess .circlebutton {
  margin-right: 10px;
  opacity: 0.5;
}
.roles_roleAreaRow:hover .roles_roleAreaRowAccess .circlebutton {
  opacity: 1;
}
.roles_roleAreaRowAccessSetting {
  transition: all 0.25s;
  float: left;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.15) url(/img/icons/12/eye_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 0 10px 0 0 !important;
  cursor: pointer;
}
.roles_roleAreaRowAccessSetting:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.roles_roleAreaRowAccessSetting.active {
  background-color: #64c84b;
}
.roles_roleAreaRowAccessSetting.disabled {
  opacity: 0.15;
}
.roles_roleAreaRowAccessSetting.hide {
  background-image: url(/img/icons/12/eye_none_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.hide.active {
  background-color: #f54b4b;
}
.roles_roleAreaRowAccessSetting.own {
  background-image: url(/img/icons/12/silhouette_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.own.active {
  background-color: #ffbe00;
}
.roles_roleAreaRowAccessSetting.custom {
  background-image: url(/img/icons/12/cogwheel_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.custom.active {
  background-color: #3296fa;
}
.roles_roleAreaRowAccessSetting.all {
  background-image: url(/img/icons/12/company_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.all.active {
  background-color: #64c84b;
}
.roles_roleAreaRowAccessSetting.delete {
  background-image: url(/img/icons/12/trash_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.widgets {
  background-image: url(/img/icons/12/tiles_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.widgets:not(.disabled) {
  background-color: #3296fa;
}
.roles_roleAreaRowAccessSetting.read.active {
  background-color: #666;
}
.roles_roleAreaRowAccessSetting.optional {
  background-image: url(/img/icons/12/lock_open_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.optional.active {
  background-color: #3296fa;
}
.roles_roleAreaRowAccessSetting.mandatory {
  background-image: url(/img/icons/12/lock_closed_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.mandatory.active {
  background-color: #ff9100;
}
.roles_roleAreaRowAccessSetting.default {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #f54b4b;
}
.roles_roleAreaRowAccessSetting.default.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #64c84b;
}
.roles_roleAreaRowTitle {
  transition: all 0.25s;
  padding: 15px 0 15px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.roles_roleAreaRow.top:not(.normal) .roles_roleAreaRowTitle {
  padding: 16px 0 14px 0;
  font-weight: bold;
  font-size: 16px;
}
.roles_roleAreaRow.off .roles_roleAreaRowTitle,
.disabled .roles_roleAreaRowTitle {
  color: #c82323;
}
.roles_roleAreaRowTitle .arrow {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 20px;
  background: url(/img/icons/9/arrowdown_3296fa.svg) 50% 50% no-repeat;
  transform: rotate(-90deg);
  filter: saturate(0);
  opacity: 0.5;
}
.roles_roleAreaRow.top .roles_roleAreaRowTitle .arrow {
  margin-top: -1px;
}
.roles_roleAreaRowTitle .number {
  display: inline-block;
  vertical-align: top;
  min-width: 20px;
  height: 20px;
  background: #3296fa;
  padding: 0 5px;
  line-height: 21px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 10px;
}
.roles_roleAreaRow.top .roles_roleAreaRowTitle .arrow,
.roles_roleAreaRow.top .roles_roleAreaRowTitle .number {
  margin-top: -1px;
}
.roles_roleAreaRow.top .boxlink {
  cursor: pointer !important;
}
.roles_roleCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.roles_roleCriteria {
  padding-top: 5px;
}
.roles_roleCriteriaQuestion,
.roles_roleCriteriaOption {
  float: left;
  width: 35%;
}
.roles_roleCriteriaQuestion {
  margin-right: 5px;
}
.roles_roleCriteriaOption {
  margin-left: 5px;
}
.roles_roleCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.roles_roleCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.roles_roleCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.roles_roleCriteriaActions .button {
  margin-left: 5px;
}
.roles_roleCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .roles_roleCriteriaSort {
  cursor: grabbing;
}
.disableSort .roles_roleCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.roles_roleCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.roles_roleCriteriaSort span:before,
.roles_roleCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.roles_roleCriteriaSort:hover span,
.roles_roleCriteriaSort:hover span:before,
.roles_roleCriteriaSort:hover span:after,
.ui-sortable-helper .roles_roleCriteriaSort span,
.ui-sortable-helper .roles_roleCriteriaSort span:before,
.ui-sortable-helper .roles_roleCriteriaSort span:after {
  background: #3296fa;
}
.roles_roleCriteriaSort span:after {
  top: 6px;
}
.roles_roleViewsWidgets {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 100;
}
.roles_roleViewsWidgets .tabs {
  padding: 0 25px;
}
.roles_roleViewsWidgetsHolder {
  position: relative;
  height: calc(100% - 220px);
  background: #f3f3f3;
  padding: 0;
  overflow: auto;
}
.roles_roleViewsWidgetsTabContent,
.roles_roleViewsWidgetsTabContentOverlay {
  position: relative;
  background: #f3f3f3;
  width: 100%;
  height: 100%;
  padding: 25px;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}
.roles_roleViewsWidgetsTabContentOverlay {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ddd;
  overflow: hidden;
  opacity: 0;
  z-index: 2;
}
.editBox .roles_roleViewsWidgetsTabContentOverlay {
  transition: opacity 0.25s;
  display: block;
  opacity: 0.5;
}
.roles_roleViewsWidgetsTabContentColumn {
  float: left;
  width: calc(50% - 12px);
  min-height: calc(100vh - 178px);
  list-style: none;
  padding: 0;
  margin: 0;
}
.roles_roleViewsWidgetsTabContentColumn:last-child {
  float: right;
  width: calc(50% - 13px);
}
.roles_roleViewsWidgetsTabContentColumn li:not(.roles_roleViewsWidgetsTabContentColumnAddWidget):not(.roles_roleViewsWidgetsTabContentColumnPlaceholder):not(:last-child) {
  margin-bottom: 25px;
}
.roles_roleViewsWidgetsTabContentColumn .ui-sortable-placeholder {
  position: relative;
  visibility: visible !important;
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
.roles_roleViewsWidgetsTabContentColumnAdd:before {
  content: "";
  transition: all 0.25s;
  display: block;
  height: 149px;
  background: url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  background-size: 24px;
  border: 2px dashed rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
}
.roles_roleViewsWidgetsTabContentColumnAdd:hover:before {
  background-color: rgba(255, 255, 255, 0.35);
  background-size: 36px;
}
.roles_roleViewsWidgetsTabContentBox {
  transition: all 0.25s;
}
.roles_roleViewsWidgetsTabContentColumnAddWidget {
  height: 0;
  transform: scale(0);
}
.roles_roleViewsWidgetsTabContentColumnAddWidget.active {
  height: auto;
  transform: none;
}
.roles_roleViewsWidgetsTabContentColumnAddWidget .roles_roleViewsWidgetsTabContentBox {
  margin-bottom: 25px;
}
.roles_roleViewsWidgetsTabContentBoxHeadline {
  padding: 0;
}
.roles_roleViewsWidgetsTabContentBox.editBox,
.ui-sortable-helper .roles_roleViewsWidgetsTabContentBox {
  border-color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa, 0 0 50px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.roles_roleViewsWidgetsTabContentBoxSort,
.roles_roleViewsWidgetsTabContentBoxEdit {
  transition: all 0.25s;
  float: right;
  width: 60px;
  height: 60px;
  background: url(/img/icons/12/edit_3296fa.svg) 50% 50% no-repeat;
  background-size: 20px;
  border-left: 1px solid #e5e5e5;
  cursor: pointer;
}
.roles_roleViewsWidgetsTabContentBoxSort {
  background-image: url(/img/icons/12/move_3296fa.svg);
  background-size: 24px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.roles_roleViewsWidgetsTabContentBoxSort:hover,
.roles_roleViewsWidgetsTabContentBoxEdit:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.roles_roleViewsWidgetsTabContentBoxSort:active {
  background-color: rgba(50, 150, 250, 0.05);
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.roles_roleViewsWidgetsTabContentBoxHeadline .roles_roleAreaRowAccess {
  padding: 15px 5px 0 0;
}
.roles_roleViewsWidgetsTabContentBoxHeadline .headline {
  height: 60px;
  padding: 0 25px;
  line-height: 61px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.roles_roleViewsWidgetsTabContentBoxHeadline .headline .arrow {
  display: inline-block;
  width: 29px;
  height: 58px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
  vertical-align: top;
}
.roles_roleViewsWidgetsTabContentBoxHeadline .circlebutton {
  float: right;
  margin: 15px 25px 0 0;
}
.roles_roleViewsWidgetsTabContentBoxInfoIcon {
  float: left;
  width: 40px;
  height: 40px;
  background: #4BC8C8 url(/img/icons/12/form_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  margin-right: 15px;
}
.roles_roleViewsWidgetsTabContentBoxInfoText {
  overflow: hidden;
}
.roles_roleViewsWidgetsTabContentBoxInfoText * {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.roles_roleViewsWidgetsTabContentBox .selectbuttons {
  box-shadow: none;
}
.roles_roleViewsWidgetsTabContentBoxNew {
  margin-top: -15px;
}
.roles_roleViewsWidgetsTabContentBoxNewWidget {
  transition: all 0.25s;
  float: left;
  width: calc(33.3333% - 10px);
  background: #fafafa;
  height: 60px;
  padding: 15px;
  line-height: 30px;
  white-space: nowrap;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 3px;
  box-sizing: border-box;
  margin-top: 15px;
  cursor: pointer;
}
.roles_roleViewsWidgetsTabContentBoxNewWidget:not(:nth-child(3n+3)) {
  margin-right: 15px;
}
.roles_roleViewsWidgetsTabContentBoxNewWidget:hover {
  background: rgba(50, 150, 250, 0.05);
  border-color: #3296fa;
}
.roles_roleViewsWidgetsTabContentBoxNewWidget .icon {
  float: left;
  width: 30px;
  height: 30px;
  background: #4BC8C8 url(/img/icons/12/form_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  margin-right: 15px;
}
.i_form {
  background-color: #4BC8C8 !important;
  background-image: url(/img/icons/12/form_ffffff.svg) !important;
}
.i_organisation {
  background-color: #aaaaaa !important;
  background-image: url(/img/icons/12/silhouettes_ffffff.svg) !important;
}
.i_events {
  background-color: #F54B4B !important;
  background-image: url(/img/icons/12/calendar_ffffff.svg) !important;
}
.i_tasks {
  background-color: #64C84B !important;
  background-image: url(/img/icons/12/checkmark_ffffff.svg) !important;
}
.i_experience {
  background-color: #aa64aa !important;
  background-image: url(/img/icons/12/bag_ffffff.svg) !important;
}
.i_education {
  background-color: #4bafaf !important;
  background-image: url(/img/icons/12/book_ffffff.svg) !important;
}
.i_payroll {
  background-color: #d78750 !important;
  background-image: url(/img/icons/12/wallet_ffffff.svg) !important;
}
.i_rating {
  background-color: #c8647d !important;
  background-image: url(/img/icons/12/maybe_ffffff.svg) !important;
}
.i_general {
  background-color: #d78750 !important;
  background-image: url(/img/icons/12/edit_ffffff.svg) !important;
}
.i_learning {
  background-color: #3264fa !important;
  background-image: url(/img/icons/12/education_ffffff.svg) !important;
}
.i_skills {
  background-color: #FFAA00 !important;
  background-image: url(/img/icons/12/star_ffffff.svg) !important;
}
.i_languages {
  background-color: #7d87af !important;
  background-image: url(/img/icons/12/language_ffffff.svg) !important;
}
.i_tags {
  background-color: #646464 !important;
  background-image: url(/img/icons/12/tag_ffffff.svg) !important;
}
.i_absence {
  background-color: #c8647d !important;
  background-image: url(/img/icons/12/island_ffffff.svg) !important;
}
.i_goals {
  background-color: #ffd100 !important;
  background-image: url(/img/icons/12/target_ffffff.svg) !important;
}
.i_related {
  background-color: #e6b482 !important;
  background-image: url(/img/icons/12/link_ffffff.svg) !important;
}
.i_traveltime {
  background-color: #aed21f !important;
  background-image: url(/img/icons/12/pin_ffffff.svg) !important;
}
.i_activity {
  background-color: #3296fa !important;
  background-image: url(/img/icons/12/pulse_ffffff.svg) !important;
}
.i_team {
  background-color: #aa64aa !important;
  background-image: url(/img/icons/12/silhouettes_ffffff.svg) !important;
}
.roles_roleViewsOnboardingPipelineHolder {
  float: right;
  width: calc(100% - 102px);
  position: relative;
  height: 80px;
  background: #ddd;
  overflow: hidden;
  border-radius: 3px;
  margin: 2px;
}
.roles_roleViewsOnboardingPipeline {
  transition: all 0.25s;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 30px;
}
.roles_roleViewsOnboardingPipeline.switchedOff {
  filter: blur(2px) saturate(0);
  opacity: 0.5;
}
.roles_roleViewsOnboardingPipelineStage {
  display: table-cell;
  line-height: 0;
  font-size: 0;
}
.roles_roleViewsOnboardingPipelineStageTasks {
  transition: all 0.25s;
  display: block;
  position: relative;
  height: 30px;
  background: #999 url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
  text-decoration: none;
  padding: 0 10px;
}
.roles_roleViewsOnboardingPipelineStage.active .roles_roleViewsOnboardingPipelineStageTasks {
  background: #3296fa url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineStage.overdue .roles_roleViewsOnboardingPipelineStageTasks {
  background: #F54B4B url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineStage.solved .roles_roleViewsOnboardingPipelineStageTasks {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineStageTasks:before,
.roles_roleViewsOnboardingPipelineStageTasks:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -35px;
  right: -6px;
  border-left: 20px solid #fff;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 1;
}
.roles_roleViewsOnboardingPipelineStageTasks:after {
  border-left-color: #999;
  right: -5px;
}
.roles_roleViewsOnboardingPipelineStage.active .roles_roleViewsOnboardingPipelineStageTasks:after {
  border-left-color: #3296fa;
}
.roles_roleViewsOnboardingPipelineStage.overdue .roles_roleViewsOnboardingPipelineStageTasks:after {
  border-left-color: #F54B4B;
}
.roles_roleViewsOnboardingPipelineStage.solved .roles_roleViewsOnboardingPipelineStageTasks:after {
  border-left-color: #64C84B;
}
.roles_roleViewsOnboardingPipelineStage:last-child .roles_roleViewsOnboardingPipelineStageTasks:before,
.roles_roleViewsOnboardingPipelineStage:last-child .roles_roleViewsOnboardingPipelineStageTasks:after {
  display: none;
}
.roles_roleViewsOnboardingPipelineStage .roles_roleViewsOnboardingPipelineStageTasks div {
  position: relative;
  display: block;
  white-space: nowrap;
  text-align: center;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 2;
}
.roles_roleViewsOnboardingPipelineStage.solved .roles_roleViewsOnboardingPipelineStageTasks div {
  opacity: 0;
}
.roles_roleViewsOnboardingPipelineStageInfo {
  position: relative;
  height: 50px;
  background: #eee;
  line-height: 20px;
  font-size: 12px;
  z-index: 2;
}
.roles_roleViewsOnboardingPipelineStage:not(:last-child) .roles_roleViewsOnboardingPipelineStageInfo {
  border-right: 1px solid #fff;
}
.roles_roleViewsOnboardingPipelineStageProgress {
  background: #ddd;
  height: 3px;
  overflow: hidden;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.roles_roleViewsOnboardingPipelineStageProgress div {
  float: left;
  height: 3px;
}
.roles_roleViewsOnboardingPipelineStageDate {
  background: url(/img/icons/12/minus_aaaaaa.svg) 50% 50% no-repeat;
  padding: 13px 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.roles_roleViewsOnboardingPipelineStageDate.none {
  height: 20px;
  background: url(/img/icons/12/arrow_aaaaaa.svg) 50% 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineStageDate .before,
.roles_roleViewsOnboardingPipelineStageDate .exceeded {
  background: #64C84B;
  padding: 0 3px;
  color: #fff;
  border-radius: 3px;
  margin-left: 5px;
}
.roles_roleViewsOnboardingPipelineStageDate .exceeded {
  background: #F54B4B;
}
.roles_roleViewsOnboardingPipelineBoxes {
  transition: all 0.25s;
  max-height: 348px;
  overflow: hidden;
}
.roles_roleViewsOnboardingPipelineBoxes.switchedOff {
  max-height: 153px;
}
.roles_roleViewsOnboardingPipelineBox {
  transition: all 0.25s;
  height: 43px;
  background: #aaa url(/img/icons/12/minus_ffffff.svg) 25px 50% no-repeat;
  border-radius: 3px;
}
.roles_roleViewsOnboardingPipelineBox:not(:first-child) {
  margin-top: 15px;
}
.roles_roleViewsOnboardingPipelineBox.solved {
  background: #64c84b url(/img/icons/12/checkmark_ffffff.svg) 25px 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineBox.active {
  background-color: #3296fa;
}
.roles_roleViewsOnboardingPipelineBoxes.switchedOff .roles_roleViewsOnboardingPipelineBox {
  height: 40px;
  filter: blur(2px) saturate(0);
  opacity: 0.5;
}
.roles_roleViewsOnboardingPipelineBoxes.switchedOff .roles_roleViewsOnboardingPipelineBox:not(:first-child) {
  opacity: 0;
}

/* apps/shared-assets/css/platform_recruitment_jobs_job.css */
.job_comments {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 40px;
  height: 30px;
  background: #fff url(/img/icons/24/chat_aaaaaa.svg) 50% 50% no-repeat;
  cursor: pointer;
  margin: 0 -8px 0 7px;
  opacity: 0.5;
}
.job_comments:hover {
  opacity: 1;
}
.job_comments.active {
  background-image: url(/img/icons/24/chat_3296fa.svg);
  opacity: 1;
}
.job_comments div {
  transition: all 0.25s;
  position: absolute;
  top: 2px;
  right: 23px;
  height: 11px;
  min-width: 6px;
  background: #f54b4b;
  padding: 0 2px;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #fff;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 3px;
}
.job_tooltipComments {
  width: 480px;
  margin: -6px -14px;
}
.job_tooltipCommentsWrite {
  padding: 15px;
}
.job_tooltipCommentsWrite .textarea {
  float: right;
  width: calc(100% - 50px);
  background: #222;
  border-color: #444;
}
.job_tooltipCommentsWrite .textarea .contentEditable {
  color: #fff;
}
.job_tooltipCommentsWrite .textarea .contentHidden_content {
  border-color: #444;
}
.job_tooltipComment {
  width: 450px;
  padding: 15px;
  line-height: 16px;
  font-size: 12px;
}
.job_tooltipComment:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.job_tooltipCommentName {
  font-size: 14px;
  font-weight: bold;
  float: right;
  width: calc(100% - 50px);
  margin: 2px 0 5px 0;
}
.job_tooltipCommentName span {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 10px;
}
.job_tooltipComment.unread .job_tooltipCommentName span {
  color: #f54b4b;
}
.job_tooltipCommentIcons {
  transition: all 0.25s;
  float: right;
  opacity: 0.25;
}
.job_tooltipComment:hover .job_tooltipCommentIcons {
  opacity: 1;
}
.job_tooltipCommentIcons img {
  float: left;
  margin-left: 10px;
}
.job_tooltipCommentText {
  float: right;
  width: calc(100% - 50px);
}
.platform_content_sectionheaderButtons .job_approvalNeeded,
.platform_content_sectionheaderButtons .job_approvalAwaits,
.platform_content_sectionheaderButtons .job_approvalRejected {
  animation: approvalScaleButton 4s infinite;
}
@keyframes approvalScaleButton {
  0% {
    transform: scale(1);
  }
  5% {
    transform: scale(0.75);
  }
  25% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.platform_content_sectionheaderButtons .job_approvalNeeded img {
  animation: approvalNeededRotationImg 4s infinite;
}
@keyframes approvalNeededRotationImg {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(-90deg);
  }
  10% {
    transform: rotate(45deg);
  }
  15% {
    transform: rotate(-35deg);
  }
  20% {
    transform: rotate(25deg);
  }
  25% {
    transform: rotate(-15deg);
  }
  30% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.platform_content_sectionheaderButtons .job_approvalAwaits img {
  animation: awaitsApprovalRotationImg 4s infinite;
}
@keyframes awaitsApprovalRotationImg {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(-90deg);
  }
  25% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.job_approval:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.job_approval .contentToggleBar:not(:hover) {
  background: #fafafa;
}
.job_approval .contentToggleBar.active {
  background: #3296fa;
  color: #fff;
}
.job_approval .contentToggleBar.active:after {
  filter: brightness(2);
}
.job_approval .contentToggleBar .circlebutton {
  box-shadow: 0 0 0 2px #fff;
}
.job_approval .contentToggleBar .headline {
  overflow: hidden;
}
.job_approval .contentToggleBar .circlebutton {
  float: right;
  margin: -2px 0 -2px 15px;
}
.job_approvalComment {
  background: #fafafa;
}
.job_approvalComment .smartTableToggle.active .smartTableElement {
  background: rgba(50, 150, 250, 0.05);
}
.job_approvalComment .smartTableIcon {
  transition: all 0.25s;
}
.job_approvalComment .smartTableToggle.active .smartTableIcon {
  background: #3296fa;
  border-color: #3296fa;
}
.job_approvalComment .smartTableToggle.active .smartTableIcon img {
  filter: brightness(2);
}
.job_approvalComment .smartTableTitle {
  font-weight: bold;
}
.job_approvalComment .smartTableToggleContent {
  background: #fff;
  padding: 0 25px;
}
.job_approvalComment .smartTableToggle:not(.disabled).active .smartTableToggleContent {
  padding: 25px;
}
.job_approvalTable {
  display: table;
}
.job_approvalTable:not(:last-child) {
  margin-bottom: 20px;
}
.job_approvalTableRow {
  display: table-row;
}
.job_approvalTableCell {
  position: relative;
  display: table-cell;
  vertical-align: top;
}
.job_approvalTableRow:not(:last-child) .job_approvalTableCell {
  padding-bottom: 10px;
}
.job_approvalTableCell:first-child {
  font-weight: bold;
  color: #999;
}
.job_approvalTableCell:last-child {
  padding-left: 25px;
}
.job_approvalTableCellArrow {
  background: url(/img/icons/12/arrow_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 22px;
}
.job_approvalSwitch {
  height: 20px;
  margin-top: 10px;
}
.job_approvalSwitch .switch {
  margin-right: 10px;
}
.job_approvalComment .textarea {
  float: right;
  width: calc(100% - 55px);
}
.job_approvalCommentButtons {
  margin-left: 55px;
}
.job_approvalCommentButtons .button {
  margin-right: 15px;
}
.job_approvalCancelApproval {
  float: right;
  margin: 0px !important;
  opacity: 0.5;
}
.job_approvalCancelApproval:hover {
  opacity: 1;
}
.job_approvalLog:not(:last-child) {
  margin-bottom: 25px;
}
.job_approvalLog .avatars,
.job_approvalLog .avatar {
  margin-right: 15px;
}
.job_approvalLog .avatars .avatar {
  margin-left: -15px;
  margin-right: 0 !important;
}
.job_approvalLog .avatars .avatar:first-child {
  margin-left: 0px;
}
.job_approvalLog .avatar.needed {
  animation: logApprovalNeededRotationButton 4s infinite;
  background: #F54B4B url(/img/icons/12/bell_ffffff.svg) 50% 50% no-repeat;
}
@keyframes logApprovalNeededRotationButton {
  0% {
    transform: scale(1) rotate(0deg);
  }
  5% {
    transform: scale(0.75) rotate(-90deg);
  }
  10% {
    transform: scale(1) rotate(45deg);
  }
  15% {
    transform: scale(1) rotate(-35deg);
  }
  20% {
    transform: scale(1) rotate(25deg);
  }
  25% {
    transform: scale(1) rotate(-15deg);
  }
  30% {
    transform: scale(1) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.job_approvalLog .avatar.awaits {
  animation: logAwaitsApprovalRotationButton 4s infinite;
  background: #3296fa url(/img/icons/12/update_ffffff.svg) 50% 50% no-repeat;
}
@keyframes logAwaitsApprovalRotationButton {
  0% {
    transform: scale(1) rotate(0deg);
  }
  5% {
    transform: scale(0.75) rotate(-90deg);
  }
  25% {
    transform: scale(1) rotate(360deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}
.job_approvalLog .avatar.accepted {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.job_approvalLog .avatar.rejected {
  background: #F54B4B url(/img/icons/12/notallowed_ffffff.svg) 50% 50% no-repeat;
}
.job_approvalLog .avatar.awaitsLayer:after,
.job_approvalLog .avatar.acceptedLayer:after,
.job_approvalLog .avatar.rejectedLayer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 150, 250, 0.5);
}
.job_approvalLog .avatar.acceptedLayer:after {
  background: rgba(100, 200, 75, 0.5);
}
.job_approvalLog .avatar.rejectedLayer:after {
  background: rgba(245, 75, 75, 0.5);
}
.job_approvalLogText {
  overflow: hidden;
}
.job_approvalLogUpcoming {
  background: url(/img/icons/12/arrow_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 22px;
  font-style: italic;
  color: #999;
}
.job_approvalLogTextDate {
  display: inline-block;
  font-style: italic;
  color: #999;
}
.job_approvalLogComment {
  padding: 10px 15px;
  background: rgba(255, 255, 0, 0.1);
  border: 1px solid rgba(255, 170, 0, 0.25);
  border-radius: 3px;
  margin-top: 5px;
}
.job_approvalLogDelete {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
  margin-left: 10px;
  opacity: 0.5;
}
.job_approvalLogDelete:hover {
  opacity: 1;
}
.job_approvalDottedline:not(:last-child) {
  height: 0;
  overflow: hidden;
  border-bottom: 2px dashed #ddd;
  margin-bottom: 25px;
}
.job_promotedMedia {
  position: relative;
  float: left;
  width: calc(50% - 15px);
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 7px 7px 8px 8px;
}
.job_promotedMediaLogo {
  transition: all 0.25s;
  position: relative;
  height: 90px;
  padding: 0 25px;
  line-height: 91px;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.job_promotedMediaLogo img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 120px;
  max-height: 40px;
  transform: translate(-50%, -50%);
}
.job_promotedMediaButtonsHolder {
  position: relative;
  background: #fafafa;
  padding: 15px;
  border-bottom: 1px solid #eee;
  z-index: 1;
}
.job_promotedMediaButtons {
  float: left;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}
.job_promotedMediaButtons .button:last-child {
  margin-left: 15px;
}
.job_promotedMediaInfo {
  display: table;
  margin: 15px auto;
}
.job_promotedMediaInfoRow {
  display: table-row;
}
.job_promotedMediaInfoCell {
  display: table-cell;
}
.job_promotedMediaInfoCell:first-child {
  padding-right: 15px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #999;
}
.job_promotedMediaInfoRow:not(:first-child) .job_promotedMediaInfoCell {
  padding-top: 5px;
}
.job_promotedMediaInfoCell span {
  float: left;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.job_promotedMediaInfoCell:first-child span {
  float: right;
}
.job_promotedMedia .boxlink {
  transition: all 0.25s;
  background: url(/img/icons/12/edit_aaaaaa.svg) calc(100% + 15px) 15px no-repeat;
}
.job_promotedMedia .boxlink:hover {
  background-color: rgba(255, 255, 0, 0.05);
  background-position: calc(100% - 15px) 15px;
}
.job_promotedMediaFormLogo {
  position: relative;
  height: 70px;
  padding: 0 25px;
  line-height: 71px;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.job_promotedMediaFormLogo img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 160px;
  max-height: 50px;
  transform: translate(-50%, -50%);
}
.job_promotedMediaFormLeft {
  float: left;
  width: 200px;
  padding: 10px 0;
  font-weight: bold;
}
.job_promotedMediaFormRight {
  float: right;
  width: calc(100% - 215px);
}
@media (max-width: 1200px) {
  .job_promotedMediaFormLeft,
  .job_promotedMediaFormRight {
    width: 100%;
    padding: 0;
  }
}
.popup .selectbuttons {
  box-shadow: none;
  z-index: 1;
}
.popup .selectbutton {
  box-shadow: none;
}
.popup .selectbutton.selected {
  background: #fafafa;
}
.job_promotedMediaFormPublishDate,
.job_promotedMediaFormUnpublishDate {
  transition: all 0.25s;
  float: left;
  width: 100%;
  background: #fafafa;
  padding: 0 15px;
  height: 6px;
  overflow: hidden;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 3px;
  margin-top: -6px;
  z-index: 1;
}
.job_promotedMediaFormPublishDate.active,
.job_promotedMediaFormUnpublishDate.active {
  height: 77px;
  padding: 20px 15px 15px 15px;
}

/* apps/shared-assets/css/platform_login.css */
body {
  background: #194B7D;
  background: radial-gradient(#194B7D, #0C253E);
  -webkit-overflow-scrolling: touch;
}
.platform_login {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 50px);
  max-width: 500px;
  transform: translate(-50%, -50%);
}
.platform_login_box {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}
.platform_login_top {
  position: relative;
  height: 60px;
  background: #194B7D;
  text-align: center;
  overflow: hidden;
  border: 1px solid #fff;
  border-bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  z-index: 1;
}
.platform_login_logo {
  float: left;
  margin: 14px 0 0 24px;
}
.platform_login_languages {
  float: right;
  margin: 18px 24px 0 0;
}
.platform_login_languages a {
  transition: all 0.25s;
  float: left;
  background: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  opacity: 0.5;
  margin-left: 5px;
}
.platform_login_languages a:hover {
  opacity: 0.75;
}
.platform_login_languages a.active {
  opacity: 1;
}
.platform_login_languages img {
  float: left;
}
.platform_login_slide {
  background: #fff;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.15);
}

/* apps/shared-assets/css/platform_learning.css */
.learning_overviewButtonsLeft {
  float: left;
  margin-top: -34px;
}
.learning_overviewButtonsLeft .button {
  margin-right: 15px;
}
.learning_overviewButtonsRight {
  float: right;
  margin-top: -34px;
}
.learning_overviewButtonsRight .button {
  margin-left: 15px;
}
.learning_overviewCards {
  margin-top: 10px;
}
.learning_overviewCard {
  float: left;
  width: 14.2857%;
}
@media (min-width: 2240px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .learning_overviewCard:nth-child(7n+8) {
    clear: left;
  }
}
@media (min-width: 1925px) and (max-width: 2239px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .learning_overviewCard {
    width: 16.6666%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .learning_overviewCard:nth-child(6n+7) {
    clear: left;
  }
}
@media (min-width: 1610px) and (max-width: 1924px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .learning_overviewCard {
    width: 20%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .learning_overviewCard:nth-child(5n+6) {
    clear: left;
  }
}
@media (min-width: 1295px) and (max-width: 1609px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .learning_overviewCard {
    width: 25%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .learning_overviewCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (max-width: 1294px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .learning_overviewCard {
    width: 33.3333%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .learning_overviewCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (min-width: 2600px) {
  body.activeFilterLeft .learning_overviewCard:nth-child(7n+8),
  body.activeFilterRight .learning_overviewCard:nth-child(7n+8) {
    clear: left;
  }
}
@media (min-width: 2285px) and (max-width: 2599px) {
  body.activeFilterLeft .learning_overviewCard,
  body.activeFilterRight .learning_overviewCard {
    width: 16.6666%;
  }
  body.activeFilterLeft .learning_overviewCard:nth-child(6n+7),
  body.activeFilterRight .learning_overviewCard:nth-child(6n+7) {
    clear: left;
  }
}
@media (min-width: 1970px) and (max-width: 2284px) {
  body.activeFilterLeft .learning_overviewCard,
  body.activeFilterRight .learning_overviewCard {
    width: 20%;
  }
  body.activeFilterLeft .learning_overviewCard:nth-child(5n+6),
  body.activeFilterRight .learning_overviewCard:nth-child(5n+6) {
    clear: left;
  }
}
@media (min-width: 1655px) and (max-width: 1969px) {
  body.activeFilterLeft .learning_overviewCard,
  body.activeFilterRight .learning_overviewCard {
    width: 25%;
  }
  body.activeFilterLeft .learning_overviewCard:nth-child(4n+5),
  body.activeFilterRight .learning_overviewCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (min-width: 1340px) and (max-width: 1654px) {
  body.activeFilterLeft .learning_overviewCard,
  body.activeFilterRight .learning_overviewCard {
    width: 33.3333%;
  }
  body.activeFilterLeft .learning_overviewCard:nth-child(3n+4),
  body.activeFilterRight .learning_overviewCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (max-width: 1339px) {
  body.activeFilterLeft .learning_overviewCard,
  body.activeFilterRight .learning_overviewCard {
    width: 50%;
  }
  body.activeFilterLeft .learning_overviewCard:nth-child(2n+3),
  body.activeFilterRight .learning_overviewCard:nth-child(2n+3) {
    clear: left;
  }
}
.learning_overviewCard .contentbox {
  padding: 15px;
}
.learning_overviewCard .checkbox {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
}
.learning_cards {
  height: 300px;
  padding: 25px 25px 25px 0px;
  white-space: nowrap;
  font-size: 0px;
  overflow-y: hidden;
  overflow-x: auto;
}
.learning_card {
  position: relative;
  width: 100%;
  background: #aaa;
  padding-top: 120%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.learning_cards .learning_card {
  display: inline-block;
  width: 250px;
  padding-top: 300px;
  margin-left: 25px;
}
.learning_card.locked:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: url(/img/icons/12/lock_closed_ffffff.svg) 50% 50% no-repeat;
  background-size: 48px;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.15));
  z-index: 1;
}
.learning_card:after {
  transition: background-color 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 3px;
}
.learning_card.selected:after {
  background: rgba(50, 150, 250, 0.75) url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
}
.learning_cardImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aaa;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.learning_card.locked .learning_cardImage {
  filter: blur(0px);
}
.learning_card.locked:not(:hover) .learning_cardImage {
  filter: blur(5px) grayscale(1);
}
.learning_card:hover .learning_cardImage {
  transform: scale(1.1);
}
.learning_cardGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(25, 75, 125, 0.15), rgba(25, 75, 125, 0.85));
}
.learning_cardLabels {
  position: absolute;
  top: 15px;
  right: 15px;
}
.learning_cardLabels div {
  transition: all 0.25s;
  float: right;
  height: 22px;
  background: #ffbe00 url(/img/icons/12/mandatory_ffffff.svg) calc(100% - 8px) 5px no-repeat;
  padding: 0 24px 0 10px;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 2px 0 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  clear: both;
}
.learning_cardLabels div.recommended {
  background-color: #3296fa;
  background-image: url(/img/icons/12/like_ffffff.svg);
}
.learning_cardLabels div.overdue {
  background-color: #f54b4b;
  background-image: url(/img/icons/12/bell_ffffff.svg);
}
.learning_cardLabels div.completed {
  background-color: #64c84b;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.learning_card:not(:hover) .learning_cardLabels div:not(:last-child) {
  margin: -50px 0 30px 0;
  opacity: 0;
}
.learning_cardTitle {
  position: absolute;
  bottom: 20px;
  left: 25px;
  width: calc(100% - 50px);
  color: #fff;
}
.learning_card.selected .learning_cardTitle {
  z-index: 4;
  cursor: pointer;
}
.learning_cardTitleStars {
  position: relative;
  transition: all 0.25s;
  display: inline-block;
  font-size: 0px;
  opacity: 0.35;
  z-index: 2;
}
.learning_card:hover .learning_cardTitleStars {
  opacity: 1;
}
.learning_cardTitleStars img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}
.learning_card:hover .learning_cardTitleStars img {
  margin-right: 5px;
}
.learning_cardTitle .headline {
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.15));
}
.learning_cards .learning_cardTitle .headline {
  white-space: normal;
  font-size: 14px;
  line-height: 20px;
}
.learning_card .boxlink {
  z-index: 1;
}
.learning_newBoxes {
  margin: -12px -12px -13px -13px;
}
.learning_newBox {
  transition: all 0.25s;
  float: left;
  width: calc(50% - 25px);
  display: block;
  padding: 25px;
  text-align: center;
  color: #000;
  text-decoration: none;
  margin: 12px 12px 13px 13px;
}
.learning_newBox:nth-child(2n+3) {
  clear: left;
}
.learning_newBox:hover {
  border-color: #3296fa;
}
.learning_newBox img {
  float: left;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
  margin-bottom: 15px;
}
.learning_newBox .headline {
  transition: all 0.25s;
}
.learning_newBox:hover .headline {
  color: #3296fa;
}
.course_top {
  transition: all 1s;
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 55px);
  height: 205px;
  background: #aaa;
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  z-index: 100;
}
.scrolled .course_top {
  height: 120px;
}
@media (max-width: 1200px), (max-height: 800px) {
  .course_top {
    width: calc(100% - 70px);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
.course_topImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aaa;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(10px);
  opacity: 0.5;
}
.scrolled .course_topImage {
  opacity: 0.75;
}
.course_topGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(25, 75, 125, 0.15), rgba(25, 75, 125, 0.85));
}
.course_topHeadline {
  transition: all 0.5s;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 35px 0 360px;
  white-space: nowrap;
  line-height: 96px;
  text-overflow: ellipsis;
  font-size: 40px;
  font-weight: 200;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.15));
}
.scrolled .course_topHeadline {
  padding: 0 35px;
  line-height: 84px;
  font-size: 24px;
  font-weight: 300;
}
.course_content {
  position: relative;
  background: #f3f3f3;
  min-height: 100%;
}
.course_contentNarrow {
  position: relative;
  float: left;
  width: 300px;
  margin: 25px 0 0 25px;
}
.course_contentNarrow .learning_card {
  transition: all 0.5s;
  z-index: 200;
}
.scrolled .course_contentNarrow .learning_card {
  opacity: 0;
}
.course_contentReview {
  position: relative;
  padding: 25px;
}
.course_contentReview:not(:first-child) {
  border-top: 1px solid #eee;
}
.course_contentReviewText {
  float: right;
  width: calc(100% - 55px);
}
.course_contentReviewTextName {
  width: calc(100% - 25px);
  font-weight: bold;
}
.course_contentReviewText img {
  float: left;
  margin: 7px 5px 5px 0;
}
.course_contentReviewTextComment {
  line-height: 18px;
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}
.course_contentReviewTextDate {
  line-height: 18px;
  font-size: 12px;
  font-style: italic;
  color: #999;
  margin-top: 5px;
}
.course_contentReviewTextCourse {
  background: url(/img/icons/12/education_aaaaaa.svg) 0 50% no-repeat;
  padding-left: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 18px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  margin-top: 5px;
}
.course_contentReviewDelete {
  transition: all 0.25s;
  position: absolute;
  display: block;
  top: 25px;
  right: 25px;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
  border-radius: 3px;
  opacity: 0;
}
.course_contentReview:hover .course_contentReviewDelete {
  opacity: 0.5;
}
.course_contentReview:hover .course_contentReviewDelete:hover {
  background-color: #eee;
  opacity: 1;
}
.course_contentWide {
  position: relative;
  float: right;
  width: calc(100% - 375px);
  margin: 230px 25px 0 0;
}
.course_contentCreatedBy {
  overflow: hidden;
}
.course_contentCreatedBy .avatar {
  margin-right: 15px;
}
.course_contentCreatedBy div {
  white-space: nowrap;
  overflow: hidden;
}
.course_contentCreatedBy div:last-child {
  font-style: italic;
  color: #666;
}
.course_contentTopInfo {
  padding: 29px 34px;
}
.course_contentTopInfo .circlebutton {
  float: right;
  margin: 0 -5px;
}
.course_contentTopInfos {
  overflow: hidden;
}
.course_contentTopInfos strong {
  display: block;
  float: left;
  background: url(/img/icons/12/tag_3296fa.svg) 0 3px no-repeat;
  padding-left: 22px;
  margin: 5px 34px 5px 0;
}
.course_contentHeader {
  position: relative;
  height: 60px;
  padding: 0 25px;
  white-space: nowrap;
  line-height: 61px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.course_contentHeader:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.course_contentHeader .number {
  display: inline-block;
  vertical-align: top;
  min-width: 20px;
  height: 20px;
  line-height: 21px;
  padding: 0 5px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa inset;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 20px 0 0 10px;
}
.course_content .contentPadding {
  border-color: #eee;
}
.course_contentTimeSlots {
  padding: 25px 0 25px 25px;
  white-space: nowrap;
  font-size: 0;
  overflow: auto;
}
.course_contentTimeSlot {
  transition: all 0.25s;
  display: inline-block;
  width: 36%;
  padding: 0 0 6px 0;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  color: #000;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #ddd inset;
  box-sizing: border-box;
  margin-right: 25px;
}
@media (min-width: 1400px) {
  .course_contentTimeSlot {
    width: 20%;
  }
}
.course_contentTimeSlot:hover {
  box-shadow: 0 0 0 2px #3296fa inset;
}
.course_contentTimeSlot.active {
  box-shadow: 0 0 0 2px #64c84b inset;
}
.course_contentTimeSlotMonth {
  transition: all 0.25s;
  height: 26px;
  background: #FF644B;
  line-height: 27px;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  margin-bottom: 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.course_contentTimeSlot:hover .course_contentTimeSlotMonth {
  background: #3296fa;
}
.course_contentTimeSlot.active .course_contentTimeSlotMonth {
  background: #64c84b;
}
.course_contentTimeSlotDay {
  font-size: 40px;
  line-height: 50px;
}
.course_contentTimeSlotDates {
  float: left;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}
.course_contentTimeSlotDate {
  margin-bottom: 5px;
}
.course_contentTimeSlotDate img {
  float: left;
  margin: 3px 10px 0 0;
}
.course_contentTimeSlotSeats {
  font-size: 12px;
  color: #64c84b;
  margin-bottom: 5px;
}
.course_editContent {
  position: relative;
  height: calc(100% - 149px);
  background: #f3f3f3;
}
.course_editLeft {
  position: absolute;
  top: 0;
  left: 0;
  width: 350px;
  height: 100%;
  background: #fafafa;
  padding: 25px;
  box-sizing: border-box;
  overflow: auto;
}
.course_editRight {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 350px);
  height: 100%;
  overflow: auto;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
}
.course_trophyIcon {
  transition: all 0.25s;
  background: url(/img/icons/12/target_3296fa.svg) 50% 50% / 18px no-repeat #DDEEFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.course_trophyIcon:not(.d40) {
  background-size: 12px;
}
.course_categoriesTooltip {
  padding: 5px 25px 15px 15px;
  font-size: 12px;
  margin: -6px -14px;
}
.course_categoriesTooltip ul {
  padding-left: 15px;
  margin: 0;
}
.course_categoriesTooltip ul li {
  font-weight: bold;
  margin-top: 10px;
}
.course_categoriesTooltip ul li ul li {
  font-weight: normal;
  margin-top: 0px;
}
.learning_participantStats {
  display: flex;
  margin: 5px -5px 5px -5px;
}
.learning_participantStatsBox {
  margin: 5px;
}
.learning_participantStatsBox:not(.courses):not(.points):not(.costs) {
  min-width: 300px;
}
.learning_participantStatsBoxTitle {
  background: url(/img/icons/12/calendar_f54b4b.svg) 0% 2px no-repeat;
  padding-left: 22px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #f54b4b;
}
.learning_participantStatsBox.courses .learning_participantStatsBoxTitle {
  background-image: url(/img/icons/12/education_3296fa.svg);
  color: #3296fa;
}
.learning_participantStatsBox.points .learning_participantStatsBoxTitle {
  background-image: url(/img/icons/12/add_64c84b.svg);
  color: #64c84b;
}
.learning_participantStatsBox.costs .learning_participantStatsBoxTitle {
  background-image: url(/img/icons/12/wallet_f54b4b.svg);
  color: #f54b4b;
}
.learning_participantStatsBoxTitle span:first-child {
  margin-right: 5px;
  cursor: pointer;
}
.learning_participantStatsBoxTitle span:last-child {
  margin-left: 5px;
  cursor: pointer;
}
.learning_participantStatsBoxTitle span.active {
  text-decoration: underline;
}
.learning_participantStatsBoxTitle span:not(.active) {
  opacity: 0.5;
}
.learning_participantStatsBoxDate {
  margin-top: 20px;
}
.learning_participantStatsBoxDate .input {
  float: left;
  width: calc(50% - 12px);
}
.learning_participantStatsBoxDate .input:not(:first-child) {
  float: right;
  width: calc(50% - 13px);
}
.learning_participantStatsBoxDateSeparator {
  float: left;
  width: 25px;
  line-height: 40px;
  text-align: center;
}
.learning_participantStatsBoxNumber {
  transition: all 0.25s;
  height: 60px;
  line-height: 61px;
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  color: #f54b4b;
  overflow: hidden;
}
.learning_participantStatsBox.courses .learning_participantStatsBoxNumber {
  color: #3296fa;
}
.learning_participantStatsBox.points .learning_participantStatsBoxNumber {
  color: #64c84b;
}
.learning_participantStatsBox.costs .learning_participantStatsBoxNumber {
  color: #f54b4b;
}
.learning_participantList {
  height: calc(100vh - 422px);
}
.learning_participantListDataPercentText {
  transition: all 0.25s;
  line-height: 12px;
  text-align: right;
  font-size: 12px;
  margin: 13px 0 0 0;
}
.learning_participantListDataPercent,
.learning_participantListDataPercent span {
  transition: all 0.25s;
  display: block;
  height: 4px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-top: 8px;
}
.learning_participantListDataPercent span {
  margin-top: 0;
}
.learning_participantTop {
  background: rgb(255, 255, 235);
}
.learning_participantTop .avatar {
  margin-right: 15px;
}
.learning_participantTop .headline {
  margin-top: 10px;
}
.learning_participantTop .circlebutton {
  margin-top: 5px;
}
.learning_participantEdit {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/edit_aaaaaa.svg) 50% 50% no-repeat;
}
.learning_participantDelete {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
}

/* apps/shared-assets/css/platform_dashboard.css */
.platform_content_sectionheader {
  transition: all 0.25s;
}
.dashboardSettings .platform_content_sectionheader {
  background: #3296fa;
}
.dashboard_headline {
  transition: all 0.25s;
  float: left;
  margin-right: 25px;
}
.dashboardSettings .dashboard_headline {
  color: #fff;
}
.platform_content_sectionheaderButtons {
  margin-left: 10px;
}
.dashboardSettings .platform_content_sectionheaderButtons .circlebutton.dashboardSettings,
.platform_content_sectionheaderButtons .circlebutton:not(.dashboardSettings) {
  display: block;
}
.platform_content_sectionheaderButtons .circlebutton.dashboardSettings,
.dashboardSettings .platform_content_sectionheaderButtons .circlebutton:not(.dashboardSettings) {
  display: none;
}
.dashboardSettings .platform_content_sectionheaderButtons .circlebutton {
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.dashboard_views {
  height: 80px;
  white-space: nowrap;
  font-size: 0px;
  overflow-y: hidden;
  overflow-x: auto;
  margin: -25px 0;
}
.dashboard_views .dashboard_sortable {
  display: inline-block;
  float: none;
  width: auto;
  vertical-align: top;
  margin-top: 25px;
}
.dashboard_views .dashboard_sortable > li {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.dashboard_views .ui-sortable-placeholder:before {
  top: 0 !important;
  right: 5px !important;
  bottom: 0 !important;
  left: 0 !important;
  background: none !important;
  border: 1px dashed rgba(255, 255, 255, 0.5) !important;
  border-radius: 3px;
  box-shadow: none !important;
}
.dashboard_viewsView {
  transition: all 0.25s;
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 30px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% + 20px) 50% no-repeat;
  padding: 0 15px;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  overflow: hidden;
  border-radius: 3px;
  margin-right: 5px;
  cursor: pointer;
}
.dashboard_viewsView:hover {
  color: #3296fa;
  box-shadow: 0 0 0 1px rgba(50, 150, 250, 1) inset;
}
.dashboardSettings .dashboard_viewsView {
  background-color: #3296fa;
  color: #fff;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
}
.dashboardSettings .dashboard_viewsView:hover,
.ui-sortable-helper .dashboard_viewsView {
  background-color: #194b7d;
  box-shadow: none;
}
.dashboard_viewsView.active {
  background-color: #3296fa;
  color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0) inset;
}
.dashboardSettings .dashboard_viewsView.active {
  background-color: #fff;
  background-position: calc(100% - 9px) 50%;
  padding-right: 30px;
  color: #3296fa;
}
.dashboardSettings .dashboard_viewsView.active:hover {
  background-image: url(/img/icons/12/edit_194b7d.svg);
  color: #194b7d;
}
.ui-sortable-helper .dashboard_viewsView {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  transform: scale(1.1) rotate(3deg);
}
.dashboard_new .dashboard_viewsView {
  background: #64c84b url(/img/icons/12/add_ffffff.svg) 50% 50% no-repeat;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
}
.dashboard_new .dashboard_viewsView:hover {
  background-color: #fff;
  background-image: url(/img/icons/12/add_64c84b.svg);
}
.dashboard_viewsView .boxlink {
  cursor: pointer;
}
.dashboardSettings .dashboard_viewsView .boxlink {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.ui-sortable-helper .dashboard_viewsView .boxlink {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.dashboardSettings .dashboard_viewsViewToggle,
body:not(.dashboardSettings) .dashboard_viewsViewSort,
body:not(.dashboardSettings) .dashboard_viewsViewEdit,
.dashboard_viewsView:not(.active) .dashboard_viewsViewEdit {
  display: none;
}
.dashboard_sortable {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}
.dashboard_sortable > li {
  float: left;
}
.dashboard_sortable .ui-sortable-placeholder {
  position: relative;
  visibility: visible !important;
}
.dashboard_sortable .ui-sortable-placeholder:before {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: 7px;
  left: 7px;
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
.dashboard_sortable .contentbox {
  transition: border 0.25s, box-shadow 0.25s;
}
.dashboard_sortable .ui-sortable-helper .contentbox {
  border-color: #3296fa;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15), 0 0 0 1px #3296fa;
}
.dashboard_tiles {
  background: #eee;
  font-size: 0;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid #e5e5e5;
  margin: -18px -17px 18px -18px;
}
.dashboard_tiles::-webkit-scrollbar {
  display: none;
}
.dashboard_tilesHolder {
  display: inline-block;
  padding: 17px 17px 18px 18px;
  white-space: nowrap;
}
.dashboard_tiles .dashboard_sortable {
  display: inline-block;
  float: none;
  width: auto;
  vertical-align: top;
}
.dashboard_tiles .dashboard_sortable > li {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.dashboard_tile {
  transition: all 0.25s;
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: inherit;
}
.dashboard_tile .contentbox {
  width: calc(16.6666vw - 20.83px);
  min-width: 300px;
  height: 200px;
}
.dashboard_new .contentbox {
  transition: all 0.25s;
  background: url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  background-size: 36px;
  border: 2px dashed rgba(0, 0, 0, 0.15);
  box-shadow: none;
  cursor: pointer;
}
.dashboard_new .contentbox:hover {
  background-color: rgba(255, 255, 255, 0.35);
  background-size: 60px;
}
.dashboard_tileTop {
  height: 40px;
  border-bottom: 1px solid #e5e5e5;
}
.dashboard_tileSettings {
  transition: all 0.25s;
  float: right;
  max-width: 0;
  height: 40px;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
  opacity: 0;
}
.dashboardSettings .dashboard_tileSettings {
  max-width: 82px;
  opacity: 1;
}
.dashboard_tileEdit,
.dashboard_tileSort {
  transition: all 0.25s;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(/img/icons/12/edit_3296fa.svg) 50% 50% no-repeat;
  border-left: 1px solid #e5e5e5;
  cursor: pointer;
}
.dashboard_tileSort {
  background-image: url(/img/icons/12/move_3296fa.svg);
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.dashboard_tileEdit:hover,
.dashboard_tileSort:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.ui-sortable-helper .dashboard_tileSort {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.dashboard_tileTitle {
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 41px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard_tileNumber {
  transition: all 0.25s;
  height: 157px;
  line-height: 159px;
  text-align: center;
  font-size: 80px;
  font-weight: 900;
  color: #3296FA;
  overflow: hidden;
}
.contentbox:hover .dashboard_tileNumber {
  transform: scale(1.05);
}
.dashboard_tileNumber.five {
  font-size: 70px;
}
.dashboard_tileNumber.six {
  font-size: 60px;
}
.dashboard_tileNumber.seven {
  font-size: 50px;
}
.dashboard_tileNumber.eight {
  font-size: 45px;
}
.dashboard_tileNumber.nine {
  font-size: 40px;
}
.dashboard_tileNumber.none {
  color: #ccc !important;
}
.dashboard_tileNumber.trend {
  height: 137px;
  line-height: 139px;
}
.dashboard_tileNumberTrend {
  height: 70px;
  line-height: 72px;
  text-align: center;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  margin-top: -50px;
}
.dashboard_tileNumberTrend:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url(/img/icons/12/arrowup_64c84b.svg) 50% 50% no-repeat;
  vertical-align: top;
  margin-top: 25px;
}
.dashboard_tileNumberTrend.negative:before {
  background-image: url(/img/icons/12/arrowdown_f54b4b.svg);
}
.dashboard_tileNumberTrend strong {
  font-size: 14px;
  color: #000;
}
.dashboard_tileChartLine {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin: 25px;
}
.dashboard_tileChartLineHolder {
  width: calc(100% + 20px);
  height: 105px;
  margin: 0 -10px;
}
.dashboard_tileChartPie {
  height: 113px;
  overflow: hidden;
  margin-top: 22px;
}
.dashboard_tileChartBar {
  height: 107px;
  overflow: hidden;
  margin: 25px 25px 0 25px;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15) inset;
}
.dashboard_tile .boxlink {
  top: 41px;
}
.dashboard_tilesScrollLeft,
.dashboard_tilesScrollRight {
  transition:
    top 0.25s,
    width 0.25s,
    height 0.25s,
    background 0.25s;
  display: none;
  position: fixed;
  top: 181px;
  width: 40px;
  height: 170px;
  background: url(/img/arrow_left.svg) 50% 50% no-repeat rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.dashboard_tilesScrollLeft:hover,
.dashboard_tilesScrollRight:hover {
  top: 176px;
  width: 50px;
  height: 180px;
  background-color: rgba(255, 255, 255, 1);
}
.dashboard_tilesScrollLeft {
  left: -1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dashboard_tilesScrollRight {
  right: -1px;
  background-image: url(/img/arrow_right.svg);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
@media (min-width: 1627px) {
  .dashboard_widgets .dashboard_sortable > li {
    width: 25%;
  }
}
@media (min-width: 1229px) and (max-width: 1626px) {
  .dashboard_widgets .dashboard_sortable > li {
    width: 33.333%;
  }
}
@media (max-width: 1228px) {
  .dashboard_widgets .dashboard_sortable > li {
    width: 50%;
  }
}
.dashboard_widget {
  float: left;
  width: 100%;
}
.dashboard_widget .contentbox {
  overflow: hidden;
}
body:not(.dashboardSettings) .dashboard_new {
  display: none;
}
.dashboard_new:first-child {
  width: 100% !important;
}
.dashboard_new .dashboard_widget .contentbox {
  height: 383px;
}
.dashboard_widgetTop {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #e5e5e5;
}
.dashboard_widgetTop .headline {
  line-height: 21px;
  height: 20px;
  padding: 20px 25px 0 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard_widgetTop .headline .number {
  margin: 0 0 0 10px;
}
.dashboard_widgetSettings {
  transition: all 0.25s;
  float: right;
  max-width: 0;
  height: 60px;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
  opacity: 0;
}
.dashboardSettings .dashboard_widgetSettings {
  max-width: 122px;
  opacity: 1;
}
.dashboard_widgetEdit,
.dashboard_widgetSort {
  transition: all 0.25s;
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(/img/icons/12/edit_3296fa.svg) 50% 50% no-repeat;
  background-size: 20px;
  border-left: 1px solid #e5e5e5;
  cursor: pointer;
}
.dashboard_widgetSort {
  background-image: url(/img/icons/12/move_3296fa.svg);
  background-size: 24px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.dashboard_widgetEdit:hover,
.dashboard_widgetSort:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.ui-sortable-helper .dashboard_widgetSort {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.dashboard_widget .boxlink {
  transition: all 0.25s;
}
.dashboardSettings .dashboard_widget .boxlink {
  display: none;
}
.dashboard_widget .boxlink:hover {
  background: rgba(50, 150, 250, 0.05);
}
.dashboard_widget .nocontent {
  padding: 60px 0;
  height: 320px;
  box-sizing: border-box;
}
.dashboard_widget .nocontent .headline {
  line-height: 36px;
  height: auto;
  padding: 0 25px;
}
.dashboard_widgetList {
  height: 310px;
  padding-top: 10px;
  overflow-y: auto;
}
.dashboard_widgetList.withCategories > div:last-child {
  padding-bottom: 10px;
}
.dashboard_widgetListCategory {
  height: 35px;
  background: #fafafa;
  padding: 0 25px;
  line-height: 35px;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.03) inset;
  cursor: pointer;
}
.dashboard_widgetListCategory .number {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  background: #ccc;
  height: 12px;
  padding: 0 2px;
  line-height: 13px;
  color: #fff;
  border-radius: 2px;
  margin: 11px 0 0 5px;
}
.dashboard_widgetListCategory.active .number {
  background: rgba(50, 150, 250, 0.5);
}
.dashboard_widgetListCategory:before {
  transition: all 0.25s;
  content: "";
  float: right;
  width: 19px;
  height: 19px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 50% 50% no-repeat;
  margin: 8px -5px 0 10px;
  transform: rotate(180deg);
}
.dashboard_widgetListCategory:not(.active):before {
  transform: rotate(0);
}
.dashboard_widgetListCategory:first-child {
  margin-top: -10px;
}
.dashboard_widgetListItem {
  transition: all 0.25s;
  display: block;
  height: 60px;
  padding: 0 25px;
  text-decoration: none;
  overflow: hidden;
}
.dashboard_widgetListItem:last-child {
  margin-bottom: 10px;
}
.dashboard_widgetListItem:hover {
  background: rgba(50, 150, 250, 0.05);
}
.dashboard_widgetListTitle,
.dashboard_widgetListSubtitle {
  white-space: nowrap;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 43px;
}
.dashboard_widgetListTitle:last-child {
  margin-top: 10px;
}
.dashboard_widgetListSubtitle {
  font-size: 12px;
  color: #666;
  margin-top: -24px;
}
.dashboard_widgetListDate {
  float: right;
  font-size: 12px;
  white-space: nowrap;
  color: #999;
  margin: 20px 0 0 10px;
}
.dashboard_widgetListAvatars {
  padding: 10px 15px 20px 25px;
}
.dashboard_widgetListAvatars:first-child {
  margin-top: -10px;
}
.dashboard_widgetListAvatars:last-child {
  margin-bottom: 10px;
}
.dashboard_widgetListAvatars .avatar {
  transition: all 0.25s;
}
.dashboard_widgetListAvatars .avatar:hover {
  transform: scale(1.2);
}
.dashboard_widgetListAvatarsTooltip {
  padding: 15px;
  white-space: nowrap;
  margin: -6px -14px;
}
.dashboard_widgetListAvatarsTooltipTitle {
  font-weight: bold;
}
.dashboard_widgetListAvatarsTooltipTitle:not(:last-child) {
  margin-bottom: 5px;
}
.dashboard_widgetListAvatarsTooltipTitle .id {
  font-weight: 300;
  color: #aaa;
  margin-left: 5px;
}
.dashboard_widgetListAvatarsTooltipInfo {
  font-size: 12px;
  color: #aaa;
}
.dashboard_widgetList .id {
  padding-left: 5px;
  font-weight: 300;
  color: #999;
}
.dashboard_widgetList .arrow {
  display: inline-block;
  vertical-align: top;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
  width: 19px;
  height: 40px;
}
.dashboard_widgetList .split {
  display: inline;
  padding: 0 5px;
  text-align: center;
  color: #ccc;
}
.dashboard_widgetList .split:before {
  content: "\2022";
}
.dashboard_widgetList .avatar {
  margin: 10px 10px 0 0;
}
.dashboard_widgetListCalendar {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  background: #fff;
  text-align: center;
  line-height: 26px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  margin: 10px 10px 0 0;
}
.dashboard_widgetListCalendar:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 26px;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-sizing: border-box;
}
.dashboard_widgetListCalendar span {
  display: block;
  width: 100%;
  height: 14px;
  background: #FF644B;
  text-transform: uppercase;
  line-height: 15px;
  font-size: 9px;
  font-weight: normal;
  color: #fff;
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
.dashboard_widgetListCalendar.blue span {
  background: #3296fa;
}
.dashboard_widgetAbsenceStats {
  width: 100%;
  padding: 20px 0;
  white-space: nowrap;
  text-align: center;
  font-size: 0px;
  overflow: auto;
  border-bottom: 1px solid #eee;
  transform: translate(0, -10px);
}
.dashboard_widgetAbsenceStat {
  display: inline-block;
  width: 33.3333%;
  vertical-align: top;
}
.dashboard_widgetAbsenceStatTitle {
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 5px;
}
.dashboard_widgetAbsenceStatPie {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  background-color: #64C84B !important;
  border-radius: 50%;
}
.dashboard_widgetAbsenceStatPie:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 74px;
  height: 74px;
  background-color: #fafafa;
  border-radius: 50%;
}
.dashboard_widgetAbsenceStatPie div {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 84px;
  height: 84px;
  border-radius: 50%;
}
.dashboard_widgetAbsenceStatPie span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 70px;
  height: 70px;
  background: #fafafa;
  line-height: 71px;
  font-size: 24px;
  font-weight: 900;
  color: #999;
  overflow: hidden;
  border-radius: 50%;
  margin-top: 5px;
}
.dashboard_widgetAbsenceStatPie span.plus {
  color: #000;
}
.dashboard_widgetAbsenceStatPie span.minus {
  color: #F54B4B;
}
.dashboard_widgetAbsenceRegister,
.dashboard_widgetListRegister {
  background: rgba(255, 255, 0, 0.05);
  padding: 20px 0;
  text-align: center;
  font-size: 0;
  border-bottom: 1px solid #eee;
  transform: translate(0, -10px);
}
.dashboard_widgetListRegister {
  padding: 25px 0;
}
.dashboard_widgetAbsenceRegister:last-child {
  padding: 70px 0;
  border: none;
  margin-bottom: -20px;
}
.dashboard_widgetAbsenceRegister:first-child:last-child,
.dashboard_widgetListRegister:first-child:last-child {
  padding: 143px 0;
}
.dashboard_widgetAbsenceRegister .button,
.dashboard_widgetListRegister .button {
  float: none;
  display: inline-block;
  font-size: 14px;
}
.dashboard_widgetOnboardingProgress {
  float: right;
  min-width: 20%;
}
.dashboard_widgetOnboardingProgressTitle {
  white-space: nowrap;
  text-align: center;
  font-size: 12px;
  color: #666;
  margin-top: 12px;
}
.dashboard_widgetOnboardingProgressBar {
  width: 100%;
  height: 10px;
  padding: 2px;
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
.dashboard_widgetOnboardingProgressBar span {
  display: block;
  float: left;
  height: 6px;
  min-width: 6px;
  border-radius: 3px;
}
.dashboard_widgetJobsIcon,
.dashboard_widgetRequisitionsIcon {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  background: #aaa url(/img/icons/12/bag_aaaaaa.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 10px 10px 0 0;
}
.dashboard_widgetJobsIcon.draft {
  background-color: #fff;
  background-image: url(/img/icons/12/edit_aaaaaa.svg);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
.dashboard_widgetJobsIcon.promoted {
  background-color: #fff;
  background-image: url(/img/icons/12/feed_64c84b.svg);
  box-shadow: 0 0 0 1px #64C84B inset;
}
.dashboard_widgetJobsIcon.unpublished {
  background-color: #fff;
  background-image: url(/img/icons/12/feed_none_3296fa.svg);
  box-shadow: 0 0 0 1px #3296FA inset;
}
.dashboard_widgetRequisitionsIcon.awaits {
  background-color: #fff;
  background-image: url(/img/icons/12/update_3296fa.svg);
  box-shadow: 0 0 0 1px #3296FA inset;
}
.dashboard_widgetRequisitionsIcon.approved {
  background-color: #fff;
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
  box-shadow: 0 0 0 1px #64C84B inset;
}
.dashboard_widgetRequisitionsIcon.rejected {
  background-color: #fff;
  background-image: url(/img/icons/12/notallowed_f54b4b.svg);
  box-shadow: 0 0 0 1px #F54B4B inset;
}
.dashboard_widgetJobsStage {
  float: right;
  margin-top: 15px;
}
.dashboard_widgetJobsStageBall {
  float: left;
  min-width: 30px;
  height: 30px;
  background: rgb(50, 150, 250);
  padding: 0 8px;
  line-height: 31px;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  border-radius: 15px;
  box-sizing: border-box;
  margin-right: 5px;
}
.dashboard_widgetJobsStageBall.awaits {
  animation: awaitsRotation 4s infinite;
  background-image: url(/img/icons/12/update_ffffff.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@keyframes awaitsRotation {
  0% {
    transform: rotate(0deg) scale(1);
  }
  5% {
    transform: rotate(-90deg) scale(0.75);
  }
  25% {
    transform: rotate(360deg) scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.dashboard_widgetJobsStageBall.needed {
  animation: neededAni 4s infinite;
  background-color: #F54B4B;
  background-image: url(/img/icons/12/bell_ffffff.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@keyframes neededAni {
  0% {
    transform: rotate(0deg) scale(1);
  }
  5% {
    transform: rotate(-90deg) scale(0.75);
  }
  10% {
    transform: rotate(45deg) scale(1);
  }
  15% {
    transform: rotate(-35deg) scale(1);
  }
  20% {
    transform: rotate(25deg) scale(1);
  }
  25% {
    transform: rotate(-15deg) scale(1);
  }
  30% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
.dashboard_widgetJobsStageBall.rejected {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/delete_ffffff.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.dashboard_widgetJobsStageInfo {
  display: flex;
  justify-content: center;
  flex-direction: column;
  float: left;
  min-width: 60px;
  padding: 2px 0;
  min-height: 26px;
  line-height: 13px;
  font-size: 12px;
  font-weight: 300;
  color: #999;
}
.dashboard_widgetCalendarMonth {
  transition: all 0.25s;
  position: relative;
  float: right;
  margin: 20px 25px 0 0;
  z-index: 1;
}
.dashboardSettings .dashboard_widgetCalendarMonth {
  margin-right: -300px;
  opacity: 0;
}
.dashboard_widgetCalendarMonthPrev,
.dashboard_widgetCalendarMonthNext {
  transition: all 0.25s;
  float: left;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff url(/img/icons/9/arrowleft_3296fa.svg) 50% 50% no-repeat;
  background-size: 8px;
  box-sizing: border-box;
  border: 1px solid #3296fa;
  border-radius: 50%;
}
.dashboard_widgetCalendarMonthNext {
  float: right;
  transform: rotate(180deg);
}
.dashboard_widgetCalendarMonthPrev:hover,
.dashboard_widgetCalendarMonthNext:hover {
  background-color: #3296fa;
  background-image: url(/img/icons/9/arrowleft_ffffff.svg);
}
.dashboard_widgetCalendarMonthTitle {
  float: left;
  width: 80px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  overflow: hidden;
}
.dashboard_widgetCalendar {
  display: table;
  table-layout: fixed;
  width: calc(100% - 20px);
  height: 300px;
  margin: 10px;
  cursor: default;
}
.dashboard_widgetCalendarWeekdays,
.dashboard_widgetCalendarWeek {
  display: table-row;
}
.dashboard_widgetCalendarWeekday,
.dashboard_widgetCalendarDay {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.dashboard_widgetCalendarWeekday {
  line-height: 30px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #999;
}
.dashboard_widgetCalendarDay span {
  transition: all 0.25s;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 29px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.dashboard_widgetCalendarDay span:hover {
  background: rgba(50, 150, 250, 0.1);
}
.dashboard_widgetCalendarDay.other span {
  color: #ccc;
}
.dashboard_widgetCalendarDay.event span {
  color: #3296fa;
  border-color: #3296fa;
}
.dashboard_widgetCalendarDay.other.event span {
  color: rgba(50, 150, 250, 0.5);
  border-color: rgba(50, 150, 250, 0.35);
}
.dashboard_widgetCalendarDay.today span {
  background: #3296fa;
  color: #fff;
  border-color: #3296fa;
}
.dashboard_widgetCalendarTooltip {
  margin: -6px -14px;
}
.dashboard_widgetCalendarTooltipEvent {
  transition: all 0.25s;
  display: block;
  padding: 10px 15px;
  font-size: 12px;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
}
.dashboard_widgetCalendarTooltipEvent:hover {
  background: rgba(255, 255, 255, 0.05);
}
.dashboard_widgetCalendarTooltipEvent:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dashboard_widgetCalendarTooltipEvent span {
  display: block;
  color: #aaa;
}
.dashboard_widgetTasksIcon {
  float: left;
  width: 40px;
  height: 40px;
  background: #fff url(/img/icons/12/checkmark_aaaaaa.svg) 50% 50% no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-radius: 50%;
  margin: 10px 10px 0 0;
}
.dashboard_widgetMessageUnread:before {
  float: left;
  content: "";
  width: 6px;
  height: 6px;
  background: #3296fa;
  border-radius: 50%;
  margin: 18px 7px 0 0;
}
.dashboard_widgetOwnProfileTable {
  display: table;
  width: calc(100% - 50px);
  margin: 10px 25px 25px 25px;
}
.dashboard_widgetOwnProfileTableRow {
  display: table-row;
}
.dashboard_widgetOwnProfileTableCell {
  display: table-cell;
  vertical-align: top;
  min-width: 140px;
  padding-top: 5px;
}
.dashboard_widgetOwnProfileTableCell:first-child {
  padding-right: 15px;
  text-align: right;
  font-size: 12px;
  color: #666;
}
.dashboard_widgetOwnProfileTableCell .avatar {
  display: inline-block;
  vertical-align: top;
  float: none;
  margin: 0px;
}
.dashboard_widgetOwnProfileTableCell .button {
  margin-bottom: 20px;
}
.dashboard_widgetOwnProfileTableCell strong {
  display: block;
  margin-bottom: 5px;
}
.dashboard_widgetFeedbackIcon {
  position: relative;
  background: #DDEEFF url(/img/icons/12/heart_3296fa.svg) 50% 50% no-repeat;
  background-size: 18px;
}
.dashboard_widgetFeedbackIcon:not(.d40) {
  background-size: 12px;
}
.dashboard_widgetFeedbackIcon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 10%) inset;
  border-radius: 50%;
}
.dashboard_createElements {
  margin: -8px -8px -7px -7px;
}
.dashboard_createElement {
  transition: all 0.25s;
  float: left;
  display: block;
  width: calc(25% - 15px);
  padding: 25px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  box-shadow: 0 0 0 1px #ddd inset;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 8px 8px 7px 7px;
}
.dashboard_createElement.large {
  width: calc(50% - 15px);
  padding: 25px 25px 15px 25px;
}
.dashboard_createElement:hover {
  color: #3296fa;
  box-shadow: 0 0 0 2px #3296fa inset;
}
.dashboard_createElement img {
  float: left;
  width: 36px;
  margin: 0 -50% 10px 50%;
  transform: translate(-50%, 0);
}
.dashboard_createElement.large img {
  width: auto;
  margin-bottom: 15px;
}
.dashboard_createElement span {
  float: left;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard_criterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.dashboard_criteria {
  padding-top: 5px;
}
.dashboard_criteriaQuestion,
.dashboard_criteriaOption {
  float: left;
  width: 35%;
}
.dashboard_criteriaQuestion {
  margin-right: 5px;
}
.dashboard_criteriaOption {
  margin-left: 5px;
}
.dashboard_criteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.dashboard_criteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.dashboard_criteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.dashboard_criteriaActions .button {
  margin-left: 5px;
}
.dashboard_criteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .dashboard_criteriaSort {
  cursor: grabbing;
}
.disableSort .dashboard_criteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.dashboard_criteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.dashboard_criteriaSort span:before,
.dashboard_criteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.dashboard_criteriaSort:hover span,
.dashboard_criteriaSort:hover span:before,
.dashboard_criteriaSort:hover span:after,
.ui-sortable-helper .dashboard_criteriaSort span,
.ui-sortable-helper .dashboard_criteriaSort span:before,
.ui-sortable-helper .dashboard_criteriaSort span:after {
  background: #3296fa;
}
.dashboard_criteriaSort span:after {
  top: 6px;
}
.dashboard_colorpicker {
  transition: all 0.25s;
  float: left;
  width: 24px;
  height: 24px;
  background: #aaa;
  box-shadow: 0 0 0 2px #fff inset;
  border-radius: 50%;
  border: 2px solid #eee;
  margin-right: 5px;
  cursor: pointer;
}
.dashboard_colorpicker.active {
  border-color: #3296fa;
}

/* apps/shared-assets/css/platform_reports.css */
.reports_topRight {
  float: right;
}
.reports_topRight .circlebutton {
  float: left;
  margin-left: 15px;
}
.reports_menuHeadline {
  background: url(/img/icons/12/silhouettes_3296fa.svg) 25px 23px no-repeat;
  padding-left: 47px;
  font-weight: bold;
}
.reports_menuHolder {
  padding: 10px;
}
.reports_menuLink {
  transition: all 0.25s;
  display: block;
  padding: 7px 15px;
  text-decoration: none;
  color: #000;
  border-radius: 3px;
}
.reports_menuLink:hover {
  background: rgba(50, 150, 250, 0.05);
}
.reports_menuLink.active {
  background: rgba(50, 150, 250, 0.15);
  font-weight: bold;
  border-left: 3px solid #3296fa;
}
.reports_infoboxes {
  display: flex;
  flex-direction: columns;
  margin-top: 10px;
}
.reports_infoboxes .contentbox {
  height: 100%;
  padding: 20px 25px;
}
.reports_infoboxes .platform_content_holder.ui-sortable-helper .contentbox {
  height: auto;
}
.reports_infoboxes.ui-sortable .boxlink {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.reports_infoboxes.ui-sortable .boxlink:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.reports_infoboxes strong {
  float: left;
  width: 100%;
  background-position: 0 2px;
  background-repeat: no-repeat;
  padding-left: 22px;
  color: #666;
  box-sizing: border-box;
}
.reports_infoboxes .headline {
  padding-left: 22px;
}
.advTable {
  margin-top: 10px;
}
.smartTable {
  overflow: hidden !important;
}
.smartTable .switch {
  margin: 15px 15px 0 0;
  z-index: 1;
}
.reports_chart {
  margin-top: 10px;
}
.reports_chartTitle {
  padding: 20px 25px 0 25px;
  overflow: hidden;
  margin-bottom: -5px;
}
.reports_chartTitleText {
  padding-right: 25px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow: hidden;
}
.reports_chartTitle .selectbuttons {
  float: right;
  box-shadow: none;
  overflow: hidden;
}
.reports_chartBar {
  position: relative;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin: 25px;
}
.reports_chartBarHolder {
  position: relative;
  height: 350px;
}
.reports_chartPipeline {
  position: relative;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin: 25px;
}
.reports_chartPipelineElement {
  height: 60px;
  overflow: hidden;
}
.reports_chartPipelineElement:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.reports_chartPipelineElementLogo {
  position: relative;
  float: left;
  height: 40px;
  width: 100px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 10px 0 0 25px;
}
.reports_chartPipelineElementLogo.none {
  height: 30px;
  background: #fafafa;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 15px 0 0 25px;
}
.reports_chartPipelineElementLogo img {
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.reports_chartPipelineElementPipeline {
  float: right;
  display: flex;
  width: calc(100% - 187px);
  height: 20px;
  margin: 20px 21px 0 0;
}
.reports_chartPipelineElementPipelineStage {
  position: relative;
  flex-grow: 2;
}
.reports_chartPipelineElementPipelineStage:first-child,
.reports_chartPipelineElementPipelineStage:last-child {
  flex-grow: 1;
}
.reports_chartPipelineElementPipelineStage:before,
.reports_chartPipelineElementPipelineStage:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 51%;
  height: 2px;
  background: #ddd;
  overflow: hidden;
}
.reports_chartPipelineElementPipelineStage:after {
  left: 50%;
}
.reports_chartPipelineElementPipelineStage:first-child:before,
.reports_chartPipelineElementPipelineStage:last-child:after {
  display: none;
}
.reports_chartPipelineElementPipelineStage:last-child:before {
  width: calc(100% - 10px);
}
.reports_chartPipelineElementPipelineStage:first-child:after {
  left: 10px;
  width: calc(100% - 10px);
}
.reports_chartPipelineElementPipelineStage.past:before,
.reports_chartPipelineElementPipelineStage.past:after,
.reports_chartPipelineElementPipelineStage.end:before {
  background: #3296fa;
}
.reports_chartPipelineElementPipeline.hired .reports_chartPipelineElementPipelineStage.past:before,
.reports_chartPipelineElementPipeline.hired .reports_chartPipelineElementPipelineStage.past:after,
.reports_chartPipelineElementPipeline.hired .reports_chartPipelineElementPipelineStage.end:before {
  background: #64c84b;
}
.reports_chartPipelineElementPipelineStage span {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 50%;
  height: 20px;
  min-width: 20px;
  background: #3296fa;
  padding: 0 6px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 21px;
  border-radius: 10px;
  box-sizing: border-box;
  overflow: hidden;
  transform: translate(-50%, 0);
  z-index: 1;
  cursor: pointer;
}
.reports_chartPipelineElementPipeline.hired .reports_chartPipelineElementPipelineStage span {
  background: #64c84b;
}
.reports_chartPipelineElementPipelineStage.none span {
  top: 4px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  background: #fff !important;
  padding: 0;
  border: 2px solid #ddd;
  border-radius: 50%;
}
.reports_chartPipelineElementPipelineStage.past span {
  border-color: #3296fa;
}
.reports_chartPipelineElementPipeline.hired .reports_chartPipelineElementPipelineStage.past span {
  border-color: #64c84b;
}
.reports_chartPipelineElementPipelineStage:first-child span {
  left: 0;
  transform: translate(0, 0);
}
.reports_chartPipelineElementPipelineStage.none:first-child span {
  left: 4px;
}
.reports_chartPipelineElementPipelineStage:last-child span {
  left: inherit;
  right: 0;
  transform: translate(0, 0);
}
.reports_chartPipelineElementPipelineStage.none:last-child span {
  right: 4px;
}
.reports_settingsListRight {
  float: right;
  margin-right: 5px;
}
.reports_settingsListRight .circlebutton {
  float: left;
  margin: 10px 10px 0 0;
  z-index: 1;
}
.reports_settingsListRight .circlebutton.disabled {
  background: #eee;
  opacity: 0.4;
}
.reports_editButtons {
  background: #fff;
  padding: 25px;
  border-top: 1px solid #e5e5e5;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin: 25px -25px -25px -25px;
}
body:not(.editReport) .editReportShow {
  display: none !important;
}
.editReport .editReportHide {
  display: none !important;
}
.editReport .platform_content_filterLeft {
  margin-left: -360px !important;
}
.editReport .platform_content_filterLeftToggle {
  display: none !important;
}
.editReport .platform_content_filterContent {
  margin-left: 0 !important;
}
.editReport .platform_content_sectionheader {
  transition: all 0.25s;
  background: #3296fa;
}
.editReport .platform_content_sectionheaderHeadline {
  transition: all 0.25s;
  color: #fff;
}
.editReport .platform_content_sectionheaderHeadline span:empty:after {
  content: attr(placeholder);
  color: rgba(255, 255, 255, 0.5);
}
.editReport .platform_content_sectionheader .infoicon {
  display: none;
}
.editReport .reports_topRight .circlebutton {
  border-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.platform_content_filterContent .langselector {
  transition: height 0.25s;
  background: #fff;
  margin: -17px -17px 0 -18px;
}
body:not(.editReport) .platform_content_filterContent .langselector {
  height: 0px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-width: 0 !important;
  margin-top: 0 !important;
}
.editReport .editReportBox {
  transition:
    all 0.25s,
    top 0s,
    left 0s,
    width 0s;
  width: calc(100% - 15px);
  background: #fafafa;
  padding: 17px 17px 18px 18px;
  margin: 25px 8px 7px 7px;
}
.editReport .editReportSortables .editReportBox {
  padding-left: 93px;
}
.editReport .editReportBox.ui-sortable-helper {
  left: 18px !important;
  border-color: #3296fa;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15), 0 0 0 1px #3296fa;
}
.editReport .editReportBox.ui-sortable-placeholder {
  visibility: visible !important;
  background: #ddd;
  padding: 18px 18px 19px 19px;
  border: 0px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
body:not(.editReport) .editReportBox {
  background: none !important;
  padding: 0px !important;
  border-width: 0px !important;
  margin: 0px !important;
  box-shadow: none !important;
}
.editReport .reports_infoboxes,
.editReport .reports_chart,
.editReport .advTable {
  margin-top: 0px;
}
.editReportBoxHandle {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  overflow: hidden;
  border-right: 0px solid #e5e5e5;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  cursor: move;
  cursor: grab;
}
.editReport .editReportBoxHandle {
  width: 74px;
  border-width: 1px;
}
.ui-sortable-helper .editReportBoxHandle {
  cursor: grabbing;
}
.editReportBoxHandle span {
  transition: all 0.25s;
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 12px);
  width: 24px;
  height: 2px;
  background: #ccc;
  border-radius: 1px;
}
.editReportBoxHandle span:before,
.editReportBoxHandle span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 24px;
  height: 2px;
  background: #ccc;
  border-radius: 1px;
}
.editReportBoxHandle:hover span,
.editReportBoxHandle:hover span:before,
.editReportBoxHandle:hover span:after,
.ui-sortable-helper .editReportBoxHandle span,
.ui-sortable-helper .editReportBoxHandle span:before,
.ui-sortable-helper .editReportBoxHandle span:after {
  background: #3296fa;
}
.editReportBoxHandle span:after {
  top: 10px;
}
body:not(.editReport) .editReportBoxSettings {
  display: none !important;
}
.editReportBoxSettings .contentbox {
  border: 2px solid #3296fa;
}
body:not(.editReport) .hoverdelete,
.ui-sortable-helper .hoverdelete {
  display: none !important;
}
body:not(.editReport) .editReportBoxlink {
  transition: all 0.25s;
  display: none !important;
}
.editReport .editReportBoxlink {
  transition: all 0.25s;
  display: absolute;
  background: rgba(50, 150, 250, 0);
  box-shadow: 0 0 0 1px rgba(50, 150, 250, 0) inset;
  border-radius: 3px;
  z-index: 50;
}
.editReport .editReportBoxlink:hover {
  background: rgba(50, 150, 250, 0.05);
  box-shadow: 0 0 0 1px rgba(50, 150, 250, 0.5) inset;
}
.editReport .editReportBoxlink.active {
  background: rgba(50, 150, 250, 0.1);
  box-shadow: 0 0 0 2px rgba(50, 150, 250, 1) inset;
}
body:not(.editReport) .editReportTileAdd {
  display: none !important;
}
.editReport .editReportTileAdd .boxlink {
  transition: all 0.25s;
  background: rgba(100, 200, 75, 0.05) url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  background-size: 24px;
  box-shadow: 0 0 0 1px rgba(100, 200, 75, 0.5);
  border-radius: 2px;
}
.editReport .editReportTileAdd .boxlink:hover {
  background-color: rgba(100, 200, 75, 0.1);
  background-size: 24px;
  box-shadow: 0 0 0 1px rgba(100, 200, 75, 1) inset, 0 0 0 1px rgba(100, 200, 75, 1);
}
.reports_editCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.reports_editCriteria {
  padding-top: 5px;
}
.reports_editCriteriaQuestion,
.reports_editCriteriaOption {
  float: left;
  width: 35%;
}
.reports_editCriteriaQuestion {
  margin-right: 5px;
}
.reports_editCriteriaOption {
  margin-left: 5px;
}
.reports_editCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.reports_editCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.reports_editCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.reports_editCriteriaActions .button {
  margin-left: 5px;
}
.reports_editCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .reports_editCriteriaSort {
  cursor: grabbing;
}
.disableSort .reports_editCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.reports_editCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.reports_editCriteriaSort span:before,
.reports_editCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.reports_editCriteriaSort:hover span,
.reports_editCriteriaSort:hover span:before,
.reports_editCriteriaSort:hover span:after,
.ui-sortable-helper .reports_editCriteriaSort span,
.ui-sortable-helper .reports_editCriteriaSort span:before,
.ui-sortable-helper .reports_editCriteriaSort span:after {
  background: #3296fa;
}
.reports_editCriteriaSort span:after {
  top: 6px;
}
.reports_editPillarColor {
  transition: all 0.25s;
  float: left;
  width: 24px;
  height: 24px;
  background: #aaa;
  box-shadow: 0 0 0 2px #fff inset;
  border-radius: 50%;
  border: 2px solid #eee;
  margin-right: 5px;
  cursor: pointer;
}
.reports_editPillarColor.active {
  border-color: #3296fa;
}

/* apps/shared-assets/css/platform_recruitment_jobs.css */
.jobs_overviewButtonsLeft {
  float: left;
  margin-top: -34px;
}
.jobs_overviewButtonsLeft .button {
  margin-right: 15px;
}
.jobs_overviewButtonsRight {
  float: right;
  margin-top: -34px;
}
.jobs_overviewButtonsRight .button {
  margin-left: 15px;
}
.jobs_overviewCards {
  margin-top: 10px;
}
.jobs_overviewCard {
  float: left;
  width: 25%;
}
@media (min-width: 1896px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .jobs_overviewCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (min-width: 1431px) and (max-width: 1895px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .jobs_overviewCard {
    width: 33.333%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .jobs_overviewCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (max-width: 1430px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .jobs_overviewCard {
    width: 50%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .jobs_overviewCard:nth-child(2n+3) {
    clear: left;
  }
}
@media (min-width: 2156px) {
  body.activeFilterLeft .jobs_overviewCard:nth-child(4n+5),
  body.activeFilterRight .jobs_overviewCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (min-width: 1691px) and (max-width: 2155px) {
  body.activeFilterLeft .jobs_overviewCard,
  body.activeFilterRight .jobs_overviewCard {
    width: 33.333%;
  }
  body.activeFilterLeft .jobs_overviewCard:nth-child(3n+4),
  body.activeFilterRight .jobs_overviewCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (min-width: 1226px) and (max-width: 1690px) {
  body.activeFilterLeft .jobs_overviewCard,
  body.activeFilterRight .jobs_overviewCard {
    width: 50%;
  }
  body.activeFilterLeft .jobs_overviewCard:nth-child(2n+3),
  body.activeFilterRight .jobs_overviewCard:nth-child(2n+3) {
    clear: left;
  }
}
@media (max-width: 1225px) {
  body.activeFilterLeft .jobs_overviewCard,
  body.activeFilterRight .jobs_overviewCard {
    width: 100%;
  }
  body.activeFilterLeft .jobs_overviewCard:nth-child(n+2),
  body.activeFilterRight .jobs_overviewCard:nth-child(n+2) {
    clear: left;
  }
}
.jobs_overviewCard.active .contentbox {
  border-color: #0099ff;
}
.activeSelection .jobs_overviewCard .contentbox {
  cursor: pointer;
}
.activeSelection .jobs_overviewCard .contentbox:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(50, 150, 250, 0);
  border: none;
  border-radius: 2px;
  z-index: 20;
}
.activeSelection .jobs_overviewCard.active .contentbox:after {
  background: rgba(50, 150, 250, 0.01);
  border: 1px solid #0099ff;
}
.jobs_overviewCardHeader {
  padding: 0 25px;
  border-bottom: 1px solid #eee;
}
.jobs_overviewCard .checkbox {
  transition: all 0.25s;
  position: absolute;
  top: 23px;
  left: 15px;
  opacity: 0;
}
.jobs_overviewCard:hover .checkbox,
.activeSelection .checkbox {
  opacity: 1;
}
.activeSelection .jobs_overviewCard:hover .checkbox {
  border-color: #0099ff;
}
.jobs_overviewCardStage {
  transition: all 0.25s;
  display: block;
  float: right;
  height: 20px;
  padding: 0 10px;
  line-height: 21px;
  text-decoration: none;
  font-size: 12px;
  color: #666;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-top: 20px;
}
.jobs_overviewCardStage:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.jobs_overviewCardStage:before,
.jobs_overviewListStage:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #fff;
  box-sizing: border-box;
  border-radius: 50%;
  margin: 7px 7px 0 -3px;
}
.jobs_overviewListStage:before {
  margin: 22px 10px 0 0;
}
.jobs_overviewCardStage.draft:before,
.jobs_overviewListStage.draft:before {
  border: 1px solid #aaa;
}
.jobs_overviewCardStage.promoted:before,
.jobs_overviewListStage.promoted:before {
  background: #64C84B;
}
.jobs_overviewCardStage.unpublished:before,
.jobs_overviewListStage.unpublished:before {
  background: #3296FA;
}
.jobs_overviewCardHeader .headline {
  transition: all 0.25s;
  height: 62px;
  padding-right: 15px;
  line-height: 63px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jobs_overviewCard:hover .jobs_overviewCardHeader .headline,
.activeSelection .jobs_overviewCardHeader .headline {
  padding-left: 16px;
}
.jobs_overviewCardHeader .headline a {
  transition: all 0.25s;
  display: inline-block;
  background: url(/img/icons/14/next_aaaaaa.svg) 100% calc(50% - 1px) no-repeat;
  background-size: 0;
  text-decoration: none;
  color: #000;
}
.jobs_overviewCardHeader .headline a:hover {
  background-size: 14px;
  padding-right: 19px;
}
.jobs_overviewCardSubheader {
  position: relative;
  padding: 15px 25px;
}
.jobs_overviewCardStageProgress {
  transition: all 0.5s ease-in;
  animation: stageProgress 0.5s ease-in;
  position: absolute;
  top: -2px;
  left: 0;
  height: 3px;
  background: rgb(50, 150, 250);
}
@keyframes stageProgress {
  0% {
    max-width: 0;
  }
  100% {
    max-width: 100%;
  }
}
.jobs_overviewCardStageBall {
  float: left;
  min-width: 30px;
  height: 30px;
  background: rgb(50, 150, 250);
  padding: 0 8px;
  line-height: 31px;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  border-radius: 15px;
  box-sizing: border-box;
  margin-right: 5px;
}
.jobs_overviewCardStageBall.awaits {
  animation: awaitsRotation 4s infinite;
  background-image: url(/img/icons/12/update_ffffff.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@keyframes awaitsRotation {
  0% {
    transform: rotate(0deg) scale(1);
  }
  5% {
    transform: rotate(-90deg) scale(0.75);
  }
  25% {
    transform: rotate(360deg) scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.jobs_overviewCardStageBall.needed {
  animation: neededAni 4s infinite;
  background-color: #F54B4B;
  background-image: url(/img/icons/12/bell_ffffff.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@keyframes neededAni {
  0% {
    transform: rotate(0deg) scale(1);
  }
  5% {
    transform: rotate(-90deg) scale(0.75);
  }
  10% {
    transform: rotate(45deg) scale(1);
  }
  15% {
    transform: rotate(-35deg) scale(1);
  }
  20% {
    transform: rotate(25deg) scale(1);
  }
  25% {
    transform: rotate(-15deg) scale(1);
  }
  30% {
    transform: rotate(0deg) scale(1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
.jobs_overviewCardStageBall.rejected {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/delete_ffffff.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.jobs_overviewCardStageInfo {
  display: flex;
  justify-content: center;
  flex-direction: column;
  float: left;
  padding: 2px 0;
  min-height: 26px;
  line-height: 13px;
  font-size: 12px;
  font-weight: 300;
  color: #999;
}
.jobs_overviewCardRecruiters {
  transition: all 0.25s;
  float: right;
  display: block;
  height: 30px;
  overflow: hidden;
  opacity: 0.5;
  margin-right: -2px;
}
.jobs_overviewCardRecruiters:hover {
  opacity: 1;
}
.jobs_overviewCardRecruiters .avatar {
  position: relative;
  border: 2px solid #fff;
  margin: -2px 0 0 -7px;
}
.jobs_overviewCardRecruiters .avatar:first-child {
  margin-left: 0;
}
.jobs_overviewCardRecruiters .avatar:nth-child(1) {
  z-index: 6;
}
.jobs_overviewCardRecruiters .avatar:nth-child(2) {
  z-index: 5;
}
.jobs_overviewCardRecruiters .avatar:nth-child(3) {
  z-index: 4;
}
.jobs_overviewCardRecruiters .avatar:nth-child(4) {
  z-index: 3;
}
.jobs_overviewCardRecruiters .avatar:nth-child(5) {
  z-index: 2;
}
.jobs_overviewCardRecruiters .avatar:nth-child(6) {
  z-index: 1;
}
.jobs_overviewCardInfo {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 69px;
  background: rgba(50, 150, 250, 0.05);
  border-top: 1px solid rgba(50, 150, 250, 0.1);
  border-bottom: 1px solid rgba(50, 150, 250, 0.1);
  box-sizing: border-box;
}
.jobs_overviewCardInfo.error {
  background: rgba(245, 75, 75, 0.05);
  border-top: 1px solid rgba(245, 75, 75, 0.1);
  border-bottom: 1px solid rgba(245, 75, 75, 0.1);
}
.jobs_overviewCardInfo.success {
  background: rgba(100, 200, 75, 0.05);
  border-top: 1px solid rgba(100, 200, 75, 0.1);
  border-bottom: 1px solid rgba(100, 200, 75, 0.1);
}
.jobs_overviewCardInfoText {
  display: table-cell;
  height: 67px;
  padding: 0 25px;
  vertical-align: middle;
  text-align: center;
  font-style: italic;
  color: #333;
}
.jobs_overviewCardInfo.error .jobs_overviewCardInfoText {
  color: rgb(245, 75, 75);
}
.jobs_overviewCardInfoLink {
  position: relative;
  width: 100%;
  height: 0;
}
.jobs_overviewCardInfoLink a {
  transition: all 0.25s;
  position: absolute;
  top: -68px;
  width: 100%;
  height: 67px;
}
.jobs_overviewCardInfoLink a:hover {
  background: rgba(0, 0, 0, 0.005);
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.jobs_overviewCardInfoStats {
  display: table-cell;
  padding: 0 15px;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid rgba(50, 150, 250, 0.2);
  overflow: hidden;
}
.jobs_overviewCardInfo.success .jobs_overviewCardInfoStats {
  border-color: rgba(100, 200, 75, 0.2);
}
.jobs_overviewCardInfoStats:last-child {
  border: 0;
}
.jobs_overviewCardInfoStats span {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jobs_overviewCardInfoStats span:first-of-type {
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  line-height: 12px;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0;
}
.jobs_overviewCardInfoStats span:last-child {
  line-height: 24px;
  font-size: 24px;
  font-weight: 300;
}
.jobs_overviewCardInfoStats span img {
  display: inline-block;
  vertical-align: top;
  padding: 5px 0 0 5px;
}
.jobs_overviewCardInfoStats div {
  position: relative;
}
.jobs_overviewCardInfoStats div a {
  transition: all 0.25s;
  position: absolute;
  top: -10px;
  left: -15px;
  width: calc(100% + 30px);
  height: 67px;
  z-index: 1;
}
.jobs_overviewCardInfoStats div a:hover {
  background: rgba(50, 150, 250, 0.05);
  box-shadow: 0 -2px 0 0 rgb(50, 150, 250) inset;
}
.jobs_overviewCardData {
  position: relative;
  float: left;
  width: 100%;
  min-height: 25px;
  padding: 12px 25px 13px;
  box-sizing: border-box;
}
.jobs_overviewCardDataElement {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.jobs_overviewCardDataElement:first-child {
  padding-top: 10px;
}
.jobs_overviewCardDataElement:last-of-type {
  padding-bottom: 10px;
}
.jobs_overviewCardDataTitle,
.jobs_overviewCardDataInfo {
  padding: 3px 0 2px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jobs_overviewCardDataTitle {
  float: left;
  width: 40%;
  padding-right: 15px;
  text-align: right;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #999;
  box-sizing: border-box;
}
.jobs_overviewCardDataInfo {
  float: right;
  width: 60%;
}
.jobs_overviewCardData .boxlink {
  transition: all 0.25s;
}
.jobs_overviewCardData .boxlink:hover {
  background: rgba(255, 255, 0, 0.05);
}
.jobs_overviewList {
  height: calc(100vh - 265px);
  margin-top: 10px;
}
.jobs_overviewListColumnComments {
  width: 50px;
  padding: 0;
}
.jobs_overviewListColumnComments .jobs_overviewComments {
  margin: 10px 5px;
}
.jobs_editTabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fafafa;
  box-sizing: border-box;
}
.jobs_editTabsTab {
  display: table-cell;
  vertical-align: top;
  line-height: 0;
  font-size: 0;
  border-right: 1px solid #ddd;
}
.jobs_editTabsTab:last-child {
  border-right: 0;
}
.jobs_editTabs a {
  transition: all 0.25s;
  position: relative;
  display: block;
  padding: 20px;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  text-overflow: ellipsis;
  height: 31px;
  overflow: hidden;
  box-shadow: 0 -1px 0 #ddd inset;
}
.jobs_editTabs a.active {
  background: #fff;
  box-shadow: 0 -3px 0 rgb(50, 150, 250) inset;
}
.jobs_editTabs a:before {
  transition: background-color 0.25s;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #aaa;
  border-radius: 50%;
}
.jobs_editTabs a.done:not(.active):before {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.jobs_editTabs a:hover:before {
  background-color: #666;
}
.jobs_editTabs a.active:before {
  background-color: rgb(50, 150, 250);
}
.jobs_editTabs a img {
  display: inline-block;
  margin: 9px 21px 9px -21px;
}
.jobs_editTabs a.done:not(.active) img {
  visibility: hidden;
}
.jobs_editTabs a span {
  transition: all 0.25s;
  display: inline-block;
  height: 30px;
  line-height: 31px;
  font-weight: bold;
  font-size: 14px;
  color: #999;
  overflow: hidden;
}
.jobs_editTabs a:hover span,
.jobs_editTabs a.active span {
  color: #000;
}
.jobs_editButtons {
  display: none;
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
  height: 70px;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  z-index: 10;
}
.jobs_editButtons.active {
  display: block;
}
.jobs_editButtonsList {
  float: right;
  margin: 15px 20px 0 0;
}
.jobs_editButtonsList .button {
  margin-right: 5px;
}
.jobs_editLanguages {
  height: 40px;
  padding: 15px 25px;
  white-space: nowrap;
  line-height: 0;
  text-align: left;
  font-size: 0;
  overflow: auto;
}
.jobs_editLanguagesLang {
  transition: all 0.25s;
  position: relative;
  display: inline-block;
  height: 40px;
  padding-right: 35px;
  line-height: 41px;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  cursor: pointer;
}
.jobs_editLanguagesLang:hover span {
  border-bottom: 1px solid #aaa;
}
.jobs_editLanguagesLang.active span {
  color: rgb(50, 150, 250);
  border-bottom: 1px solid rgb(50, 150, 250);
}
.jobs_editLanguagesLang img {
  float: left;
  margin: 10px 10px 0 0;
}
.jobs_editLanguagesDelete {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 15px;
  width: 12px;
  height: 12px;
  background: url(/img/icons/12/close_aaaaaa.svg) 50% 50% no-repeat;
  overflow: hidden;
  opacity: 0;
}
.jobs_editLanguagesLang:hover .jobs_editLanguagesDelete {
  opacity: 0.5;
}
.jobs_editLanguagesDelete:hover {
  opacity: 1 !important;
}
.jobs_editLanguagesAdd {
  transition: all 0.25s;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  vertical-align: top;
  margin-top: 10px;
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #ddd;
  opacity: 0.5;
}
.jobs_editButtons:hover .jobs_editLanguagesAdd {
  opacity: 1;
}
.jobs_editLanguagesAdd:hover {
  border: 1px solid #64c84b;
}
.jobs_editLanguagesAddList {
  margin: -6px -14px;
}
.jobs_editLanguagesAddList a {
  transition: all 0.25s;
  display: block;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 0 40px;
  text-decoration: none;
  line-height: 40px;
  color: #fff;
}
.jobs_editLanguagesAddList a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.jobs_editContent {
  display: none;
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
  height: calc(100% - 71px);
  padding-top: 71px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.jobs_editContent.active {
  display: block;
}
.popup:not(.multipleAds) .jobs_editSingleAdHide {
  display: none;
}
.jobs_editAdLeft {
  float: left;
  margin-bottom: 15px;
}
.jobs_editAdLeft .headline {
  float: left;
}
.jobs_editAdMultiple {
  float: left;
  margin: 5px 0 0 25px;
}
.jobs_editAdAdd,
.jobs_editAdDelete,
.jobs_editAdDefault {
  transition: all 0.25s;
  float: left;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin: 3px 0 0 15px;
}
.jobs_editAdAdd:hover {
  border-color: #64c84b;
}
.jobs_editAdDefault {
  background-image: url(/img/icons/12/checkmark_aaaaaa.svg);
  margin: 3px -10px 0 15px;
}
.jobs_editAdDefault:hover {
  border-color: #aaa;
}
.jobs_editAdDefault.active {
  background-color: #3296fa;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
  border-color: #3296fa;
}
.jobs_editAdDelete {
  background-image: url(/img/icons/12/trash_aaaaaa.svg);
  margin: 3px -10px 0 15px;
}
.jobs_editAdDelete:hover {
  border-color: #aaa;
}
.jobs_editAdRight {
  float: right;
  margin-top: 5px;
  margin-bottom: 15px;
}
.jobs_editAdTemplate,
.jobs_editAdLayout {
  float: left !important;
  margin-right: 25px;
}
.jobs_editAdMultiple .dropdown_title,
.jobs_editAdTemplate .dropdown_title,
.jobs_editAdLayout .dropdown_title {
  max-width: 180px;
}
.jobs_editAdFullscreen {
  transition: all 0.25s;
  float: left;
  display: block;
  height: 20px;
  background: #ccc url(/img/icons/12/fullscreen_ffffff.svg) 4px 4px no-repeat;
  padding: 0 6px 0 22px;
  line-height: 20px;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  border-radius: 2px;
  margin-top: -2px;
}
.popup.fullscreenExtra .jobs_editAdFullscreen {
  background-color: #f54b4b;
  background-image: url(/img/icons/12/fullscreen_close_ffffff.svg);
}
.jobs_editAdFullscreen:hover,
.popup.fullscreenExtra .jobs_editAdFullscreen:hover {
  background-color: #3296fa;
}
.popup.fullscreenExtra .jobs_editAdFullscreenHide,
.popup:not(.fullscreenExtra) .actions .fullscreen,
.popup.fullscreenExtra .actions .close {
  display: none;
}
.popup.fullscreenExtra .jobs_editButtons,
.popup.fullscreenExtra .jobs_editContent {
  top: 0;
}
.popup.fullscreenExtra .jobs_editContent {
  height: 100%;
}
.popup.fullscreenExtra .richtexteditor .editor {
  height: calc(100vh - 263px) !important;
}
.popup.fullscreenExtra.multipleAds .richtexteditor .editor {
  height: calc(100vh - 318px) !important;
}
.popup.fullscreenExtra .contentPadding {
  border: 0 !important;
}
.jobs_editJobTitle {
  height: 50px;
}
.jobs_editJobTitle input {
  height: 48px;
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
}
.jobs_editSecSplit .jobs_editSecSplitColumn:nth-child(2n+1) {
  float: left;
  width: calc(50% - 8px);
  margin-top: 15px;
}
.jobs_editSecSplit .jobs_editSecSplitColumn:nth-child(2n+2) {
  float: right;
  width: calc(50% - 7px);
  margin-top: 15px;
}
.jobs_editDeadline .input:nth-child(2n+1) {
  float: left;
  width: 100%;
}
.jobs_editDeadline.active .input:nth-child(2n+1) {
  width: calc(65% - 5px);
}
.jobs_editDeadline .input:nth-child(2n+2) {
  transition: all 0.15s;
  float: right;
  width: 0;
  overflow: hidden;
}
.jobs_editDeadline:not(.active) .input:nth-child(2n+2) {
  padding: 0;
  border-width: 0;
}
.jobs_editDeadline.active .input:nth-child(2n+2) {
  transition: all 0.25s;
  width: calc(35%);
}
.jobs_editDeadline .switch {
  margin: 9px;
}
.jobs_editPipelineHolder {
  height: 40px;
  overflow: hidden;
  margin: 10px 0;
  border-radius: 3px;
  border: 1px solid #ddd;
  cursor: not-allowed;
}
.jobs_editPipeline {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 40px;
}
.jobs_editPipelineStage {
  display: table-cell;
  line-height: 0;
  font-size: 0;
}
.jobs_editPipelineStage > div {
  transition: all 0.25s;
  display: block;
  position: relative;
  height: 40px;
  background: #f9f9f9;
  line-height: 41px;
  padding: 0 15px 0 30px;
  font-size: 12px;
  text-transform: uppercase;
}
.jobs_editPipelineStage:first-child > div {
  padding-left: 25px;
}
.jobs_editPipelineStage:last-child > div {
  padding-right: 25px;
}
.jobs_editPipelineStage > div:before,
.jobs_editPipelineStage > div:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -30px;
  right: -10px;
  border-left: 20px solid #e5e5e5;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 1;
}
.jobs_editPipelineStage > div:after {
  border-left-color: #f9f9f9;
  right: -9px;
}
.jobs_editPipelineStage:last-child > div:before,
.jobs_editPipelineStage:last-child > div:after {
  display: none;
}
.jobs_editPipelineStage div div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jobs_editCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.jobs_editCriteria {
  padding-top: 5px;
}
.jobs_editCriteriaQuestion,
.jobs_editCriteriaOption {
  float: left;
  width: 35%;
}
.jobs_editCriteriaQuestion {
  margin-right: 5px;
}
.jobs_editCriteriaOption {
  margin-left: 5px;
}
.jobs_editCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.jobs_editCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.jobs_editCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.jobs_editCriteriaActions .button {
  margin-left: 5px;
}
.jobs_editCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .jobs_editCriteriaSort {
  cursor: grabbing;
}
.disableSort .jobs_editCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.jobs_editCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.jobs_editCriteriaSort span:before,
.jobs_editCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.jobs_editCriteriaSort:hover span,
.jobs_editCriteriaSort:hover span:before,
.jobs_editCriteriaSort:hover span:after,
.ui-sortable-helper .jobs_editCriteriaSort span,
.ui-sortable-helper .jobs_editCriteriaSort span:before,
.ui-sortable-helper .jobs_editCriteriaSort span:after {
  background: #3296fa;
}
.jobs_editCriteriaSort span:after {
  top: 6px;
}
.editSection_form {
  overflow: visible;
}
.editSection_form .forms_window {
  margin: 0;
  height: 100%;
}
.editSection_form .forms_previewBanner {
  top: 141px;
  right: 55px;
  z-index: 2;
}
@media (max-width: 1200px), (max-height: 800px) {
  .editSection_form .forms_previewBanner {
    right: 70px;
  }
}
.editSection_form .selectbutton span {
  padding: 0 10px;
}
.jobs_overviewComments {
  transition: all 0.25s;
  position: relative;
  float: right;
  width: 40px;
  height: 30px;
  background: url(/img/icons/24/chat_aaaaaa.svg) 50% 50% no-repeat;
  cursor: pointer;
  margin: 15px -8px 0 7px;
  opacity: 0.5;
}
.jobs_overviewComments:hover {
  opacity: 1;
}
.jobs_overviewComments.active {
  background-image: url(/img/icons/24/chat_3296fa.svg);
  opacity: 1;
}
.jobs_overviewComments div {
  transition: all 0.25s;
  position: absolute;
  top: 2px;
  right: 23px;
  height: 11px;
  min-width: 6px;
  background: #f54b4b;
  padding: 0 2px;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #fff;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 3px;
}
.jobs_tooltipComments {
  width: 480px;
  margin: -6px -14px;
}
.jobs_tooltipCommentsWrite {
  padding: 15px;
}
.jobs_tooltipCommentsWrite .textarea {
  float: right;
  width: calc(100% - 50px);
  background: #222;
  border-color: #444;
}
.jobs_tooltipCommentsWrite .textarea .contentEditable {
  color: #fff;
}
.jobs_tooltipCommentsWrite .textarea .contentHidden_content {
  border-color: #444;
}
.jobs_tooltipComment {
  width: 450px;
  padding: 15px;
  line-height: 16px;
  font-size: 12px;
}
.jobs_tooltipComment:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.jobs_tooltipCommentName {
  font-size: 14px;
  font-weight: bold;
  float: right;
  width: calc(100% - 50px);
  margin: 2px 0 5px 0;
}
.jobs_tooltipCommentName span {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 10px;
}
.jobs_tooltipComment.unread .jobs_tooltipCommentName span {
  color: #f54b4b;
}
.jobs_tooltipCommentIcons {
  transition: all 0.25s;
  float: right;
  opacity: 0.25;
}
.jobs_tooltipComment:hover .jobs_tooltipCommentIcons {
  opacity: 1;
}
.jobs_tooltipCommentIcons img {
  float: left;
  margin-left: 10px;
}
.jobs_tooltipCommentText {
  float: right;
  width: calc(100% - 50px);
}
.jobs_overviewPipeline {
  transition: all 0.25s;
  position: relative;
  float: left;
  max-width: 100%;
  height: 20px;
  white-space: nowrap;
  font-size: 0px;
  overflow: hidden;
}
.advTableColumn .jobs_overviewPipeline {
  margin-top: 15px;
}
.jobs_overviewPipeline:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 10px;
  right: 10px;
  height: 2px;
  background: #ddd;
}
.jobs_overviewPipelineStage {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  background: #ddd;
  padding: 0 5px;
  text-align: center;
  font-size: 12px;
  color: #666;
  border-radius: 10px;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 5px;
}
.jobs_overviewPipelineStage.none {
  min-width: 12px;
  height: 12px;
  background: #fff;
  padding: 0;
  border: 2px solid #ddd;
  border-radius: 6px;
  margin: 4px 5px 0 0;
}
.jobs_overviewPipelineStage.sourced {
  background: #fff;
  color: #999;
  box-shadow: 0 0 0 2px #ddd inset;
}
.jobs_overviewPipelineStage.applied {
  background: #FFE980;
  color: #FF9100;
}
.jobs_overviewPipelineStage.hired {
  background: #D8F1D2;
  color: #64c84b;
  box-shadow: 0 0 0 2px rgba(100, 200, 75, 0.25) inset;
}
.jobs_overviewPipelineStage:last-child {
  margin-right: 0px !important;
}

/* apps/shared-assets/css/platform_recruitment_jobs_promote.css */
.promote_search {
  float: left;
  width: calc(50% - 8px);
  margin-right: 15px;
}
.promote_pricerange {
  float: left;
  width: calc(50% - 62px);
  padding: 9px;
  border-color: #ddd;
}
.promote_country {
  float: right;
  width: 40px;
  padding: 9px;
  border-color: #ddd;
  cursor: pointer;
}
.promote_country img {
  transition: all 0.25s;
  float: left;
  width: 20px;
  height: 20px;
}
.promote_country:hover img {
  transform: scale(0.8);
}
.promote_mediaCards {
}
.promote_mediaCard {
  float: left;
  width: 16.6666%;
}
@media (min-width: 1801px) {
  body:not(.activeFilterRight) .promote_mediaCard:nth-child(6n+7) {
    clear: left;
  }
}
@media (min-width: 1501px) and (max-width: 1800px) {
  body:not(.activeFilterRight) .promote_mediaCard {
    width: 20%;
  }
  body:not(.activeFilterRight) .promote_mediaCard:nth-child(5n+6) {
    clear: left;
  }
}
@media (min-width: 1201px) and (max-width: 1500px) {
  body:not(.activeFilterRight) .promote_mediaCard {
    width: 25%;
  }
  body:not(.activeFilterRight) .promote_mediaCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (max-width: 1200px) {
  body:not(.activeFilterRight) .promote_mediaCard {
    width: 33.3333%;
  }
  body:not(.activeFilterRight) .promote_mediaCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (min-width: 2161px) {
  body.activeFilterRight .promote_mediaCard:nth-child(6n+7) {
    clear: left;
  }
}
@media (min-width: 1861px) and (max-width: 2160px) {
  body.activeFilterRight .promote_mediaCard {
    width: 20%;
  }
  body.activeFilterRight .promote_mediaCard:nth-child(5n+6) {
    clear: left;
  }
}
@media (min-width: 1561px) and (max-width: 1860px) {
  body.activeFilterRight .promote_mediaCard {
    width: 25%;
  }
  body.activeFilterRight .promote_mediaCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (min-width: 1261px) and (max-width: 1560px) {
  body.activeFilterRight .promote_mediaCard {
    width: 33.3333%;
  }
  body.activeFilterRight .promote_mediaCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (max-width: 1260px) {
  body.activeFilterRight .promote_mediaCard {
    width: 50%;
  }
  body.activeFilterRight .promote_mediaCard:nth-child(2n+3) {
    clear: left;
  }
}
.promote_mediaCardHeader {
  border-bottom: 1px solid #eee;
}
.promote_mediaCardHeaderLogo {
  position: relative;
  height: 120px;
  padding: 0 25px;
  line-height: 121px;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.promote_mediaCardHeaderLogo img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 160px;
  max-height: 50px;
  transform: translate(-50%, -50%);
}
.promote_mediaCardInfo {
  padding: 25px 25px 10px 25px;
}
.promote_mediaCardInfo strong,
.promote_mediaCardInfoLink,
.promote_mediaCardInfoMore {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 5px;
}
.promote_mediaCardInfoLink,
.promote_mediaCardInfoMore {
  transition: all 0.25s;
  background: url(/img/icons/12/link_aaaaaa.svg) 0 50% no-repeat;
  text-decoration: none;
  padding-left: 17px;
  cursor: pointer;
}
.promote_mediaCardInfoMore {
  background-image: url(/img/icons/12/infosign_aaaaaa.svg);
}
.promote_mediaCardInfoMore {
  color: #999;
}
.promote_mediaCardInfoMore:hover {
  color: #000;
}
.promote_mediaCardInfoLink:hover {
  text-decoration: underline;
}
.promote_mediaCardInfoCountry {
  float: right;
  width: 16px;
  height: 16px;
  margin: 2px 5px 0 0;
}
.promote_mediaCardInfoPrice {
  float: right;
  height: 20px;
  background: #fafafa;
  padding: 0 6px;
  font-size: 12px;
  text-transform: uppercase;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #e5e5e5 inset;
}
.promote_mediaCardInfoPrice.free {
  background: rgba(100, 200, 75, 0.1);
  color: rgb(100, 200, 75);
  box-shadow: 0 0 0 1px rgba(100, 200, 75, 0.5) inset;
}
.promote_mediaCardInfoPrice span {
  display: inline-block;
  color: #999;
  margin-right: 5px;
}
.promote_mediaCardButton {
  padding: 0 25px 25px 25px;
}
.promote_mediaCardButton .button {
  width: 100%;
}
.promote_mediaCardButton .button span {
  float: left;
  max-width: calc(100% - 30px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}
.promote_mediaCardButton .slider {
  margin: 7px 0;
}
.platform_content_filterRight {
  padding-bottom: 155px;
}
.platform_content_filterRight .promote_mediaCardHeader,
.promote_checkoutCart .promote_mediaCardHeader {
  height: 90px;
  margin: -15px -15px 15px -15px;
}
.platform_content_filterRight .promote_mediaCardHeaderLogo,
.promote_checkoutCart .promote_mediaCardHeaderLogo {
  transform: scale(0.75);
  top: -15px;
}
.platform_content_filterBottom {
  min-height: 0;
  background-image: url(/img/icons/12/cart_down_ffffff.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0px;
}
.itemInCart .platform_content_filterBottom {
  animation: itemInCartBottom 1s;
}
@keyframes itemInCartBottom {
  50% {
    background-color: rgba(100, 200, 75, 0.85);
    background-size: 48px;
  }
}
.promote_cartTotal {
  background: #fff;
  padding: 0 15px;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
}
.itemInCart .promote_cartTotal {
  animation: itemInCartTotal 1s;
}
@keyframes itemInCartTotal {
  0%, 75% {
    opacity: 0;
  }
}
.promote_cartTotal .headline {
  height: 40px;
  line-height: 41px;
  overflow: hidden;
}
.promote_cartTotal .headline div {
  float: right;
}
.promote_cartTotal .headline div span {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 5px;
}
.platform_content_filterBottom .button {
  width: 100%;
  text-align: center;
}
.itemInCart .platform_content_filterBottom .button {
  animation: itemInCartButton 1s;
}
@keyframes itemInCartButton {
  0%, 75% {
    opacity: 0;
  }
}
.platform_content_filterBottom .button img {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.promote_checkout {
  background: #fafafa !important;
  overflow: hidden !important;
}
.promote_checkout .button.success {
  width: 100%;
  text-align: center;
}
.promote_checkoutLeft {
  transition: all 1s;
  position: absolute;
  top: 0;
  left: 0;
  width: 360px;
  height: 100%;
  background: #f3f3f3;
  box-shadow: -1px 0 0 0 #ddd inset;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  transform: translate(0%, 100%);
}
.promote_checkoutLeft.active {
  transform: translate(0%, 0%);
}
.promote_checkoutLeft.done {
  transform: translate(0%, -100%);
}
.promote_checkoutCart {
  padding: 10px 25px 25px 25px;
}
.promote_checkoutCart .contentbox {
  padding: 15px;
  margin-top: 15px;
}
.promote_checkoutTabs a {
  transition: all 0.25s;
  display: block;
  height: 80px;
  line-height: 81px;
  font-weight: bold;
  text-decoration: none;
  color: #666;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.promote_checkoutTabs a:hover {
  background: rgba(0, 0, 0, 0.025);
  color: #000;
}
.promote_checkoutTabs a.active {
  background: #fafafa;
  background-image:
    linear-gradient(
      to right,
      #fff,
      #fafafa);
  color: #000;
  box-shadow: 3px 0 0 0 #3296fa inset;
}
.promote_checkoutTabs a.done {
  box-shadow: 0 0 0 0 #64c84b inset;
}
.promote_checkoutTabs a.active.done {
  box-shadow: 3px 0 0 0 #64c84b inset;
}
.promote_checkoutTabs a span {
  transition: all 0.25s;
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  background: #ccc url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 0px;
  line-height: 31px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  border-radius: 50%;
  margin: 25px 15px 0 25px;
}
.promote_checkoutTabs a:hover span {
  background-color: #aaa;
}
.promote_checkoutTabs a.active span {
  background-color: #3296fa;
}
.promote_checkoutTabs a.done span {
  background-color: #64c84b;
  background-size: 12px;
  font-size: 0;
}
.promote_checkoutTabs a div {
  position: relative;
  float: left;
  max-width: calc(100% - 95px);
  padding: 0 5px;
  line-height: 81px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 -5px;
}
.promote_checkoutTabs a div:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 2px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1px;
}
.promote_checkoutTabs a.done div:after {
  width: 100%;
}
.promote_checkoutRight {
  transition: all 1s;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 360px);
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translate(0%, 100%);
}
.promote_checkoutRight.active {
  transform: translate(0%, 0%);
}
.promote_checkoutRight.done {
  transform: translate(0%, -100%);
}
.promote_checkoutSummary {
  display: table;
  width: 100%;
}
.promote_checkoutSummaryItem {
  display: table-row;
}
.promote_checkoutSummaryItem.total {
  line-height: 27px;
  font-size: 18px;
  font-weight: bold;
}
.promote_checkoutSummaryMedia,
.promote_checkoutSummaryPrice {
  display: table-cell;
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.promote_checkoutSummaryItem.total .promote_checkoutSummaryMedia,
.promote_checkoutSummaryItem.total .promote_checkoutSummaryPrice {
  padding: 15px 0 0 0;
  text-align: right;
}
.promote_checkoutSummaryMedia {
  width: 100%;
  padding-right: 15px !important;
}
.promote_checkoutSummaryPrice {
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
}
.promote_checkoutSummaryItem.total .promote_checkoutSummaryPrice {
  border-bottom: 1px solid #fff;
  box-shadow: 0 -1px 0 0 #ccc inset, 0 1px 0 0 #ccc;
}
.promote_checkoutSummaryPrice span {
  display: inline-block;
  padding-right: 5px;
  color: #999;
}
.promote_checkoutSummaryItem.total .promote_checkoutSummaryPrice span {
  color: #64C84B;
}
.promote_checkoutMethods {
  float: right;
  padding: 5px 5px 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-left: 5px;
}
.promote_checkoutMethods img {
  float: left;
  height: 28px;
  margin: 0 0 5px 5px;
}
.promote_checkoutMethods div {
  float: left;
  height: 28px;
  background: #3296fa;
  padding: 0 5px;
  line-height: 29px;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: 0 0 5px 5px;
}
.promote_checkoutPaymentLeft {
  float: left;
  width: calc(50% - 12px);
}
.promote_checkoutPaymentRight {
  float: right;
  width: calc(50% - 13px);
}
.promote_checkoutFormLeft {
  float: left;
  width: 200px;
  padding: 10px 0;
  font-weight: bold;
}
.promote_checkoutFormRight {
  float: right;
  width: calc(100% - 215px);
}
@media (max-width: 1200px) {
  .contentbox .promote_checkoutFormLeft,
  .contentbox .promote_checkoutFormRight {
    width: 100%;
    padding: 0;
  }
}
.popup .selectbuttons {
  box-shadow: none;
  z-index: 1;
}
.popup .selectbutton {
  box-shadow: none;
}
.popup .selectbutton.selected {
  background: #fafafa;
}
.promote_checkoutFormPublishDate,
.promote_checkoutFormUnpublishDate {
  transition: all 0.25s;
  float: left;
  width: 100%;
  background: #fafafa;
  padding: 0 15px;
  height: 6px;
  overflow: hidden;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 3px;
  margin-top: -6px;
  z-index: 1;
}
.promote_checkoutFormPublishDate.active,
.promote_checkoutFormUnpublishDate.active {
  height: 77px;
  padding: 20px 15px 15px 15px;
}
.promote_checkoutDone {
  transition: all 0.5s;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(100, 200, 75, 0.85);
  padding: 50px;
  box-sizing: border-box;
  z-index: 2;
  transform: translate(0, 101%);
}
.promote_checkoutDone.active {
  transform: translate(0, 0);
}
.promote_checkoutDone .headline {
  text-align: center;
  color: #fff;
}
.promote_checkoutDone .button {
  background: #fafafa;
  border-color: #fff !important;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}

/* apps/shared-assets/css/platform_recruitment_jobs_reports.css */
.reports_title {
  height: 60px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.reports_title .headline {
  height: 60px;
  padding: 0 25px;
  line-height: 61px;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow: hidden;
}
.reports_title .selectbuttons {
  box-shadow: none;
  overflow: hidden;
}
.reports_left {
  float: left;
  width: calc(66.6666% - 5px);
}
.reports_leftChartCandidates {
  position: relative;
  background: #fafafa;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin: 25px;
}
.reports_leftChartCandidatesHolder {
  position: relative;
  height: 350px;
  margin: 0 -11px -1px -11px;
}
.reports_leftChartCandidatesHolder:before,
.reports_leftChartCandidatesHolder:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  box-shadow: -4px 4px 0 2px #fff;
}
.reports_leftChartCandidatesHolder:after {
  left: inherit;
  right: 10px;
  box-shadow: 4px 4px 0 2px #fff;
}
.reports_leftHolder {
  position: relative;
}
.reports_leftElement {
  height: 60px;
  overflow: hidden;
}
.reports_leftElement:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.reports_leftElementLogo {
  position: relative;
  float: left;
  height: 40px;
  width: 100px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 10px 0 0 25px;
}
.reports_leftElementLogo.none {
  height: 30px;
  background: #fafafa;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 15px 0 0 25px;
}
.reports_leftElementLogo img {
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.reports_leftElementPipeline {
  float: right;
  display: flex;
  width: calc(100% - 187px);
  height: 20px;
  margin: 20px 21px 0 0;
}
.reports_leftElementPipelineStage {
  position: relative;
  flex-grow: 2;
}
.reports_leftElementPipelineStage:first-child,
.reports_leftElementPipelineStage:last-child {
  flex-grow: 1;
}
.reports_leftElementPipelineStage:before,
.reports_leftElementPipelineStage:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 51%;
  height: 2px;
  background: #ddd;
  overflow: hidden;
}
.reports_leftElementPipelineStage:after {
  left: 50%;
}
.reports_leftElementPipelineStage:first-child:before,
.reports_leftElementPipelineStage:last-child:after {
  display: none;
}
.reports_leftElementPipelineStage:last-child:before {
  width: calc(100% - 10px);
}
.reports_leftElementPipelineStage:first-child:after {
  left: 10px;
  width: calc(100% - 10px);
}
.reports_leftElementPipelineStage.past:before,
.reports_leftElementPipelineStage.past:after,
.reports_leftElementPipelineStage.end:before {
  background: #3296fa;
}
.reports_leftElementPipeline.hired .reports_leftElementPipelineStage.past:before,
.reports_leftElementPipeline.hired .reports_leftElementPipelineStage.past:after,
.reports_leftElementPipeline.hired .reports_leftElementPipelineStage.end:before {
  background: #64c84b;
}
.reports_leftElementPipelineStage span {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 50%;
  height: 20px;
  min-width: 20px;
  background: #3296fa;
  padding: 0 6px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 21px;
  border-radius: 10px;
  box-sizing: border-box;
  overflow: hidden;
  transform: translate(-50%, 0);
  z-index: 1;
  cursor: pointer;
}
.reports_leftElementPipeline.hired .reports_leftElementPipelineStage span {
  background: #64c84b;
}
.reports_leftElementPipelineStage.none span {
  top: 4px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  background: #fff !important;
  padding: 0;
  border: 2px solid #ddd;
  border-radius: 50%;
}
.reports_leftElementPipelineStage.past span {
  border-color: #3296fa;
}
.reports_leftElementPipeline.hired .reports_leftElementPipelineStage.past span {
  border-color: #64c84b;
}
.reports_leftElementPipelineStage:first-child span {
  left: 0;
  transform: translate(0, 0);
}
.reports_leftElementPipelineStage.none:first-child span {
  left: 4px;
}
.reports_leftElementPipelineStage:last-child span {
  left: inherit;
  right: 0;
  transform: translate(0, 0);
}
.reports_leftElementPipelineStage.none:last-child span {
  right: 4px;
}
.reports_leftElement .circlebutton {
  margin: 15px 0 0 50%;
  transform: translate(-50%, 0);
}
.reports_leftPipestat {
  display: flex;
  width: calc(100% - 50px);
  margin: 25px;
}
.reports_leftPipestatStage {
  position: relative;
  flex: 1;
  min-width: 0;
  padding-bottom: 16px;
}
.reports_leftPipestatStage:not(:first-child) {
  margin-left: 2px;
}
.reports_leftPipestatStageExcerpt {
  position: relative;
  float: right;
  width: 100%;
  font-size: 12px;
  text-align: center;
  color: #666;
}
.reports_leftPipestatStageExcerpt:before {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 8px;
  border: 1px dotted #aaa;
  border-bottom: 0;
  box-sizing: border-box;
}
.reports_leftPipestatStageExcerpt span {
  display: inline-block;
  position: relative;
  background: #fff;
  padding: 0 1px;
}
.reports_leftPipestatStageBar {
  float: left;
  width: 100%;
  height: 34px;
  background: #3296fa;
  text-align: center;
  line-height: 35px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
}
.reports_leftPipestatStage:nth-child(2n+1) .reports_leftPipestatStageBar {
  background: rgb(40, 110, 185);
}
.reports_leftPipestatStage:first-child .reports_leftPipestatStageBar {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.reports_leftPipestatStage:last-child .reports_leftPipestatStageBar {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.reports_leftPipestatStageText {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 14px;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666;
}
.reports_leftDisqualified {
  height: 60px;
  padding: 20px 25px;
  box-sizing: border-box;
  overflow: hidden;
}
.reports_leftDisqualified:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.reports_leftDisqualifiedTitle {
  float: left;
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.reports_leftDisqualifiedTitle.none {
  text-decoration: line-through;
  color: #999;
}
.reports_leftDisqualifiedBar {
  float: right;
  width: calc(100% - 215px);
}
.reports_leftDisqualifiedBar .bar {
  transition: all 0.25s;
}
.reports_leftDisqualified:not(:hover) .reports_leftDisqualifiedBar .bar {
  background: #aaa;
}
.reports_right {
  float: right;
  width: calc(33.3333% - 5px);
}
.reports_rightChartCandidates {
  position: relative;
  height: 357px;
  margin: 22px;
}
.reports_rightChartCandidates canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.reports_rightChartCandidatesNumber {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  font-weight: 300;
}
.reports_rightRate {
  height: 20px;
}
.reports_rightRate:not(:last-child) {
  margin-bottom: 10px;
}
.reports_rightRate img {
  float: left;
  margin-top: 4px;
}
.reports_rightRate .progressbar {
  float: right;
  width: calc(100% - 22px);
}
.reports_rightRate .bar {
  transition: all 0.25s;
}
.reports_rightRate:not(.avg):not(:hover) .bar {
  background: #ccc !important;
}
.reports_rightRateText {
  text-align: center;
  color: #999;
  margin-bottom: -5px;
}
.reports_barchart {
  display: flex;
  width: 100%;
  height: 34px;
  line-height: 35px;
  overflow: hidden;
}
.reports_barchartArea {
  position: relative;
  flex: 1;
  min-width: 34px;
  background: #3296fa;
  text-align: center;
  font-size: 0px;
  margin: 0 1px;
}
.reports_barchartArea:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0;
}
.reports_barchartArea:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-right: 0;
}
.reports_barchartArea img,
.reports_barchartArea span {
  display: inline-block;
}
.reports_barchartArea img {
  vertical-align: top;
  margin: 11px 5px 0 5px;
}
.reports_barchartArea span {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  margin: 0 5px;
}
.reports_tooltipCandidates {
  white-space: nowrap;
  font-size: 12px;
  margin: -6px -14px;
}
.reports_tooltipCandidatesTitle {
  transition: all 0.25s;
  display: block;
  height: 40px;
  padding: 0 25px 0 15px;
  line-height: 41px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
a.reports_tooltipCandidatesTitle {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% - 15px) 50% no-repeat;
  padding-right: 39px;
  text-decoration: none;
}
a.reports_tooltipCandidatesTitle:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.reports_tooltipCandidatesTitle img {
  float: left;
  margin: 14px 10px 0 0;
}
.reports_tooltipCandidatesTitle span {
  display: inline-block;
  height: 18px;
  min-width: 18px;
  line-height: 19px;
  text-align: center;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.5);
  padding: 0 5px;
  color: #333;
  vertical-align: top;
  overflow: hidden;
  border-radius: 9px;
  box-sizing: border-box;
  margin: 11px 0 0 10px;
}
.reports_tooltipCandidatesHolder {
  max-height: 160px;
  padding: 5px 0;
  overflow: auto;
}
.reports_tooltipCandidateNone {
  display: block;
  padding: 5px 25px 5px 15px;
  font-style: italic;
  color: #999;
}
.reports_tooltipCandidate {
  transition: all 0.25s;
  display: block;
  padding: 0 25px 0 15px;
  text-decoration: none !important;
}
.reports_tooltipCandidate:hover {
  background: rgba(255, 255, 255, 0.05);
}
.reports_tooltipCandidate .avatar {
  float: left;
  margin: 5px 10px 0 0;
}
.reports_tooltipCandidateName {
  height: 26px;
  line-height: 27px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
}
.reports_tooltipCandidateSub {
  height: 26px;
  padding-right: 40px;
  line-height: 27px;
  color: #3296fa;
  overflow: hidden;
  margin-top: -12px;
}
.reports_tooltipCandidateSub.hired {
  color: #64C84B;
}
.reports_tooltipCandidateSub.archived {
  color: #F54B4B;
}
.reports_tooltipCandidateSub.archived span {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 18px;
  color: #fff;
  opacity: 0.25;
}

/* apps/shared-assets/css/platform_recruitment_jobs_team.css */
.team_overviewButtonsLeft {
  float: left;
  margin-bottom: 10px;
}
.team_overviewButtonsLeft .button {
  margin-right: 15px;
}
.team_overviewCard.deactive:not(.active) {
  transition: all 0.25s;
  opacity: 0.5;
}
.team_overviewCard.deactive:hover {
  opacity: 1;
}
.team_overviewCard .contentbox {
  height: 132px;
}
.team_overviewCard .avatar {
  float: left;
  margin: 25px 0 0 25px;
}
.team_overviewCard.projectManager .avatar {
  position: relative;
  overflow: visible;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3296fa;
}
.team_overviewCard.projectManager .avatar:before {
  content: "";
  position: absolute;
  bottom: -11px;
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  background: #3296fa url(/img/icons/12/star_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
}
.team_overviewCardInfo {
  float: left;
  margin: 30px 0 0 15px;
}
.team_overviewCardInfo .headline {
  float: left;
}
.team_overviewCardInfoMail,
.team_overviewCardInfoPhone,
.team_overviewCardInfoNotify {
  float: left;
  width: 22px;
  height: 22px;
  background: url(/img/icons/12/letter_aaaaaa.svg) 50% 50% no-repeat;
  border: 1px solid #ddd;
  border-radius: 50%;
  margin-left: 5px;
}
.team_overviewCardInfoPhone {
  background-image: url(/img/icons/12/phone_aaaaaa.svg);
}
.team_overviewCardInfoNotify {
  background-image: url(/img/icons/12/bell_none_f54b4b.svg);
  border-color: #f54b4b;
}
.team_overviewCardInfoNotify.active {
  background-image: url(/img/icons/12/bell_64c84b.svg);
  border-color: #64C84B;
}
.team_overviewCardInfoTitle {
  float: left;
  clear: left;
}
.team_overviewCardInfoRank {
  display: block;
  float: left;
  text-decoration: none;
  font-weight: bold;
  color: #666;
  margin-top: 2px;
  clear: left;
}
.team_overviewCard.deactive .team_overviewCardInfoRank {
  text-decoration: line-through;
  color: #999;
}
.team_overviewCard.projectManager .team_overviewCardInfoRank {
  color: #3296fa;
}
.team_overviewCardSettings {
  position: absolute;
  top: 0;
  right: 0;
}
.team_overviewCardSettingsStatus {
  float: left;
  margin-top: 45px;
}
.team_overviewCardSettingsStatus a {
  display: block;
  float: left;
  height: 40px;
  background: #fafafa;
  text-decoration: none;
  font-size: 12px;
  color: #000;
  padding: 0 15px;
  line-height: 39px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  box-sizing: border-box;
}
.team_overviewCard.deactive .team_overviewCardSettingsStatus a {
  background: #F54B4B;
  color: #fff;
}
.team_overviewCardSettingsStatus a:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #64C84B;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #fff;
  margin: 16px 10px 0 0;
}
.team_overviewCard.deactive .team_overviewCardSettingsStatus a:before {
  background: #F54B4B;
}
.team_overviewCardSettingsRole {
  float: left;
  width: 15vw;
  min-width: 200px;
  margin: 45px 25px;
}
.team_activateLater {
  transition: all 0.25s;
  background: #f9f9f9;
  padding: 11px 11px 1px 11px;
  box-shadow: 0 0 0 1px #ddd inset;
  overflow: hidden;
  border-radius: 3px;
}
.team_activateLater .input {
  margin-bottom: 10px;
}
.team_activateLater .input:first-child {
  float: left;
  width: calc(60% - 5px);
}
.team_activateLater .input:last-child {
  float: right;
  width: 40%;
}
.team_activateLaterTitle {
  margin-bottom: 10px;
}
.team_activateLaterTitle .switch {
  margin-right: 10px;
}
.team_messageInvolved {
  display: table;
  width: 100%;
}
.team_messageInvolvedRow {
  display: table-row;
}
.team_messageInvolvedText {
  display: table-cell;
  position: relative;
  width: 1px;
  padding: 0 5px 5px 16px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
}
.team_messageInvolvedText:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 5px;
  left: 0;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}
.team_messageInvolvedText * {
  position: relative;
}
.team_messageInvolvedField {
  display: table-cell;
  position: relative;
  padding-bottom: 5px;
}
.team_messageInvolvedField .input,
.team_messageInvolvedField .dropdown {
  border-radius: 0 3px 3px 0;
}
.team_messageCcbccLink {
  transition: all 0.25s;
  position: absolute;
  display: none;
  top: 1px;
  right: 1px;
  height: 38px;
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1) 85px);
  padding: 0 15px 0 100px;
  line-height: 39px;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  border-radius: 2px;
}
.team_messageCcbccLink.active {
  display: block;
}
.team_messageCcbccLink.active:hover {
  color: #000;
}
.team_messageCcbcc {
  display: none;
}
.team_messageCcbcc.active {
  display: table-row;
}
.team_messageSettings {
  min-height: 40px;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.team_messageSettingsIcons {
  float: right;
  margin: -2px -7px;
}
.team_messageSettingsIcons a {
  float: left;
  padding: 5px;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
}
.team_messageSettingsIcons a:hover {
  background: #e5e5e5;
}
.team_messageSettingsIcons img {
  float: left;
}
.team_messageSettingsAttached {
  display: none;
  float: left;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px 0 15px;
  margin: 9px -15px -9px -15px;
}
.team_messageSettingsAttached.active {
  display: block;
}
.team_messageSettingsAttachedFile {
  height: 27px;
}
.team_messageSettingsAttachedFileLink {
  display: block;
  float: left;
  width: calc(100% - 27px);
  white-space: nowrap;
  line-height: 18px;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.team_tooltipNotify {
  background: #fff;
  border-radius: 2px;
  margin: -4px -12px;
}
.team_tooltipNotifyElement {
  padding: 15px;
}
.team_tooltipNotifyElement:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
.team_tooltipNotifyHeadline {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}
.team_tooltipNotifyIcons {
  padding: 10px 0;
}
.team_tooltipNotify .dropdown {
  color: #000;
}

/* apps/shared-assets/css/platform_settings_translations.css */
.translations_holder {
  max-height: calc(100vh - 257px);
  overflow: auto;
  border: 0;
  margin-top: 10px;
}
.translations_table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.translations_table.translations_top {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3;
}
.translations_table:not(.translations_top) {
  margin-top: 50px;
}
.translations_row {
  display: table-row;
}
.translations_cell {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
}
.translations_cell:last-child {
  border-right: 1px solid #ddd;
}
.translations_table:not(.translations_top) .translations_row:last-child .translations_cell {
  border-bottom: 1px solid #ddd;
}
.translations_top .translations_cell:first-child {
  border-top-left-radius: 3px;
}
.translations_top .translations_cell:last-child {
  border-top-right-radius: 3px;
}
.translations_table:not(.translations_top) .translations_row:last-child .translations_cell:first-child {
  border-bottom-left-radius: 3px;
}
.translations_table:not(.translations_top) .translations_row:last-child .translations_cell:last-child {
  border-bottom-right-radius: 3px;
}
.translations_top .translations_cell {
  position: relative;
  transition: all 0.25s;
  height: 51px;
  background-color: #999;
  background-image: url(/img/icons/9/arrowdown_ffffff.svg);
  background-position: calc(100% - 15px) -9px;
  background-repeat: no-repeat;
  line-height: 40px;
  padding: 5px 15px 0 15px;
  white-space: nowrap;
  font-weight: bold;
  text-overflow: ellipsis;
  color: #fff;
  overflow: hidden;
  border-color: rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.translations_top .translations_cell:hover {
  background-color: #666;
  border-color: #666;
  box-shadow: 1px 0 0 0 #666;
  z-index: 4;
}
.translations_top .translations_cell.active {
  background-color: #3296fa;
  border-color: #2A7FD4;
  box-shadow: 1px 0 0 0 #2A7FD4;
  z-index: 4;
}
.translations_top .translations_cell.sorting {
  background-position: calc(100% - 15px) 50%;
}
.translations_top .translations_cell img {
  float: left;
  width: 20px;
  height: 20px;
  background: #fff;
  margin: 10px 10px 0 0;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
}
.translations_top .translations_cell span {
  color: rgba(255, 255, 255, 0.5);
}
.translations_cell .textarea {
  width: calc(100% + 2px);
  margin: -1px;
  border-radius: 0;
}
.translations_table:not(.translations_top) .translations_row:last-child .translations_cell:first-child .textarea {
  border-bottom-left-radius: 3px;
}
.translations_table:not(.translations_top) .translations_row:last-child .translations_cell:last-child .textarea {
  border-bottom-right-radius: 3px;
}
.translations_cell:hover .textarea {
  z-index: 1;
}
.translations_row.active .translations_cell .textarea {
  background: rgba(255, 255, 0, 0.15);
}
.translations_cell:hover .textarea {
  background: rgba(50, 150, 250, 0.05);
}
.translations_cell .textarea.active {
  background: rgba(50, 150, 250, 0.15) !important;
  z-index: 2;
}
.translations_cell .textarea .contentEditable:empty {
  background: rgba(245, 75, 75, 0.05);
}

/* apps/shared-assets/css/platform_calendar.css */
.calendar_headline {
  float: left;
  margin-right: 15px;
}
.calendar_headlineAvatars .avatar {
  color: #fff;
  cursor: pointer;
}
.calendar_headlineAvatars .avatar.highlighted {
  z-index: 1;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
  transform: scale(1.1);
}
.calendar_headlineAvatars .avatar.hide {
  transform: rotate(-45deg);
}
.calendar_headlineAvatars .avatar.hide.highlighted,
.calendar_headlineAvatars .avatar.hide:hover {
  transform: scale(1.1) rotate(-45deg);
}
.calendar_headlineAvatars .avatar:before,
.calendar_headlineAvatars .avatar:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  opacity: 0;
}
.calendar_headlineAvatars .avatar:before {
  top: 10px;
  left: calc(50% - 1px);
  box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.75);
}
.calendar_headlineAvatars .avatar.hide:before {
  height: calc(100% - 20px);
  opacity: 1;
}
.calendar_headlineAvatars .avatar:after {
  top: calc(50% - 1px);
  right: 10px;
}
.calendar_headlineAvatars .avatar.hide:after {
  transition: all 0.25s 0.25s;
  width: calc(100% - 20px);
  opacity: 1;
}
.calendar_headlineAvatars .avatar.add {
  background: #3296fa url(/img/icons/12/add_ffffff.svg) 50% 50% no-repeat;
}
.calendar_overviewButtonsLeft {
  float: left;
  margin-top: -34px;
}
.calendar_overviewButtonsLeft .button {
  margin-right: 15px;
}
.calendar_overviewButtonsRight {
  float: right;
  margin-top: -34px;
}
.calendar_overviewButtonsRight .button {
  margin-left: 15px;
}
.calendarWeekly {
  height: calc(100vh - 251px);
  margin-top: 10px;
}
.event_headline {
  float: left;
  position: relative;
  max-width: calc(100% - 130px);
}
.event_headlineType {
  float: left;
  width: 30px;
  height: 30px;
  background: #f54b4b url(/img/icons/12/calendar_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: -2px 15px -2px 0;
}
.event_headlineType.onsite {
  background: #3296fa url(/img/icons/12/silhouettes_ffffff.svg) 50% 50% no-repeat;
}
.event_headlineType.phone {
  background: #64c84b url(/img/icons/12/phone_ffffff.svg) 50% 50% no-repeat;
}
.event_left {
  float: left;
  width: calc(60% - 7px);
}
.event_right {
  float: right;
  width: calc(40% - 8px);
}
.event_avatarscroll {
  float: left;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.event_avatarscroll.half {
  width: 50%;
}
.event_avatarscroll.half:first-child {
  border-right: 1px solid #eee;
}
.event_avatarscrollTitle {
  height: 40px;
  line-height: 41px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  padding: 0 25px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.event_avatarscrollHolder {
  padding: 15px 25px;
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}
.event_avatarscroll .avatars {
  height: 40px;
  padding-right: 25px;
}
.event_avatarscroll .avatar {
  position: relative;
  float: none;
  display: inline-block;
  vertical-align: top;
  overflow: visible;
}
.event_avatarscroll .avatar.rejected:before,
.event_avatarscroll .avatar.noanswer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f54b4b;
  border-radius: 50%;
  opacity: 0.5;
}
.event_avatarscroll .avatar.noanswer:before {
  background: #fff;
}
.event_avatarscroll .avatar.accepted:after,
.event_avatarscroll .avatar.rejected:after,
.event_avatarscroll .avatar.noanswer:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: calc(50% - 5px);
  width: 6px;
  height: 6px;
  background: #64c84b;
  border: 2px solid #fff;
  border-radius: 50%;
}
.event_avatarscroll .avatar.rejected:after {
  background: #f54b4b;
}
.event_avatarscroll .avatar.noanswer:after {
  background: #ffd200;
}
.event_timeslotDate {
  transition: all 0.25s;
  position: relative;
  height: 50px;
  background: #3296fa url(/img/icons/12/calendar_ffffff.svg) 13px 50% no-repeat;
  background-size: 24px;
  padding-left: 50px;
  line-height: 51px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  cursor: pointer;
}
.event_timeslotDate:hover {
  background-color: #006ebe;
}
.event_timeslotDate:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 50px;
  background: url(/img/careersite/down.svg) 50% 50% no-repeat;
  filter: brightness(2);
  opacity: 0.5;
}
.event_timeslotDate.active:after {
  transform: rotate(180deg);
}
.event_timeslotDate:hover:after {
  opacity: 1;
}
.event_left .contentbox,
.event_right .contentbox {
  overflow: hidden;
}
.event_left .smartTableTitle {
  padding-right: 36px;
}
.event_left .smartTableToggleContent {
  background: #fff;
  padding: 0 25px;
}
.event_left .smartTableToggle.active .smartTableToggleContent {
  padding: 25px;
}
.event_timeslotTable {
  display: table;
  margin: -5px 0;
}
.event_timeslotRow {
  display: table-row;
}
.event_timeslotCell {
  display: table-cell;
  vertical-align: top;
  padding: 5px 0;
}
.event_timeslotCell:first-child {
  width: 0px;
  padding-right: 15px;
  text-align: right;
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
  white-space: nowrap;
}
.event_timeslotCell:last-child {
  width: 100%;
}
.event_timeslotStatus {
  float: left;
  background: url(/img/icons/12/checkmark_64c84b.svg) 0% 3px no-repeat;
  padding-left: 17px;
  font-size: 12px;
  font-weight: bold;
  color: #64c84b;
  text-transform: uppercase;
  margin: 5px 0;
  clear: both;
}
.event_timeslotStatus:first-child {
  margin-top: 0;
}
.event_timeslotStatus.rejected {
  background-image: url(/img/icons/12/cross_f54b4b.svg);
  color: #f54b4b;
}
.event_timeslotStatus.noanswer {
  background-image: url(/img/icons/12/time_ffbe00.svg);
  color: #ffbe00;
}
.event_timeslotPerson {
  position: relative;
  float: left;
  display: block;
  height: 20px;
  line-height: 21px;
  white-space: nowrap;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  clear: both;
  margin-bottom: 5px;
}
.event_timeslotPerson:last-child {
  margin-bottom: 0;
}
.event_timeslotPerson.rejected {
  text-decoration: line-through;
  color: #999;
}
.event_timeslotPerson.noanswer {
  color: #999;
}
a.event_timeslotPerson {
  transition: all 0.25s;
}
a.event_timeslotPerson:hover {
  color: #3296fa;
}
a.event_timeslotPerson:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 16px;
  left: 30px;
  width: 0px;
  height: 1px;
  background: #3296fa;
  opacity: 0;
}
a.event_timeslotPerson:hover:before {
  width: calc(100% - 30px);
  opacity: 1;
}
.event_timeslotPerson .avatar {
  margin: -5px;
  margin-right: 5px;
  transform: scale(0.6666);
}
.event_timeslotPersonTooltipAccept {
  padding: 15px;
  margin: -6px -14px;
}
.event_timeslotPersonTooltipAccept .choosebox {
  margin: 5px 10px 10px 0;
}
.event_timeslotPersonTooltipAccept strong,
.event_timeslotPersonTooltipAccept .choosebox .label {
  white-space: nowrap;
}
.event_joblink {
  transition: all 0.25s;
  display: block;
  height: 40px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% - 23px) 50% no-repeat;
  padding: 15px 46px 15px 25px;
  line-height: 41px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000;
  overflow: hidden;
}
.event_joblink:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.event_joblink:hover {
  background-color: rgba(50, 150, 250, 0.05);
  background-position: calc(100% - 18px) 50%;
  color: #3296fa;
}
.event_joblink:before {
  transition: all 0.25s;
  content: "";
  float: left;
  width: 38px;
  height: 38px;
  background: #fff url(/img/icons/12/bag_3296fa.svg) 50% 50% no-repeat;
  border-radius: 50%;
  border: 1px solid #ddd;
  margin-right: 15px;
}
.event_joblink.talentpool:before {
  background-image: url(/img/icons/12/star_3296fa.svg);
}
.event_joblink:hover:before {
  border-color: #3296fa;
}
.event_comment {
  margin-top: 25px;
}
.event_commentDelete {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 12px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
  opacity: 0;
}
.event_comment:hover .event_commentDelete {
  opacity: 0.5;
}
.event_comment:hover .event_commentDelete:hover {
  opacity: 1;
}
.event_commentContent {
  float: right;
  width: calc(100% - 55px);
}
.event_commentName {
  font-weight: bold;
}
.event_commentName span {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
  margin-left: 10px;
}
.event_commentText a {
  text-decoration: none;
  font-weight: bold;
}
.event_createdBy {
  float: left;
  margin: 5px 0;
}
.event_createdByText {
  float: left;
  font-style: italic;
  color: #666;
  margin: 5px 0 0 10px;
}
.event_editScheduleTable {
  display: table;
  width: 100%;
  background: #fafafa;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.smartTable .event_editScheduleTable {
  padding: 0;
  border: 0px;
}
.event_editScheduleTableRow {
  display: table-row;
}
.event_editScheduleTableTitle {
  display: table-cell;
  width: 0;
  padding: 0 15px 0 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.event_editScheduleTableInfo {
  display: table-cell;
  width: 100%;
}
.event_editScheduleTableRow:not(:last-child) .event_editScheduleTableInfo {
  padding-bottom: 5px;
}
.event_editScheduleTableInfoMax {
  float: right;
  height: 40px;
  background: #fff url(/img/icons/12/silhouettes_aaaaaa.svg) 10px 50% no-repeat;
  line-height: 40px;
  padding: 0 10px 0 27px;
  color: #aaa;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-left: 5px;
}
.event_editScheduleTableInfoMax:focus {
  background-image: url(/img/icons/12/silhouettes_3296fa.svg);
  color: #3296fa;
  border-color: #3296fa;
}
.event_editScheduleTableInfoMax:empty:after {
  color: #aaa;
}
.event_editScheduleTableInfoMax:focus:empty:after {
  color: #3296fa;
}
.event_editScheduleInterviewers {
  float: right;
}
.event_editScheduleInterviewersTitle {
  float: left;
  height: 40px;
  color: #999;
  line-height: 41px;
  overflow: hidden;
  margin-right: 10px;
}
.event_editScheduleTableInfo .event_editScheduleInterviewers {
  float: left;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  box-sizing: border-box;
}
.event_editScheduleTableInfo .event_editScheduleInterviewers .avatars {
  margin: 4px;
}
.event_editScheduleInterviewers .avatar {
  color: #fff;
  cursor: pointer;
}
.event_editScheduleInterviewers .avatar.highlighted {
  z-index: 1;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
  transform: scale(1.1);
}
.event_editScheduleInterviewers .avatar.hide {
  transform: rotate(-45deg);
}
.event_editScheduleInterviewers .avatar.hide.highlighted,
.event_editScheduleInterviewers .avatar.hide:hover {
  transform: scale(1.1) rotate(-45deg);
}
.event_editScheduleInterviewers .avatar:before,
.event_editScheduleInterviewers .avatar:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  opacity: 0;
}
.event_editScheduleInterviewers .avatar:before {
  top: 10px;
  left: calc(50% - 1px);
  box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.75);
}
.event_editScheduleInterviewers .avatar.hide:before {
  height: calc(100% - 20px);
  opacity: 1;
}
.event_editScheduleInterviewers .avatar:after {
  top: calc(50% - 1px);
  right: 10px;
}
.event_editScheduleInterviewers .avatar.hide:after {
  transition: all 0.25s 0.25s;
  width: calc(100% - 20px);
  opacity: 1;
}
.event_editScheduleInterviewers .avatar.add {
  background: #3296fa url(/img/icons/12/add_ffffff.svg) 50% 50% no-repeat;
}
.event_editScheduleAvatarTooltip {
  padding: 15px;
  margin: -6px -14px;
}
.event_editScheduleAvatarTooltip .avatar {
  margin: 0 0 10px 50%;
  transform: translate(-50%, 0);
}
.event_editScheduleAvatarTooltipTitle {
  font-weight: bold;
  text-align: center;
  margin: 0 0 15px 0;
}
.event_editScheduleAvatarTooltipEvaluation {
  border-top: 1px solid #444;
  padding: 15px;
  margin: 0 -15px -20px -15px;
}
.event_editScheduleAvatarTooltipEvaluationTitle {
  height: 20px;
  background: #222;
  padding: 0 15px;
  line-height: 21px;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  overflow: hidden;
  border-bottom: 1px solid #444;
  margin: -15px -15px 10px -15px;
}
.event_editScheduleCalendar .calendarDate {
  margin: -2px auto;
}
.event_editScheduleCalendarTop {
  margin-top: -32px;
}
.event_editScheduleCalendarTopRight {
  float: right;
}
.event_editScheduleCalendarTopRight .selectbuttons,
.event_editScheduleCalendarTopRight .button {
  margin: -2px 0 -2px 5px;
}
.event_editScheduleCalendarSettingsTooltip {
  padding: 15px;
  margin: -6px -14px;
}
.event_editScheduleCalendarTop .headline {
  height: 30px;
  white-space: nowrap;
  line-height: 31px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.event_editScheduleCalendar .calendarWeekly {
  margin: 0px !important;
}
.event_editScheduleCalendarBottom {
  position: absolute;
  right: 25px;
  left: 25px;
  bottom: 25px;
}
.event_editScheduleCalendarButtons {
  float: left;
}
.event_editScheduleReminder {
  transition: all 0.25s;
  background: #fafafa;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.event_editScheduleReminder.active {
  background: #fff;
}
.event_editScheduleReminder *:not(.switch) {
  transition: all 0.25s;
}
.event_editScheduleReminder:not(.active) *:not(.switch) {
  filter: blur(1px);
  opacity: 0.5;
}
.event_editScheduleReminder .switch {
  margin-right: 15px;
}
.event_editScheduleReminder .dropdown {
  float: right;
  max-width: 200px;
  margin: 2px 0 0 15px;
}
.event_editScheduleReminderText {
  overflow: hidden;
}
.event_editScheduleReminderText strong {
  padding: 0 3px;
  color: #3296fa;
  border-radius: 2px;
  margin: 0 3px;
  box-shadow: 0 0 0 1px #3296fa;
}

/* apps/shared-assets/css/platform_recruitment_candidates.css */
.candidates_overviewPipelineHolder {
  height: 50px;
  overflow: hidden;
  margin: 10px 0;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.candidates_overviewPipeline {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 50px;
}
.candidates_overviewPipelineStage {
  display: table-cell;
  vertical-align: top;
  line-height: 0;
  font-size: 0;
}
.candidates_overviewPipelineStage.all {
  width: 50px;
}
.candidates_overviewPipelineStage a {
  transition: all 0.25s;
  display: block;
  position: relative;
  height: 50px;
  background: #fff;
  text-decoration: none;
  padding: 0 15px 0 30px;
}
.candidates_overviewPipelineStage.all a {
  background-image: url(/img/icons/12/silhouettes_3296fa.svg);
  background-position: 25px 50%;
  background-repeat: no-repeat;
}
.candidates_overviewPipelineStage.all.active a {
  background-image: url(/img/icons/12/silhouettes_ffffff.svg);
}
.candidates_overviewPipelineStage a:hover {
  background-color: #F5FAFF;
}
.candidates_overviewPipelineStage:first-child a {
  padding-left: 25px;
}
.candidates_overviewPipelineStage:last-child a {
  padding-right: 25px;
}
.candidates_overviewPipelineStage.active a {
  background-color: #3296fa;
}
.candidates_overviewPipelineStage.sourced.active a,
.candidates_overviewPipelineStage.archived.active a {
  background-color: #999;
}
.candidates_overviewPipelineStage.hired.active a {
  background-color: #64C84B;
}
.candidates_overviewPipelineStage a:before,
.candidates_overviewPipelineStage a:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -25px;
  right: -10px;
  border-left: 20px solid #eee;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 1;
}
.candidates_overviewPipelineStage a:after {
  border-left-color: #fff;
  right: -9px;
}
.candidates_overviewPipelineStage a:hover:after {
  border-left-color: #F5FAFF;
}
.candidates_overviewPipelineStage.active a:after {
  border-left-color: #3296fa;
}
.candidates_overviewPipelineStage.sourced.active a:after,
.candidates_overviewPipelineStage.archived.active a:after {
  border-left-color: #999;
}
.candidates_overviewPipelineStage.hired.active a:after {
  border-left-color: #64C84B;
}
.candidates_overviewPipelineStage:last-child a:before,
.candidates_overviewPipelineStage:last-child a:after {
  display: none;
}
.candidates_overviewPipelineStage a div {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.candidates_overviewPipelineStage a div:first-child {
  line-height: 24px;
  font-size: 18px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
  padding-top: 6px;
}
.candidates_overviewPipelineStage.active a div:first-child {
  color: #fff;
}
.candidates_overviewPipelineStage a div:first-child:after {
  transition: all 0.25s;
  content: "";
  display: inline-block;
  width: 17px;
  height: 22px;
  background: url(/img/icons/12/arrow_aaaaaa.svg) 100% 50% no-repeat;
  vertical-align: top;
  opacity: 0.25;
}
.candidates_overviewPipelineStage.sourced a div:first-child:after {
  background-image: url(/img/icons/12/search_aaaaaa.svg);
}
.candidates_overviewPipelineStage.archived a div:first-child:after {
  background-image: url(/img/icons/12/archive_aaaaaa.svg);
}
.candidates_overviewPipelineStage.hired a div:first-child:after {
  background-image: url(/img/icons/12/checkmark_aaaaaa.svg);
}
.candidates_overviewPipelineStage.active a div:first-child:after {
  background-image: url(/img/icons/12/arrow_ffffff.svg);
}
.candidates_overviewPipelineStage.sourced.active a div:first-child:after {
  background-image: url(/img/icons/12/search_ffffff.svg);
}
.candidates_overviewPipelineStage.archived.active a div:first-child:after {
  background-image: url(/img/icons/12/archive_ffffff.svg);
}
.candidates_overviewPipelineStage.hired.active a div:first-child:after {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.candidates_overviewPipelineStage a:hover div:first-child:after,
.candidates_overviewPipelineStage.active a div:first-child:after {
  opacity: 1;
}
.candidates_overviewPipelineStage a div:last-child {
  line-height: 16px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  margin-top: -5px;
}
.candidates_overviewPipelineStage.active a div:last-child {
  color: rgba(255, 255, 255, 0.75);
}
.tooltip_pipeline {
  display: table;
  margin: 9px -14px;
}
.tooltip_pipelineStatus {
  display: table-cell;
  padding: 0 15px;
}
.tooltip_pipelineStatus:not(:last-child):first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.tooltip_pipelineTitle {
  transition: all 0.25s;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}
.tooltip_pipelineTitle:hover {
  padding-left: 5px;
}
.tooltip_pipelineStatus:not(.active) .tooltip_pipelineTitle {
  opacity: 0.5;
}
.tooltip_pipelineTitle img {
  float: left;
  margin: 2px 8px 0 4px;
}
.tooltip_pipelineTitle span {
  color: #999;
  margin-left: 5px;
}
.tooltip_pipelineStatus.active .tooltip_pipelineTitle span {
  color: #3296FA;
}
.tooltip_pipelineCandidate {
  transition: all 0.25s;
  display: block;
  height: 20px;
  text-decoration: none;
  line-height: 21px;
  font-size: 12px;
  color: #aaa;
  overflow: hidden;
  margin-top: 5px;
}
.tooltip_pipelineCandidate:hover {
  color: #fff;
}
.tooltip_pipelineCandidate .avatar {
  transform: scale(0.666666666);
  margin: -5px 0 0 -5px;
}
.tooltip_pipelineCandidate span {
  float: right;
  color: #666;
  margin-left: 10px;
}
.tooltip_pipelineMore {
  transition: all 0.25s;
  display: block;
  height: 20px;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  line-height: 21px;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  margin-top: 10px;
  opacity: 0.25;
}
.tooltip_pipelineMore:hover {
  opacity: 1;
}
.tooltip_pipelineMore:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 13px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 50% 100% no-repeat;
  margin-left: 5px;
}
.tooltip_bulkCandidates {
  margin: -6px -14px;
}
.tooltip_bulkCandidate {
  padding: 15px 25px 15px 15px;
  margin-top: -5px;
}
.tooltip_bulkCandidate:not(:first-child) {
  padding-top: 0;
}
.tooltip_bulkCandidate .avatar {
  margin-right: 10px;
}
.tooltip_bulkCandidateName {
  height: 30px;
  line-height: 31px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}
.candidates_overviewButtonsLeft {
  float: left;
  margin-top: -34px;
}
.candidates_overviewButtonsLeft .button {
  margin-right: 15px;
}
.candidates_overviewButtonsRight {
  float: right;
  margin-top: -34px;
}
.candidates_overviewButtonsRight .button {
  margin-left: 15px;
}
.candidates_overviewCard {
  float: left;
  width: 16.666%;
}
@media (min-width: 1926px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .candidates_overviewCard:nth-child(6n+7) {
    clear: left;
  }
}
@media (min-width: 1611px) and (max-width: 1925px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .candidates_overviewCard {
    width: 20%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .candidates_overviewCard:nth-child(5n+6) {
    clear: left;
  }
}
@media (min-width: 1296px) and (max-width: 1610px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .candidates_overviewCard {
    width: 25%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .candidates_overviewCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (max-width: 1295px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .candidates_overviewCard {
    width: 33.333%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .candidates_overviewCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (min-width: 2286px) {
  body.activeFilterLeft .candidates_overviewCard:nth-child(6n+7),
  body.activeFilterRight .candidates_overviewCard:nth-child(6n+7) {
    clear: left;
  }
}
@media (min-width: 1971px) and (max-width: 2285px) {
  body.activeFilterLeft .candidates_overviewCard,
  body.activeFilterRight .candidates_overviewCard {
    width: 20%;
  }
  body.activeFilterLeft .candidates_overviewCard:nth-child(5n+6),
  body.activeFilterRight .candidates_overviewCard:nth-child(5n+6) {
    clear: left;
  }
}
@media (min-width: 1656px) and (max-width: 1970px) {
  body.activeFilterLeft .candidates_overviewCard,
  body.activeFilterRight .candidates_overviewCard {
    width: 25%;
  }
  body.activeFilterLeft .candidates_overviewCard:nth-child(4n+5),
  body.activeFilterRight .candidates_overviewCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (min-width: 1341px) and (max-width: 1655px) {
  body.activeFilterLeft .candidates_overviewCard,
  body.activeFilterRight .candidates_overviewCard {
    width: 33.333%;
  }
  body.activeFilterLeft .candidates_overviewCard:nth-child(3n+4),
  body.activeFilterRight .candidates_overviewCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (max-width: 1340px) {
  body.activeFilterLeft .candidates_overviewCard,
  body.activeFilterRight .candidates_overviewCard {
    width: 50%;
  }
  body.activeFilterLeft .candidates_overviewCard:nth-child(2n+3),
  body.activeFilterRight .candidates_overviewCard:nth-child(2n+3) {
    clear: left;
  }
}
.candidates_overviewCard.active .contentbox {
  border-color: #0099ff;
}
.activeSelection .candidates_overviewCard .contentbox {
  cursor: pointer;
}
.activeSelection .candidates_overviewCard .contentbox:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(50, 150, 250, 0);
  border: none;
  border-radius: 2px;
  z-index: 20;
}
.activeSelection .candidates_overviewCard.active .contentbox:after {
  background: rgba(50, 150, 250, 0.05) !important;
  border: 1px solid #0099ff;
}
.candidates_overviewCard .checkbox {
  transition: all 0.25s;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
}
.activeSelection .candidates_overviewCard:hover .checkbox {
  border-color: #0099ff;
}
.candidates_overviewCardHeader {
  position: relative;
  padding: 25px 25px 20px 25px;
}
.candidates_overviewCardHeader .avatar {
  position: relative;
  float: none;
  display: block;
  margin: 0 auto;
}
.candidates_overviewCard.deleted .candidates_overviewCardHeader .avatar {
  background: rgba(245, 75, 75, 0.05) url(/img/icons/12/cross_f54b4b.svg) 50% 50% no-repeat;
  background-size: 36px;
  box-shadow: 0 0 0 1px rgba(245, 75, 75, 0.1) inset;
}
.candidates_overviewCardHeader .headline {
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 20px;
}
.candidates_overviewCardLink {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 212px;
}
.candidates_overviewCardLink:hover {
  background: rgba(255, 255, 0, 0.05);
}
.candidates_overviewCardActions {
  height: 50px;
  background: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.candidates_overviewCard.deleted .candidates_overviewCardActions {
  background: rgba(245, 75, 75, 0.05);
  line-height: 51px;
  white-space: nowrap;
  text-align: center;
  font-style: italic;
  color: rgb(245, 75, 75);
  overflow: hidden;
  border-color: rgba(245, 75, 75, 0.1);
}
.candidates_overviewCardActionsCenter {
  float: left;
  margin: 0 -50% 0 calc(50% - 200px);
  transform: translate(calc(-50% - -200px), 0);
}
.candidates_overviewCardActionsLine {
  float: left;
  width: 1px;
  height: 50px;
  background: #eee;
  overflow: hidden;
}
.candidates_overviewCardData {
  float: left;
  width: 100%;
  min-height: 25px;
  padding: 12px 25px 13px;
  box-sizing: border-box;
}
.candidates_overviewCardDataElement {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.candidates_overviewCardDataElement:first-child {
  padding-top: 10px;
}
.candidates_overviewCardDataElement:last-child {
  padding-bottom: 10px;
}
.candidates_overviewCardDataTitle,
.candidates_overviewCardDataInfo {
  padding: 3px 0 2px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.candidates_overviewCardDataTitle {
  float: left;
  width: 35%;
  padding-right: 10px;
  text-align: right;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #999;
  box-sizing: border-box;
}
.candidates_overviewCardDataInfo {
  position: relative;
  float: right;
  width: 65%;
  padding-left: 5px;
  box-sizing: border-box;
}
.candidates_overviewCardDataInfo .boxlink:hover {
  background: rgba(255, 255, 0, 0.05);
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}
.candidates_overviewCardDataInfo .icon {
  float: left;
  margin: 3px 10px 0 0;
}
.candidates_overviewList {
  height: calc(100vh - 343px);
}
.candidates_overviewListLeftIcons {
  float: right;
}
.candidates_overviewListLeftDeleted {
  float: right;
  font-size: 12px;
  font-style: italic;
  color: rgb(245, 75, 75);
}
.candidates_overviewListColumnLikes,
.candidates_overviewListColumnComments,
.candidates_overviewListColumnRelations,
.candidates_overviewListColumnTasks {
  width: 50px;
  padding: 0;
}
.candidates_overviewListColumnLikes {
  width: 88px;
}
.candidates_overviewListColumnRelations {
  width: 98px;
}
.candidates_overviewList .advTableLeft .boxlink {
  left: 50px;
}
.candidates_overviewList .advTableColumn .boxlink {
  transition: all 0.25s;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
}
.candidates_overviewList .advTableColumn .boxlink:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05) inset;
}
.candidates_overviewCardSnoozed,
.candidates_overviewListSnoozed {
  height: 50px;
  vertical-align: top;
  line-height: 50px;
  text-align: center;
  font-size: 0;
}
.candidates_overviewCardSnoozed:hover .boxlink {
  background: rgba(255, 255, 0, 0.05);
}
.candidates_overviewListSnoozed .advTableLeft {
  width: 100% !important;
  border: 0;
  box-shadow: 0 -1px 0 0 #eee;
  z-index: 22;
}
.candidates_overviewList .deleted .avatar {
  background: rgba(245, 75, 75, 0.05) url(/img/icons/12/cross_f54b4b.svg) 50% 50% no-repeat;
  background-size: 12px;
  box-shadow: 0 0 0 1px rgba(245, 75, 75, 0.1) inset;
}
.candidates_overviewCardSnoozedIcon,
.candidates_overviewListSnoozedIcon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/snooze_aaaaaa.svg) 50% 50% no-repeat;
  margin: 0 14px -6px 0;
  transform: scale(1.5);
}
.candidates_overviewCardSnoozed span,
.candidates_overviewListSnoozed span {
  font-size: 14px;
  font-weight: bold;
  color: #aaa;
}
.candidates_overviewCardScreening,
.candidates_overviewListScreeningCircle,
.candidate_topScreening {
  transition: all 0.25s 0.5s;
  position: relative;
  float: left;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: -5px 0 -5px -110px;
}
.candidates_overviewCardScreening {
  float: none;
  display: block;
  width: 130px;
  height: 130px;
  margin: -5px auto -125px auto;
}
.candidates_overviewListScreeningCircle {
  left: -3px;
  width: 36px;
  height: 36px;
  margin: 7px auto -100px auto;
}
.candidates_overviewCardScreening span,
.candidate_topScreening span {
  transition: all 0.25s 0.5s;
  position: absolute;
  top: 0;
  left: 50%;
  height: 20px;
  padding: 0 6px;
  line-height: 21px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  border-radius: 100% 100% 20px 20px;
  z-index: 1;
  transform: translate(-50%, 0);
}
.candidates_overviewCardScreening:after,
.candidates_overviewListScreeningCircle:after,
.candidate_topScreening:after {
  transition: all 0.25s 0.5s;
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: #fff;
  border-radius: 50%;
}
.candidates_overviewListScreeningCircle:after {
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.candidates_overviewCV {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 11px;
  right: 11px;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 50%;
  z-index: 1;
}
.candidates_overviewList .candidates_overviewCV {
  float: left;
  position: relative;
  top: 0;
  right: 0;
  margin: 13px 0 0 0;
}
.candidates_overviewCV:hover {
  box-shadow: 0 0 0 13px rgba(50, 150, 250, 1) inset;
}
.candidates_overviewCV:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/img/icons/12/cv_000000.svg) 50% 50% no-repeat;
  opacity: 0.25;
}
.candidates_overviewCV:hover:before {
  filter: invert(100%);
  opacity: 1;
}
.candidates_overviewIntegrationHandicap {
  position: absolute;
  top: 133px;
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: #3296fa url(/img/icons/12/handicap_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  z-index: 1;
}
.candidates_overviewList .candidates_overviewIntegrationHandicap {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  box-shadow: none;
  margin: 13px 5px 0 0;
}
.candidates_overviewActionsLikes {
  position: relative;
  float: left;
  display: block;
  height: 24px;
  overflow: hidden;
  margin: 13px;
  border-radius: 3px;
}
.advTableTop .candidates_overviewActionsLikes {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.candidates_overviewActionsLikes:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #000;
  border-radius: 3px;
  box-sizing: border-box;
  opacity: 0;
  z-index: 2;
}
.candidates_overviewActionsLikes:hover:after {
  opacity: 0.15;
}
.advTableTop .candidates_overviewActionsLikes:after {
  display: none;
}
.candidates_overviewActionsLikesOwn {
  transition: all 0.25s;
  position: relative;
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  background: #666 url(/img/icons/12/like_aaaaaa.svg) 50% 50% no-repeat;
  overflow: hidden;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.candidates_overviewActionsLikesOwn.pa10 {
  background-image: url(/img/icons/12/dislike_ffffff.svg);
}
.candidates_overviewActionsLikesOwn.pa50 {
  background-image: url(/img/icons/12/maybe_ffffff.svg);
}
.candidates_overviewActionsLikesOwn.pa80 {
  background-image: url(/img/icons/12/like_ffffff.svg);
}
.candidates_overviewActionsLikesOwn.pa100 {
  background-image: url(/img/icons/12/starbox_ffffff.svg);
}
.candidates_overviewActionsLikesOwn.none {
  background-image: url(/img/icons/12/like_aaaaaa.svg);
}
.advTableTop .candidates_overviewActionsLikesOwn {
  width: 22px;
  height: 22px;
  background: #fff url(/img/icons/12/like_aaaaaa.svg) 50% 50% no-repeat;
  border-radius: 0;
  box-shadow: none;
  opacity: 0.5;
}
.advTableTop .candidates_overviewActionsLikesOwn:hover {
  opacity: 1;
}
.advTableTop .candidates_overviewActionsLikesOwn.active {
  background-image: url(/img/icons/12/like_3296fa.svg);
  opacity: 1;
}
.candidates_overviewActionsLikesAvg {
  transition: all 0.25s;
  position: relative;
  float: left;
  display: block;
  width: 41px;
  height: 24px;
  background: #aaa;
  padding: 6px 0 0 5px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  line-height: 14px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  box-sizing: border-box;
  margin-left: -5px;
}
.advTableTop .candidates_overviewActionsLikesAvg {
  width: 36px;
  height: 22px;
  background: #fff;
  padding: 5px 0 0 0;
  color: #d4d4d4;
  border-left: 1px solid #e5e5e5;
  margin-left: 0;
}
.advTableTop .candidates_overviewActionsLikesAvg:hover {
  color: #aaa;
}
.advTableTop .candidates_overviewActionsLikesAvg.active {
  color: #3296fa;
}
.candidates_overviewActionsComments {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 40px;
  height: 30px;
  background: url(/img/icons/24/chat_aaaaaa.svg) 50% 50% no-repeat;
  cursor: pointer;
  margin: 10px 5px;
  opacity: 0.5;
}
.candidates_overviewActionsComments:hover {
  opacity: 1;
}
.candidates_overviewActionsComments.active {
  background-image: url(/img/icons/24/chat_3296fa.svg);
  opacity: 1;
}
.candidates_overviewActionsComments div {
  transition: all 0.25s;
  position: absolute;
  top: 2px;
  right: 23px;
  height: 11px;
  min-width: 6px;
  background: #f54b4b;
  padding: 0 2px;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #fff;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 3px;
}
.candidates_overviewActionsRelations {
  float: left;
  height: 24px;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  margin: 13px;
}
.candidates_overviewActionsRelations a {
  transition: all 0.25s;
  float: left;
  width: 22px;
  height: 22px;
  background: url(/img/icons/12/heartoutlined_aaaaaa.svg) 50% 50% no-repeat;
  line-height: 23px;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  color: #aaa;
  overflow: hidden;
}
.candidates_overviewActionsRelations a:not(:last-child) {
  border-right: 1px solid #e5e5e5;
}
.candidates_overviewActionsRelations a:hover {
  background-color: #fff;
}
.candidates_overviewActionsRelations a:not(.candidates_overviewActionsRelationsFollowers) {
  background-size: 0;
}
.candidates_overviewActionsRelations a:not(.candidates_overviewActionsRelationsFollowers):hover,
.advTableTop .candidates_overviewActionsRelations a {
  background-size: 12px;
  font-size: 0;
}
.advTableTop .candidates_overviewActionsRelations a {
  opacity: 0.5;
}
.advTableTop .candidates_overviewActionsRelations a:hover,
.advTableTop .candidates_overviewActionsRelations a.active {
  opacity: 1;
}
.advTableTop .candidates_overviewActionsRelationsFollowers {
  background-image: url(/img/icons/12/heart_aaaaaa.svg);
}
.advTableTop .candidates_overviewActionsRelationsFollowers.active {
  background-image: url(/img/icons/12/heart_3296fa.svg) !important;
}
.candidates_overviewActionsRelationsFollowers.others {
  background-image: url(/img/icons/12/heart_aaaaaa.svg) !important;
}
.candidates_overviewActionsRelationsFollowers.you {
  background-image: url(/img/icons/12/heart_f54b4b.svg) !important;
  opacity: 0.5;
}
.candidates_overviewActionsRelationsFollowers.you:hover {
  opacity: 1;
}
.candidates_overviewActionsRelationsJobs {
  background-image: url(/img/icons/12/bag_aaaaaa.svg) !important;
}
.advTableTop .candidates_overviewActionsRelationsJobs.active {
  background-image: url(/img/icons/12/bag_3296fa.svg) !important;
}
.candidates_overviewActionsRelationsTalentPools {
  background-image: url(/img/icons/12/silhouettes_aaaaaa.svg) !important;
}
.advTableTop .candidates_overviewActionsRelationsTalentPools.active {
  background-image: url(/img/icons/12/silhouettes_3296fa.svg) !important;
}
.candidates_overviewActionsTasks {
  transition: all 0.25s;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  line-height: 25px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: #aaa;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 1px #ddd inset;
  margin: 13px;
}
.candidates_overviewActionsTasks.youOverdue {
  box-shadow: 0 0 0 20px #f54b4b inset;
  color: #fff;
}
.candidates_overviewActionsTasks.you {
  box-shadow: 0 0 0 20px #3296fa inset;
  color: #fff;
}
.candidates_overviewActionsTasks.othersOverdue {
  box-shadow: 0 0 0 1px #f54b4b inset;
  color: #f54b4b;
}
.candidates_overviewActionsTasks.others {
  box-shadow: 0 0 0 1px #3296fa inset;
  color: #3296fa;
}
.candidates_overviewActionsTasks.completed {
  box-shadow: 0 0 0 1px #64c84b inset;
}
.advTableTop .candidates_overviewActionsTasks.active {
  box-shadow: 0 0 0 20px #3296fa inset;
}
.candidates_overviewActionsTasks div {
  transition: all 0.25s;
  position: relative;
  width: 24px;
  height: 24px;
}
.candidates_overviewActionsTasks.completed div {
  background: url(/img/icons/12/checkmark_64c84b.svg) 50% 50% no-repeat;
}
.advTableTop .candidates_overviewActionsTasks div {
  background: url(/img/icons/12/checkmark_aaaaaa.svg) 50% 50% no-repeat;
  opacity: 0.5;
}
.advTableTop .candidates_overviewActionsTasks.active div {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
  opacity: 1;
}
.advTableTop .candidates_overviewActionsTasks:hover div {
  opacity: 1;
}
.candidates_overviewActionsActivity {
  float: left;
  height: 50px;
  background: url(/img/icons/12/pulse_3296fa.svg) 0 50% no-repeat;
  padding-left: 17px;
  line-height: 51px;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  margin: 0 13px;
}
.candidates_overviewDataPercentText {
  transition: all 0.25s;
  line-height: 12px;
  text-align: right;
  font-size: 12px;
  margin: 13px 0 0 0;
}
.candidates_overviewCard .candidates_overviewDataPercentText {
  margin-top: 4px;
}
.candidates_overviewDataPercent,
.candidates_overviewDataPercent span {
  transition: all 0.25s;
  display: block;
  height: 4px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-top: 8px;
}
.candidates_overviewCard .candidates_overviewDataPercent {
  margin-bottom: 4px;
}
.candidates_overviewDataPercent span {
  margin-top: 0;
}
.candidates_overviewCard .colorrating {
  margin: 8px 0;
}
.advTableColumn .colorrating {
  margin-top: 13px;
}
.candidates_bulkPipelineQualify {
  background: rgba(50, 150, 250, 0.15);
}
.candidates_bulkPipelineQualify.qualified {
  background: rgba(50, 150, 250, 1);
}
.candidates_bulkPipelineQualify.hired {
  background: rgba(100, 200, 75, 1);
}
.candidates_bulkPipelineDisqualify {
  display: none;
  background: rgba(245, 75, 75, 0.15);
}
.candidates_bulkPipelineDisqualify.disqualified {
  background: rgba(245, 75, 75, 1);
}
.candidates_bulkPipelineProceedStage,
.candidates_bulkPipelineDisqualifyReason {
  position: relative;
  text-decoration: none;
}
.candidates_bulkPipelineProceedStage span,
.candidates_bulkPipelineDisqualifyReason span {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 40px;
  padding: 0 40px;
  line-height: 41px;
  color: #000;
  overflow: hidden;
  border-radius: 3px;
}
.candidates_bulkPipelineQualify.qualified .candidates_bulkPipelineProceedStage span,
.candidates_bulkPipelineQualify.hired .candidates_bulkPipelineProceedStage span,
.candidates_bulkPipelineDisqualify.disqualified .candidates_bulkPipelineDisqualifyReason span {
  color: #fff;
}
.candidates_bulkPipelineQualify.qualified .candidates_bulkPipelineProceedStage:hover span,
.candidates_bulkPipelineQualify.hired .candidates_bulkPipelineProceedStage:hover span,
.candidates_bulkPipelineDisqualify.disqualified .candidates_bulkPipelineDisqualifyReason:hover span {
  background: rgba(255, 255, 255, 0.15);
}
.candidates_bulkPipelineProceedStage.active span,
.candidates_bulkPipelineDisqualifyReason.active span {
  background: rgba(0, 0, 0, 0.15) !important;
}
.candidates_bulkPipelineProceedStage:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  background: #fff url(/img/icons/12/arrow_3296fa.svg) -12px 50% no-repeat;
  border: 2px solid #98CAFC;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 2;
}
.candidates_bulkPipelineQualify.qualified .candidates_bulkPipelineProceedStage:before {
  background-color: #3296fa;
}
.candidates_bulkPipelineProceedStage:hover:before {
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-color: #98CAFC;
}
.candidates_bulkPipelineProceedStage.past:before {
  background-color: #fff !important;
  border-color: #fff;
}
.candidates_bulkPipelineProceedStage.active:before {
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background: #fff url(/img/icons/12/arrow_3296fa.svg) 50% 50% no-repeat !important;
  border-color: #fff;
}
.candidates_bulkPipelineQualify.hired .candidates_bulkPipelineProceedStage.active:before {
  background-image: url(/img/icons/12/checkmark_64c84b.svg) !important;
}
.candidates_bulkPipelineProceedStage:not(:last-child):after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 20px;
  left: 19px;
  width: 2px;
  height: 40px;
  background: #98CAFC;
  z-index: 1;
}
.candidates_bulkPipelineProceedStage.past:after {
  background: #fff;
}
.candidates_bulkPipelineDisqualifyReason:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  border: 2px solid #FAA5A5;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
}
.candidates_bulkPipelineDisqualify:not(.disqualified) .candidates_bulkPipelineDisqualifyReason:hover:before {
  top: 14px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-color: #F54B4B;
}
.candidates_bulkPipelineDisqualifyReason:hover:before,
.candidates_bulkPipelineDisqualifyReason.active:before {
  top: 14px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-color: #fff;
}
.candidates_bulkPipelineDisqualifyReason:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: rotate(45deg);
  z-index: 1;
}
.candidates_bulkPipelineDisqualifyReason.active:after {
  top: 19px;
  width: 10px;
  height: 2px;
  background: #fff;
  border-radius: 0;
}
.candidate_topScreening:after {
  background: rgb(255, 255, 235);
}
.candidate_top {
  position: relative;
  height: 121px;
  background: rgb(255, 255, 235);
  padding: 20px 0 0 130px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.candidate_topIntegrationHandicap {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  background: #3296fa url(/img/icons/12/handicap_ffffff.svg) 6px 6px no-repeat;
  border-radius: 0 0 30px 0;
  box-shadow: 0 0 0 2px #fff;
  z-index: 1;
}
.candidate_top .avatar {
  transition: all 0.25s 0.5s;
  position: relative;
  margin-left: -105px;
}
.candidate_top .avatar a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75) url(/img/icons/12/camera_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
  opacity: 0;
}
.candidate_top .avatar a:hover {
  opacity: 0.75;
}
.candidate_tooltipAvatar img {
  float: left;
  max-width: 500px;
  max-height: 500px;
  margin: -5px -13px;
}
.candidate_tooltipAvatar .hoverdelete {
  top: 9px;
  right: 1px;
}
.candidate_topRight {
  position: relative;
  float: right;
  margin: 23px 25px 0 0;
  z-index: 2;
}
@media (max-width: 1200px) {
  .candidate_topRight {
    margin-top: 5px;
  }
}
.candidate_likes {
  position: relative;
  float: left;
  display: block;
  height: 34px;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
}
.candidate_likes:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #000;
  border-radius: 3px;
  box-sizing: border-box;
  opacity: 0;
  z-index: 2;
}
.candidate_likes:hover:after {
  opacity: 0.15;
}
.candidate_likesOwn {
  position: relative;
  float: left;
  display: block;
  width: 34px;
  height: 34px;
  background-color: #666;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.candidate_likesOwn.pa10 {
  background-image: url(/img/icons/12/dislike_ffffff.svg);
}
.candidate_likesOwn.pa50 {
  background-image: url(/img/icons/12/maybe_ffffff.svg);
}
.candidate_likesOwn.pa80 {
  background-image: url(/img/icons/12/like_ffffff.svg);
}
.candidate_likesOwn.pa100 {
  background-image: url(/img/icons/12/starbox_ffffff.svg);
}
.candidate_likesOwn.none {
  background-image: url(/img/icons/12/like_aaaaaa.svg);
}
.candidate_likesAvg {
  position: relative;
  float: left;
  display: block;
  height: 34px;
  background: #aaa;
  padding: 5px 10px 0 15px;
  text-transform: uppercase;
  text-align: center;
  line-height: 12px;
  font-size: 11px;
  font-weight: 100;
  color: #fff;
  box-sizing: border-box;
  margin-left: -5px;
}
.candidate_likesAvg strong {
  display: block;
}
.candidate_tooltipLikes {
  width: 196px;
  margin: -6px -14px;
}
.candidate_tooltipLikeOptions {
  padding: 15px;
}
.candidate_tooltipComments .candidate_tooltipLikeOptions {
  float: right;
  padding: 0;
}
.candidate_tooltipLikeOption {
  transition: all 0.25s;
  float: left;
  display: block;
  width: 34px;
  height: 34px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 3px;
}
.candidate_tooltipLikeOption:not(:first-child) {
  margin-left: 10px;
}
.candidate_tooltipComments .candidate_tooltipLikeOption:not(:first-child) {
  margin-left: 5px;
}
.candidate_tooltipLikeOption:not(.active) {
  background-color: #666 !important;
  opacity: 0.5;
}
.candidate_tooltipLikeOption:not(.active):hover {
  opacity: 1;
}
.candidate_tooltipLikeOption.pa10 {
  background-image: url(/img/icons/12/dislike_ffffff.svg);
}
.candidate_tooltipLikeOption.pa50 {
  background-image: url(/img/icons/12/maybe_ffffff.svg);
}
.candidate_tooltipLikeOption.pa80 {
  background-image: url(/img/icons/12/like_ffffff.svg);
}
.candidate_tooltipLikeOption.pa100 {
  background-image: url(/img/icons/12/starbox_ffffff.svg);
}
.candidate_tooltipLikeOptionTitle {
  transition: all 0.25s;
  display: none;
  height: 20px;
  background: #222 !important;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #666;
  overflow: hidden;
  border-radius: 3px;
  margin-top: 10px;
}
.candidate_tooltipLikeOptionTitle.active {
  color: #999;
}
.candidate_tooltipLikeOptionTitle.none {
  color: #666;
}
.candidate_tooltipLikeOptions:not(.hover) .candidate_tooltipLikeOptionTitle.active,
.candidate_tooltipLikeOptionTitle.hover {
  display: block;
}
.candidate_tooltipLikesHolder {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 15px 15px 15px;
}
.candidate_tooltipLikesLiker {
  transition: all 0.25s;
  float: left;
  width: 100%;
  margin-top: 15px;
}
.candidate_tooltipLikesLiker.comment {
  background: url(/img/icons/12/chat_ffffff.svg) 100% calc(100% - 2px) no-repeat;
}
.candidate_tooltipLikesLiker.comment:hover {
  background-image: url(/img/icons/12/chat_3296fa.svg);
}
.candidate_tooltipLikesLikerName,
.candidate_tooltipLikesLikerRating {
  float: right;
  width: calc(100% - 40px);
  line-height: 15px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.candidate_tooltipLikesLikerName {
  font-weight: bold;
}
.candidate_tooltipLikesLikerRating img {
  float: left;
  margin: 1px 5px 0 0;
}
.candidate_comments {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 44px;
  height: 34px;
  background: #fff url(/img/icons/24/chat_aaaaaa.svg) 50% 50% no-repeat;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  cursor: pointer;
  margin-left: 5px;
  opacity: 0.5;
}
.candidate_comments:hover {
  opacity: 1;
}
.candidate_comments.active {
  background-image: url(/img/icons/24/chat_3296fa.svg);
  opacity: 1;
}
.candidate_comments div {
  transition: all 0.25s;
  position: absolute;
  top: 3px;
  right: 24px;
  height: 11px;
  min-width: 6px;
  background: #f54b4b;
  padding: 0 2px;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #fff;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 3px;
}
.candidate_tooltipComments {
  width: 480px;
  margin: -6px -14px;
}
.candidate_tooltipCommentsWrite {
  padding: 15px;
}
.candidate_tooltipCommentsWrite .textarea {
  float: right;
  width: calc(100% - 50px);
  background: #222;
  border-color: #444;
}
.candidate_tooltipCommentsWrite .textarea .contentEditable {
  color: #fff;
}
.candidate_tooltipCommentsWrite .textarea .contentHidden_content {
  border-color: #444;
}
.candidate_tooltipComment {
  width: 450px;
  padding: 15px;
  line-height: 16px;
  font-size: 12px;
}
.candidate_tooltipComment:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.candidate_tooltipCommentName {
  font-size: 14px;
  font-weight: bold;
  float: right;
  width: calc(100% - 50px);
  margin: 2px 0 5px 0;
}
.candidate_tooltipCommentRating {
  display: inline-block;
  vertical-align: top;
  margin: 1px 0 0 10px;
}
.candidate_tooltipCommentName span {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 10px;
}
.candidate_tooltipComment.unread .candidate_tooltipCommentName span {
  color: #f54b4b;
}
.candidate_tooltipCommentIcons {
  transition: all 0.25s;
  float: right;
  opacity: 0.25;
}
.candidate_tooltipComment:hover .candidate_tooltipCommentIcons {
  opacity: 1;
}
.candidate_tooltipCommentIcons img {
  float: left;
  margin-left: 10px;
}
.candidate_tooltipCommentText {
  float: right;
  width: calc(100% - 50px);
}
.candidate_topRightButtons {
  float: left;
  margin-left: 20px;
}
.candidate_topRightButtons .button {
  margin-left: 5px;
}
.candidate_topTitle {
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
}
.candidate_topTitle .headline {
  display: inline-block;
}
.candidate_topTitleEdit {
  transition: all 0.25s;
  cursor: pointer;
}
.candidate_topTitleEdit:hover {
  color: #3296fa;
}
.candidate_topTitleJob {
  display: inline-block;
  height: 24px;
  vertical-align: top;
  background: rgba(0, 0, 0, 0.025);
  padding: 0 10px;
  line-height: 23px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 0 0 10px;
}
.candidate_topTitleRelations {
  display: inline-block;
  height: 24px;
  vertical-align: top;
  overflow: hidden;
  border-radius: 3px;
  margin: 0 0 0 5px;
}
.candidate_topTitleRelations a {
  transition: all 0.25s;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.15) url(/img/icons/12/heartoutlined_ffffff.svg) 50% 50% no-repeat;
  vertical-align: top;
  overflow: hidden;
}
.candidate_topTitleRelations a:not(:last-child) {
  margin-right: 1px;
}
.candidate_topTitleRelations a:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.candidate_topTitleRelationsFollowers.others {
  background-image: url(/img/icons/12/heart_ffffff.svg) !important;
}
.candidate_topTitleRelationsFollowers.you {
  background-color: #f54b4b !important;
  background-image: url(/img/icons/12/heart_ffffff.svg) !important;
  opacity: 0.5;
}
.candidate_topTitleRelationsFollowers.you:hover {
  opacity: 1;
}
.candidate_topTitleRelationsJobs {
  background-image: url(/img/icons/12/bag_ffffff.svg) !important;
}
.candidate_topTitleRelationsTalentPools {
  background-image: url(/img/icons/12/silhouettes_ffffff.svg) !important;
}
.candidate_tooltipFollowers {
  min-width: 260px;
  margin: -6px -14px;
}
.candidate_tooltipFollowersTitle {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  margin: 15px;
}
.candidate_tooltipFollower {
  padding: 15px;
  margin-top: -5px;
}
.candidate_tooltipFollower:not(:first-child) {
  padding-top: 0;
}
.candidate_tooltipFollower .avatar {
  transition: all 0.25s;
  margin-right: 10px;
}
.candidate_tooltipFollower:hover .avatar {
  box-shadow: 0 0 0 30px rgba(245, 75, 75, 0.5) inset;
}
.candidate_tooltipFollowerName {
  height: 30px;
  line-height: 31px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}
.candidate_tooltipFollower .hoverdelete {
  top: auto;
  bottom: 20px;
  right: inherit;
  left: 20px;
}
.candidate_tooltipFollowersAdd {
  padding: 15px;
}
.candidate_tooltipFollowersAdd:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.candidate_tooltipFollowersAdd .input {
  background: #222;
  border-color: #444;
}
.candidate_tooltipFollowersAdd .input input {
  color: #fff;
}
.candidate_tooltipRelations {
  white-space: nowrap;
  font-size: 12px;
  margin: -6px -14px;
}
.candidate_tooltipRelationsSectionTitle {
  text-transform: uppercase;
  font-weight: bold;
  color: #999;
  overflow: hidden;
  margin: 15px 15px 10px 15px;
}
.candidate_tooltipRelationsSection {
  padding: 0 15px;
}
.candidate_tooltipRelationsSection:last-child {
  padding-bottom: 15px;
}
.candidate_tooltipRelation {
  display: block;
  background: rgba(255, 255, 255, 0.05);
  padding: 0 10px;
  text-decoration: none !important;
  border-left: 3px solid rgba(255, 255, 255, 0.15);
  margin-bottom: 1px;
}
.candidate_tooltipRelation:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.25);
}
.candidate_tooltipRelation.active {
  border-color: rgb(50, 150, 250);
}
.candidate_tooltipRelation:nth-child(2n+2) {
  background: rgba(255, 255, 255, 0.025);
}
.candidate_tooltipRelation:last-child {
  margin-bottom: 0;
}
.candidate_tooltipRelationDate {
  float: right;
  height: 30px;
  line-height: 31px;
  font-size: 10px;
  color: #999;
  overflow: hidden;
  margin-left: 15px;
}
.candidate_tooltipRelationTitle {
  height: 30px;
  line-height: 31px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
}
.candidate_tooltipRelationSub {
  height: 30px;
  line-height: 31px;
  color: #3296fa;
  overflow: hidden;
  margin-top: -15px;
}
.candidate_tooltipRelationSub.hired {
  color: #64C84B;
}
.candidate_tooltipRelationSub.archived {
  color: #F54B4B;
}
.candidate_tooltipRelationSub.archived span {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 18px;
  color: #fff;
  opacity: 0.25;
}
.candidate_topTitleCV {
  transition: all 0.25s;
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.025);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 50%;
  margin-left: 5px;
}
.candidate_topTitleCV:hover {
  box-shadow: 0 0 0 13px rgba(50, 150, 250, 1) inset;
}
.candidate_topTitleCV:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/img/icons/12/cv_000000.svg) 50% 50% no-repeat;
  opacity: 0.4;
}
.candidate_topTitleCV:hover:before {
  filter: invert(100%);
  opacity: 1;
}
.candidate_tooltipTasks {
  white-space: nowrap;
  font-size: 12px;
  margin: -6px -14px 9px -14px;
}
.candidate_tooltipTasksTitle {
  text-transform: uppercase;
  font-weight: bold;
  color: #999;
  overflow: hidden;
  margin: 15px 15px -5px 15px;
}
.candidate_tooltipTasksTask {
  transition: all 0.25s;
  display: block;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% + 10px) 50% no-repeat;
  padding: 0 34px 0 15px;
  text-decoration: none;
  overflow: hidden;
  margin-top: 15px;
}
.candidate_tooltipTasksTask.completed {
  opacity: 0.5;
}
.candidate_tooltipTasksTask:hover {
  background-position: calc(100% - 15px) 50%;
  opacity: 1;
}
.candidate_tooltipTasksTask.completed:before {
  content: "";
  float: left;
  width: 30px;
  height: 30px;
  background: url(/img/icons/12/checkmark_64c84b.svg) 50% 50% no-repeat;
  border: 1px solid #64c84b;
  border-radius: 50%;
  box-sizing: border-box;
}
.candidate_tooltipTasksTaskTitle,
.candidate_tooltipTasksTaskDate {
  max-width: 300px;
  padding: 0 30px 0 10px;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.candidate_tooltipTasksTaskTitle {
  font-weight: bold;
  color: #fff;
}
.candidate_tooltipTasksTask.completed .candidate_tooltipTasksTaskTitle {
  text-decoration: line-through;
}
.candidate_tooltipTasksTask.completed .candidate_tooltipTasksTaskTitle,
.candidate_tooltipTasksTask.completed .candidate_tooltipTasksTaskDate {
  filter: blur(1px);
}
.candidate_tooltipTasksTask.completed:hover .candidate_tooltipTasksTaskTitle,
.candidate_tooltipTasksTask.completed:hover .candidate_tooltipTasksTaskDate {
  filter: blur(0);
}
.candidate_tooltipTasksTaskDate {
  color: #999;
}
.candidate_tooltipTasksTaskDate .overdue {
  color: #f54b4b;
}
.candidate_topInfo {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
}
.candidate_topInfoApplied,
.candidate_topInfoActivity {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
}
.candidate_topInfoActivity {
  background: url(/img/icons/12/pulse_3296fa.svg) 0 50% no-repeat;
  padding-left: 17px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.candidate_topInfoApplied a {
  transition: all 0.25s;
  background-image:
    linear-gradient(
      to right,
      #3296fa 50%,
      rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 2px 1px;
  background-repeat: repeat-x;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
.candidate_topInfoApplied a:hover {
  color: #3296fa;
}
.candidate_topData {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
  padding-top: 8px;
}
.candidate_topData div {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
}
.candidate_topData img {
  vertical-align: top;
  margin: 3px 5px 0 0;
}
.candidate_top .candidate_actionFile {
  transition: all 0.25s;
  position: absolute;
  bottom: 20px;
  left: 125px;
  right: 0;
  height: 50px;
  background: rgb(255, 255, 235);
  padding-top: 4px;
  padding-left: 5px;
  box-sizing: border-box;
  opacity: 0;
}
.candidate_top .candidate_actionFile.active {
  opacity: 1;
  z-index: 1;
}
.candidate_top .candidate_actionFile .dropdown {
  float: left;
  width: calc(100% - 431px);
}
.candidate_top .candidate_actionFile .candidate_actionSlideTopClose {
  float: left;
  margin-top: 5px;
}
.candidate_subtop {
  background: #fff;
  box-shadow: 0 -1px 0 0 #e5e5e5 inset;
}
.candidate_subtop .tabs {
  padding: 0 25px;
}
.candidate_pipeline {
  transition: all 0.25s;
  float: right;
  margin: 15px 25px;
  cursor: pointer;
}
.popup:not(.snoozed) .candidate_pipelineSnoozed,
.popup.snoozed .candidate_pipeline {
  display: none;
}
.candidate_pipeline:hover {
  transform: scale(1.05);
}
.candidate_pipelineStage {
  position: relative;
  float: left;
}
.candidate_pipelineStage * {
  transition: all 0.25s;
}
.candidate_pipelineStage span {
  position: relative;
  display: block;
  float: left;
  min-width: 10px;
  height: 10px;
  line-height: 8px;
  font-size: 0;
  font-weight: bold;
  color: #fff;
  border: 2px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 5px;
  z-index: 1;
}
.candidate_pipelineStage:not(:last-child) span {
  margin-right: 10px;
}
.candidate_pipelineStage.past span {
  background: #3296fa;
  border-color: #3296fa;
}
.candidate_pipeline.disqualified .candidate_pipelineStage.past span {
  background: #fff;
  border-color: #f54b4b;
}
.candidate_pipeline.hired .candidate_pipelineStage.past span {
  background: #64c84b;
  border-color: #64c84b;
}
.candidate_pipelineStage.active span {
  height: 20px;
  background: #3296fa;
  padding: 0 5px;
  line-height: 17px;
  font-size: 12px;
  border-color: #3296fa;
  border-radius: 10px;
  margin-top: 0;
}
.candidate_pipeline.disqualified .candidate_pipelineStage.active span {
  background: #fff;
  color: #f54b4b;
  border-color: #f54b4b;
}
.candidate_pipeline.hired .candidate_pipelineStage.active span {
  background: #64c84b;
  border-color: #64c84b;
}
.candidate_pipelineStage:not(:last-child):after {
  content: "";
  position: absolute;
  top: 9px;
  right: -1px;
  width: 12px;
  height: 2px;
  background: #e5e5e5;
}
.candidate_pipelineStage.past:after {
  background: #3296fa;
}
.candidate_pipeline.disqualified .candidate_pipelineStage.past:after {
  background: #f54b4b;
}
.candidate_pipeline.hired .candidate_pipelineStage.past:after {
  background: #64c84b;
}
.candidate_tooltipPipeline {
  width: 240px;
  overflow: hidden;
  border-radius: 3px;
  margin: -6px -14px;
}
.candidate_tooltipPipelineProceedStage,
.candidate_tooltipPipelineDisqualifyReason {
  position: relative;
  text-decoration: none;
}
.candidate_tooltipPipelineProceedStage span,
.candidate_tooltipPipelineDisqualifyReason span {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 40px;
  padding: 0 40px;
  line-height: 41px;
  color: #fff;
  overflow: hidden;
}
.candidate_tooltipPipelineProceedStage:hover span,
.candidate_tooltipPipelineDisqualifyReason:hover span {
  background: rgba(255, 255, 255, 0.05);
}
.candidate_tooltipPipeline:not(.disqualified) .candidate_tooltipPipelineProceedStage.active span {
  background: rgba(0, 0, 0, 0.25);
}
.candidate_tooltipPipeline.disqualified .candidate_tooltipPipelineDisqualifyReason.active span {
  background: rgba(245, 75, 75, 0.5);
}
.candidate_tooltipPipelineProceedStage:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  background: #333 url(/img/icons/12/arrow_ffffff.svg) -12px 50% no-repeat;
  border: 2px solid #666;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 2;
}
.candidate_tooltipPipelineProceedStage:hover:before {
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-color: #666;
}
.candidate_tooltipPipelineProceedStage.past:before {
  background-color: #3296fa;
  border-color: #3296fa;
}
.candidate_tooltipPipeline.hired .candidate_tooltipPipelineProceedStage.past:before {
  background-color: #64c84b;
  border-color: #64c84b;
}
.candidate_tooltipPipeline.disqualified .candidate_tooltipPipelineProceedStage.past:before {
  background-color: #333;
  border-color: #666;
}
.candidate_tooltipPipelineProceedStage.active:before,
.candidate_tooltipPipeline.hired .candidate_tooltipPipelineProceedStage.active:before,
.candidate_tooltipPipeline.disqualified .candidate_tooltipPipelineProceedStage.active:before {
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background: #3296fa url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  border-color: #3296fa;
}
.candidate_tooltipPipeline.hired .candidate_tooltipPipelineProceedStage.active:before {
  background-color: #64c84b;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
  border-color: #64c84b;
}
.candidate_tooltipPipeline.disqualified .candidate_tooltipPipelineProceedStage.active:before {
  background-color: #666;
  background-image: url(/img/icons/12/redo_ffffff.svg);
  border-color: #666;
}
.candidate_tooltipPipelineProceedStage:not(:last-child):after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 20px;
  left: 19px;
  width: 2px;
  height: 40px;
  background: #666;
  z-index: 1;
}
.candidate_tooltipPipelineProceedStage.past:after {
  background: #3296fa;
}
.candidate_tooltipPipeline.hired .candidate_tooltipPipelineProceedStage.past:after {
  background: #64c84b;
}
.candidate_tooltipPipeline.disqualified .candidate_tooltipPipelineProceedStage.past:after {
  background: #666;
}
.candidate_tooltipPipelineDisqualifyReason:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  border: 2px solid #666;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
}
.candidate_tooltipPipeline .candidate_tooltipPipelineDisqualifyReason:hover:before,
.candidate_tooltipPipeline.disqualified .candidate_tooltipPipelineDisqualifyReason.active:before {
  top: 14px;
  left: 14px;
  width: 12px;
  height: 12px;
  border-color: #fff;
}
.candidate_tooltipPipelineDisqualifyReason:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: rotate(45deg);
  z-index: 1;
}
.candidate_tooltipPipeline.disqualified .candidate_tooltipPipelineDisqualifyReason.active:after {
  top: 19px;
  width: 10px;
  height: 2px;
  background: #fff;
  border-radius: 0;
}
.candidate_tooltipPipelineProceedBar,
.candidate_tooltipPipelineDisqualifyBar {
  transition: all 0.25s;
  display: block;
  height: 40px;
  background: rgba(50, 150, 250, 0.5) url(/img/icons/12/redo_ffffff.svg) 14px 14px no-repeat;
  padding: 0 40px;
  line-height: 41px;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}
.candidate_tooltipPipelineDisqualifyBar {
  background-color: rgba(245, 75, 75, 0.5);
  background-image: url(/img/icons/12/notallowed_ffffff.svg);
}
.candidate_tooltipPipelineProceedBar:hover {
  background-color: rgba(50, 150, 250, 0.6);
}
.candidate_tooltipPipelineDisqualifyBar:hover {
  background-color: rgba(245, 75, 75, 0.6);
}
.candidate_pipelineSnoozed {
  float: right;
  height: 20px;
  background: #666 url(/img/icons/12/snooze_aaaaaa.svg) 5px 50% no-repeat;
  padding: 0 10px 0 22px;
  line-height: 21px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
  cursor: pointer;
  margin: 15px 25px;
}
.candidate_content {
  position: relative;
  width: 100%;
  height: calc(100% - 172px);
  background: #f3f3f3;
  overflow: auto;
}
.candidate_content:not(.active) {
  display: none;
}
.candidate_contentSearch {
  position: relative;
  transition: all 0.25s;
  height: 70px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.hideOtherContent .candidate_contentSearch {
  height: 0;
  border-bottom: 0 solid #e5e5e5;
}
.candidate_contentSearch input {
  transition: all 0.25s;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  padding: 20px 25px 20px 70px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.candidate_contentSearch:hover input,
.candidate_contentSearch input:focus {
  background-color: rgba(255, 255, 255, 0.5);
}
.candidate_contentSearchIcon {
  transition: all 0.25s;
  position: absolute;
  top: 20px;
  left: 25px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 1px #ddd inset;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: text;
}
.candidate_contentSearch input:focus + .candidate_contentSearchIcon,
.candidate_contentSearch input:not([value=""]) + .candidate_contentSearchIcon {
  box-shadow: 0 0 0 15px #3296fa inset;
}
.candidate_contentSearchIcon:before {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/img/icons/12/search_aaaaaa.svg) 50% 50% no-repeat;
}
.candidate_contentSearch input:focus + .candidate_contentSearchIcon:before,
.candidate_contentSearch input:not([value=""]) + .candidate_contentSearchIcon:before {
  background-image: url(/img/icons/12/search_ffffff.svg);
}
.candidate_contentNew {
  transition: all 0.25s;
  position: absolute;
  top: 20px;
  right: 25px;
}
.hideOtherContent .candidate_contentNew {
  top: -34px;
}
.candidate_contentContainer {
}
.candidate_contentBar {
  transition: all 0.25s;
  height: 70px;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.candidate_contentBar:hover {
  background: #F4F9FE !important;
}
.hideOtherContent .candidate_contentContainer:not(.active) .candidate_contentBar {
  height: 0;
  border-bottom: 0 solid #e5e5e5;
}
.candidate_contentBarActivity {
  float: right;
  background: url(/img/icons/12/pulse_3296fa.svg) 100% 50% no-repeat;
  padding: 0 17px 0 15px;
  line-height: 71px;
  font-size: 12px;
  color: #999;
}
.candidate_contentBarIcons {
  transition: all 0.25s;
  float: right;
  margin: 24px -100px 0 0;
}
.candidate_contentContainer.active .candidate_contentBarIcons {
  margin-right: 20px;
}
.candidate_contentBarIcons div {
  transition: all 0.25s;
  float: left;
  width: 22px;
  height: 22px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-right: 5px;
  cursor: pointer;
}
.candidate_contentBarIcons div:hover {
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #aaa inset;
}
.candidate_contentBarIcons div img {
  float: left;
  margin: 5px;
}
.candidate_contentBarToggle {
  position: relative;
  height: 70px;
  padding: 0 25px;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.candidate_contentBarToggle:before {
  transition: all 0.25s;
  content: "";
  float: left;
  width: 30px;
  height: 30px;
  background: #ccc url(/img/icons/14/back_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 20px 0 0 -30px;
  opacity: 0;
  transform: scale(0);
}
.hideOtherContent .candidate_contentContainer.active .candidate_contentBarToggle:before {
  width: 30px;
  height: 30px;
  margin: 20px 15px 0 0;
  opacity: 1;
  transform: scale(1);
}
.hideOtherContent .candidate_contentContainer.active .candidate_contentBarToggle:hover:before {
  background-color: #3296fa;
}
.candidate_contentBarToggle .avatar,
.candidate_contentBarToggle .avatars {
  margin: 15px 15px 0 0;
}
.candidate_contentBarToggle span {
  display: block;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.candidate_contentBarToggle span:first-of-type {
  font-weight: bold;
  margin-top: 18px;
}
.candidate_contentBarToggle span:last-of-type {
  font-size: 12px;
  color: #666;
}
.candidate_contentHolder {
  display: none;
  position: relative;
  padding: 25px;
}
.candidate_content:not(.hideOtherContent) .candidate_contentHolder {
  border-bottom: 1px solid #e5e5e5;
}
.candidate_content.hideOtherContent .candidate_contentHolder {
  height: calc(100vh - 343px);
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 1200px), (max-height: 800px) {
  .candidate_content.hideOtherContent .candidate_contentHolder {
    height: calc(100vh - 293px);
  }
}
.candidate_overviewLeft,
.candidate_overviewRight {
  float: left;
  width: 50%;
  padding: 0 13px 0 25px;
  box-sizing: border-box;
}
.candidate_overviewRight {
  float: right;
  padding: 0 25px 0 12px;
}
.candidate_overviewInfoHeader {
  position: relative;
  height: 50px;
  padding: 0 25px;
  white-space: nowrap;
  line-height: 51px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.candidate_overviewInfoHeader:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.candidate_overviewInfoHeader .circlebutton {
  float: right;
  font-weight: normal;
  margin: 10px 0;
  opacity: 0;
}
.contentbox:hover .candidate_overviewInfoHeader .circlebutton {
  opacity: 1;
}
.candidate_overviewInfoElements {
  padding: 15px 25px 5px 25px;
}
.candidate_overviewInfoElements:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.candidate_overviewInfoElement {
  margin-bottom: 10px;
}
.candidate_overviewInfoElement.icon {
  background-size: 12px;
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding-left: 22px;
}
.candidate_overviewInfoElement.icon span {
  transition: all 0s 0.5s;
  display: block;
  max-height: 20px;
  white-space: nowrap;
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
}
.candidate_overviewInfoElement.icon span:hover {
  white-space: normal;
  max-height: 9999px;
}
.candidate_overviewInfoElementIcons {
  float: right;
  line-height: 20px;
  font-size: 0;
  white-space: nowrap;
}
.candidate_overviewInfoElementIcons img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  opacity: 0;
}
.candidate_overviewInfoElement:hover .candidate_overviewInfoElementIcons img {
  opacity: 0.5;
}
.candidate_overviewInfoElementIcons img:hover {
  opacity: 1 !important;
}
.candidate_overviewInfoElement .edithide {
  overflow: hidden;
}
.candidate_overviewInfoLink {
  display: block;
  height: 20px;
  line-height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000;
  overflow: hidden;
}
.candidate_overviewInfoLink:hover {
  text-decoration: underline;
}
.candidate_overviewInfoLink img {
  float: left;
  margin: 4px 10px 0 0;
}
.candidate_overviewInfoMore {
  transition: color 0.25s;
  position: relative;
  height: 50px;
  background-color: #fafafa;
  padding: 0 25px;
  line-height: 51px;
  text-align: center;
  font-style: italic;
  color: #999;
  overflow: hidden;
  cursor: pointer;
}
.candidate_overviewInfoMoreContent {
  display: none;
}
.candidate_overviewEvent,
.candidate_overviewRelation {
  transition: all 0.25s;
  display: block;
  padding: 15px 25px;
  color: #000;
  text-decoration: none;
}
.candidate_overviewEvent:not(:last-child),
.candidate_overviewRelation:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.candidate_overviewEvent:hover,
.candidate_overviewRelation:hover {
  background: rgba(50, 150, 250, 0.05);
}
.candidate_overviewEvent.past:not(:hover) {
  text-decoration: line-through;
}
.candidate_overviewEventCalendar {
  float: left;
  position: relative;
  width: 50px;
  height: 50px;
  background: #fff;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  margin-right: 15px;
}
.candidate_overviewEvent.rejected .candidate_overviewEventCalendar {
  color: #ccc;
}
.candidate_overviewEvent.accepted .candidate_overviewEventCalendar:after,
.candidate_overviewEvent.notaccepted .candidate_overviewEventCalendar:after {
  content: "";
  position: absolute;
  top: 8px;
  right: -6px;
  width: 12px;
  height: 12px;
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 6px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.candidate_overviewEvent.notaccepted .candidate_overviewEventCalendar:after {
  background-color: #FFBE00;
  background-image: url(/img/icons/12/warning_ffffff.svg);
}
.candidate_overviewEvent.rejected .candidate_overviewEventCalendar:before,
.candidate_overviewEvent.rejected .candidate_overviewEventCalendar:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 23px;
  width: 4px;
  height: 60px;
  background: #F54B4B;
  border-radius: 2px;
  transform: rotate(45deg);
  z-index: 1;
}
.candidate_overviewEvent.rejected .candidate_overviewEventCalendar:after {
  transform: rotate(-45deg);
}
.candidate_overviewEventCalendar span {
  display: block;
  width: 100%;
  height: 15px;
  background: #FF644B;
  text-transform: uppercase;
  line-height: 16px;
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
.candidate_overviewEvent.notaccepted .candidate_overviewEventCalendar span {
  background: #FFBE00;
}
.candidate_overviewEvent.rejected .candidate_overviewEventCalendar span {
  opacity: 0.35;
}
.candidate_overviewEvent .avatars {
  transition: all 0.25s;
  float: right;
  margin: 10px 0 0 15px;
  opacity: 0.5;
}
.candidate_overviewEvent:hover .avatars {
  opacity: 1;
}
.candidate_overviewEventInfo {
  overflow: hidden;
}
.candidate_overviewEventTitle {
  line-height: 16px;
  font-weight: bold;
}
.candidate_overviewEventTitle span {
  display: inline-block;
  vertical-align: top;
  background: #64C84B;
  padding: 0 3px;
  height: 14px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: 0 0 0 5px;
}
.candidate_overviewEvent.notaccepted .candidate_overviewEventTitle span {
  background: #FFBE00;
}
.candidate_overviewEvent.rejected .candidate_overviewEventTitle span {
  background: #F54B4B;
}
.candidate_overviewEventDate,
.candidate_overviewEventLocation {
  line-height: 14px;
  font-size: 12px;
  color: #666;
  margin-top: 3px;
}
.candidate_overviewEventLocation {
  color: #999;
}
.candidate_overviewEventLocation img {
  float: left;
  margin: 1px 5px 0 0;
}
.candidate_overviewTask {
  display: block;
  text-decoration: none;
  color: #000;
}
.candidate_overviewTask.overdue {
  background: rgba(245, 75, 75, 0.025) !important;
}
.candidate_overviewTask:hover {
  background: rgba(50, 150, 250, 0.05) !important;
}
.candidate_overviewTask.overdue:hover {
  background: rgba(245, 75, 75, 0.05) !important;
}
.candidate_overviewTask.overdue .candidate_activityDate {
  color: #f54b4b;
}
.candidate_overviewTask.solved:not(:hover) {
  text-decoration: line-through;
}
.candidate_overviewTaskPriority {
  display: inline-block;
  vertical-align: top;
  background: #FFD200;
  padding: 0 3px;
  height: 14px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: 3px 0 0 5px;
}
.candidate_overviewTaskPriority.medium {
  background: #FF9100;
}
.candidate_overviewTaskPriority.high {
  background: #F54B4B;
}
.candidate_overviewLearningPoints {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  background: #3296fa;
  padding: 0 10px;
  line-height: 21px;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin: 15px 0 0 10px;
}
.candidate_overviewLearningPointsTop {
  background: rgb(255, 255, 235);
}
.candidate_overviewLearningPointsTop .avatar {
  margin-right: 15px;
}
.candidate_overviewLearningPointsTop .headline {
  margin-top: 7px;
}
.candidate_overviewLearningPointsStats {
  display: flex;
  margin: -13px -13px -12px -12px;
}
.candidate_overviewLearningPointsStatsBox {
  margin: 5px;
}
.candidate_overviewLearningPointsStatsBoxTitle {
  background: url(/img/icons/12/calendar_f54b4b.svg) 0% 2px no-repeat;
  padding-left: 22px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #f54b4b;
}
.candidate_overviewLearningPointsStatsBox.courses .candidate_overviewLearningPointsStatsBoxTitle {
  background-image: url(/img/icons/12/education_3296fa.svg);
  color: #3296fa;
}
.candidate_overviewLearningPointsStatsBox.points .candidate_overviewLearningPointsStatsBoxTitle {
  background-image: url(/img/icons/12/add_64c84b.svg);
  color: #64c84b;
}
.candidate_overviewLearningPointsStatsBox.costs .candidate_overviewLearningPointsStatsBoxTitle {
  background-image: url(/img/icons/12/wallet_f54b4b.svg);
  color: #f54b4b;
}
.candidate_overviewLearningPointsStatsBoxNumber {
  transition: all 0.25s;
  height: 60px;
  line-height: 61px;
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  color: #f54b4b;
  overflow: hidden;
}
.candidate_overviewLearningPointsStatsBox.courses .candidate_overviewLearningPointsStatsBoxNumber {
  color: #3296fa;
}
.candidate_overviewLearningPointsStatsBox.points .candidate_overviewLearningPointsStatsBoxNumber {
  color: #64c84b;
}
.candidate_overviewLearningPointsStatsBox.costs .candidate_overviewLearningPointsStatsBoxNumber {
  color: #f54b4b;
}
.candidate_overviewLearningPointsEdit {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/edit_aaaaaa.svg) 50% 50% no-repeat;
}
.candidate_overviewLearningPointsDelete {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
}
.candidate_overviewLearningCards {
  height: 300px;
  padding: 25px 25px 25px 0px;
  white-space: nowrap;
  font-size: 0px;
  overflow-y: hidden;
  overflow-x: auto;
}
.candidate_overviewLearningCard {
  position: relative;
  width: 100%;
  background: #aaa;
  padding-top: 120%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.candidate_overviewLearningCards .candidate_overviewLearningCard {
  display: inline-block;
  width: 250px;
  padding-top: 300px;
  margin-left: 25px;
}
.candidate_overviewLearningCard.locked:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: url(/img/icons/12/lock_closed_ffffff.svg) 50% 50% no-repeat;
  background-size: 48px;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.15));
  z-index: 1;
}
.candidate_overviewLearningCard:after {
  transition: background-color 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 3px;
}
.candidate_overviewLearningCard.selected:after {
  background: rgba(50, 150, 250, 0.75) url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
}
.candidate_overviewLearningCardImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aaa;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.candidate_overviewLearningCard.locked .candidate_overviewLearningCardImage {
  filter: blur(0px);
}
.candidate_overviewLearningCard.locked:not(:hover) .candidate_overviewLearningCardImage {
  filter: blur(5px) grayscale(1);
}
.candidate_overviewLearningCard:hover .candidate_overviewLearningCardImage {
  transform: scale(1.1);
}
.candidate_overviewLearningCardGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(25, 75, 125, 0.15), rgba(25, 75, 125, 0.85));
}
.candidate_overviewLearningCardLabels {
  position: absolute;
  top: 15px;
  right: 15px;
}
.candidate_overviewLearningCardLabels div {
  transition: all 0.25s;
  float: right;
  height: 22px;
  background: #ffbe00 url(/img/icons/12/mandatory_ffffff.svg) calc(100% - 8px) 5px no-repeat;
  padding: 0 24px 0 10px;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 2px 0 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  clear: both;
}
.candidate_overviewLearningCardLabels div.recommended {
  background-color: #3296fa;
  background-image: url(/img/icons/12/like_ffffff.svg);
}
.candidate_overviewLearningCardLabels div.overdue {
  background-color: #f54b4b;
  background-image: url(/img/icons/12/bell_ffffff.svg);
}
.candidate_overviewLearningCardLabels div.completed {
  background-color: #64c84b;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.candidate_overviewLearningCard:not(:hover) .candidate_overviewLearningCardLabels div:not(:last-child) {
  margin: -50px 0 30px 0;
  opacity: 0;
}
.candidate_overviewLearningCardTitle {
  position: absolute;
  bottom: 20px;
  left: 25px;
  width: calc(100% - 50px);
  color: #fff;
}
.candidate_overviewLearningCard.selected .candidate_overviewLearningCardTitle {
  z-index: 4;
  cursor: pointer;
}
.candidate_overviewLearningCardTitleStars {
  position: relative;
  transition: all 0.25s;
  display: inline-block;
  font-size: 0px;
  opacity: 0.35;
  z-index: 2;
}
.candidate_overviewLearningCard:hover .candidate_overviewLearningCardTitleStars {
  opacity: 1;
}
.candidate_overviewLearningCardTitleStars img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}
.candidate_overviewLearningCard:hover .candidate_overviewLearningCardTitleStars img {
  margin-right: 5px;
}
.candidate_overviewLearningCardTitle .headline {
  white-space: normal;
  font-size: 14px;
  line-height: 20px;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.15));
}
.candidate_overviewLearningCard .boxlink {
  z-index: 1;
}
.candidate_overviewRelation {
  position: relative;
}
.candidate_overviewRelationDate {
  float: right;
  font-size: 12px;
  color: #999;
  margin-left: 15px;
}
.candidate_overviewRelationTitle,
.candidate_overviewRelationSub {
  overflow: hidden;
}
.candidate_overviewRelationTitle span {
  padding-left: 5px;
  font-weight: 300;
  color: #999;
}
.candidate_overviewRelationSub {
  background: url(/img/icons/12/arrow_3296fa.svg) 0 4px no-repeat;
  padding-left: 17px;
  font-size: 12px;
  color: #3296fa;
}
.candidate_overviewRelationSub.hired {
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
  color: #64C84B;
}
.candidate_overviewRelationSub.archived {
  background-image: url(/img/icons/12/notallowed_f54b4b.svg);
  color: #F54B4B;
}
.candidate_overviewRelationSub.archived span {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 18px;
  color: #999;
}
.candidate_overviewRelationSub.department {
  background-image: url(/img/icons/12/company_aaaaaa.svg);
  color: #999;
}
.candidate_overviewMapCandidate {
  position: absolute;
  top: calc(70% - 8px);
  left: 15%;
  width: 16px;
  height: 16px;
}
.candidate_overviewMapCandidate:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #0099ff;
  border-radius: 50%;
  opacity: 0.5;
  animation-name: pulse_animation;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
}
.candidate_overviewMapCandidate:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: #0099ff;
  border: 2px solid #fff;
  border-radius: 50%;
}
.candidate_overviewMapJob {
  position: absolute;
  top: calc(30% - 8px);
  left: 40%;
  width: 16px;
  height: 16px;
}
.candidate_overviewMapJob:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #F54B4B;
  border-radius: 50%;
  opacity: 0.5;
  animation-name: pulse_animation;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
}
.candidate_overviewMapJob:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: #F54B4B;
  border: 2px solid #fff;
  border-radius: 50%;
}
@keyframes pulse_animation {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  75% {
    transform: scale(5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.candidate_overviewMapBox {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 170px;
  background: rgba(250, 250, 250, 0.9);
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.candidate_overviewMapBoxMedia {
  height: 80px;
  line-height: 80px;
  background: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}
.candidate_overviewMapBoxMedia img {
  max-width: 120px;
  max-height: 50px;
  vertical-align: middle;
}
.candidate_overviewMapBoxTravel {
  display: table-cell;
  vertical-align: middle;
  height: 130px;
  padding: 0 25px;
}
.candidate_overviewMapBoxTravel a {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(/img/googlemaps.svg);
  margin-top: 10px;
}
.candidate_form .contentbox {
  overflow: hidden;
}
.candidate_form .contentToggleBar {
  background-color: #fafafa;
  padding-top: 16px;
  padding-bottom: 15px;
}
.candidate_form .contentToggleBar:hover {
  background-color: #f5f5f5;
}
.candidate_formElement {
  transition: all 0.25s;
}
.candidate_formElement:not(:first-child) {
  border-top: 1px solid #eee;
}
.candidate_formElement:hover {
  background: rgba(255, 255, 0, 0.05);
}
.candidate_formElementTitle {
  float: left;
  width: 30%;
  padding: 17px 25px;
  line-height: 16px;
  font-size: 12px;
  color: #666;
  box-sizing: border-box;
}
.candidate_formElementTitle .edit {
  transition: all 0.25s;
  float: left;
  display: block;
  background: url(/img/icons/12/edit_ffffff.svg) calc(100% - 4px) 50% no-repeat;
  background-size: 8px;
  padding: 0 16px 0 5px;
  margin: 0 -16px 0 -5px;
  border-radius: 2px;
  cursor: pointer;
}
.candidate_formElement:hover .candidate_formElementTitle .edit {
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
}
.candidate_formElementContent {
  float: right;
  width: 70%;
  padding: 15px 25px;
  box-sizing: border-box;
}
.tooltip_formOptions {
  margin: 4px 1px;
}
.tooltip_formOption {
  background: url(/img/icons/12/deselect_ffffff.svg) 0 3px no-repeat;
  line-height: 16px;
  padding: 2px 0 2px 22px;
}
.tooltip_formOption:not(.active) {
  opacity: 0.5;
}
.tooltip_formOption.active {
  background-image: url(/img/icons/12/select_ffffff_64c84b.svg);
}
.candidate_formElementFiles {
  overflow: hidden;
  margin-top: -5px;
}
.candidate_formElementFile {
  transition: all 0.25s;
  float: left;
  display: block;
  max-width: 200px;
  height: 20px;
  background: #3296fa;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin: 5px 5px 0 0;
}
.candidate_formElementFile:hover {
  background: #fff;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa inset;
}
.candidate_formElementImages {
  overflow: hidden;
  margin-top: -5px;
}
.candidate_formElementImage {
  float: left;
  height: 100px;
  min-width: 50px;
  background: #aaa;
  overflow: hidden;
  border-radius: 3px;
  margin: 5px 5px 0 0;
  cursor: zoom-in;
}
.candidate_formElementImage img {
  transition: all 0.25s;
  float: left;
  max-width: 250px;
  max-height: 100px;
  margin: 50px 0 0 50%;
  transform: translate(-50%, -50%);
}
.candidate_formElementImage:hover img {
  transform: translate(-50%, -50%) scale(1.25);
}
.candidate_formElementVideo {
  transition: all 0.25s;
  float: left;
  width: 100%;
  max-width: 400px;
}
.candidate_formElementContent table {
  padding: 0;
  border: 0;
  margin: 0;
}
.candidate_formElementContent table:not(:first-child) {
  margin-top: 10px;
}
.candidate_formElementContent td {
  padding: 0;
  vertical-align: top;
  margin: 0;
}
.candidate_formElementContent td:first-child {
  padding-right: 10px;
  text-align: right;
  font-size: 12px;
  color: #666;
}
@media (max-width: 1200px) {
  .candidate_formElementContent .scorecard,
  .candidate_formElementContent .scorecard .score,
  .candidate_formElementContent .scorecard .title,
  .candidate_formElementContent .scorecard .rating {
    display: block;
    width: 100%;
  }
  .candidate_formElementContent .scorecard:not(.overall) .rating {
    padding: 0 15px 15px 15px;
  }
  .candidate_formElementContent .scorecard .title {
    padding: 15px;
  }
  .candidate_formElementContent .scorecard .score:not(:last-child) {
    border-bottom: 1px solid #ddd;
  }
  .candidate_formElementContent .scorecard .title,
  .candidate_formElementContent .scorecard .rating {
    border: 0 !important;
  }
}
.candidate_formElementContent .scorecard.overall {
  background: #fff;
}
.candidate_formElementContent .scorecard.overall .infomessage {
  margin: -16px -16px 15px -16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.candidate_formElementScreening {
  float: right;
  height: 20px;
  padding: 0 10px;
  line-height: 21px;
  font-size: 10px;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin-left: 5px;
}
.candidate_formElementScreening div {
  float: right;
  width: 14px;
  height: 14px;
  background: conic-gradient(#000 0%, rgba(255, 255, 255, 0.25) 0);
  border-radius: 50%;
  margin: 3px -7px 0 5px;
}
.candidate_formElementScreening div span {
  float: left;
  margin: 2px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
}
.candidate_evaluationRateBad:before,
.candidate_evaluationRateNotGood:before,
.candidate_evaluationRateGood:before,
.candidate_evaluationRateVeryGood:before,
.candidate_evaluationRateExcellent:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #F54B4B;
  border-radius: 50%;
  margin: 6px 5px 0 0;
}
.candidate_evaluationRateNotGood:before {
  background: #FF9100;
}
.candidate_evaluationRateGood:before {
  background: #FFD200;
}
.candidate_evaluationRateVeryGood:before {
  background: #AFD21E;
}
.candidate_evaluationRateExcellent:before {
  background: #64C84B;
}
.candidate_evaluationScoreBox .contentbox {
  padding: 2px;
  border-radius: 5px;
}
.candidate_evaluationScoreColumns {
  display: table;
  float: left;
  width: calc(100% - 96px);
  box-sizing: border-box;
}
.candidate_evaluationScoreColumn {
  transition: all 0.25s;
  display: table-cell;
  vertical-align: top;
}
.candidate_evaluationScoreColumnRating {
  height: 34px;
  background: #aaa;
  text-align: center;
  line-height: 34px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.candidate_evaluationScoreColumn.none .candidate_evaluationScoreColumnRating {
  min-width: 34px;
  background: #aaa !important;
}
.candidate_evaluationScoreColumnRating span {
  display: inline-block;
  padding: 0 5px;
  transform: translate(0, 1px);
}
.candidate_evaluationScoreColumn.none .candidate_evaluationScoreColumnRating span {
  display: none;
}
.candidate_evaluationScoreColumnRating .icon {
  display: inline-block;
  transform: translate(0, 2px);
  margin: 0 5px;
}
.candidate_evaluationScoreColumn.none .candidate_evaluationScoreColumnRating .icon {
  margin: 0;
}
.candidate_evaluationScoreColumnUsers {
  height: 60px;
  border-left: 1px dashed #e5e5e5;
  border-right: 1px dashed #e5e5e5;
}
.candidate_evaluationScoreColumnUsers .avatars {
  margin: 11px -50% 0 50%;
  transform: translate(-50%, 0);
}
.candidate_evaluationScoreColumnUsers .avatars .avatar {
  cursor: pointer;
}
.candidate_evaluationScoreColumnUsers .avatars .avatar.active {
  z-index: 2;
  box-shadow:
    0 0 0 2px #fff,
    0 0 0 3px #3296fa,
    0 0 10px rgba(0, 0, 0, 0.25);
  transform: scale(1.1);
}
.candidate_tooltipEvaluationUser {
  max-width: 400px;
  margin: 9px 1px;
}
.candidate_tooltipEvaluationUserTitle,
.candidate_tooltipEvaluationUserRating {
  height: 20px;
  line-height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
}
.candidate_tooltipEvaluationUserTitle {
  font-weight: bold;
}
.candidate_tooltipEvaluationUserRating img {
  float: left;
  margin: 3px 5px 0 0;
}
.candidate_tooltipEvaluationUserComment {
  background: #222;
  padding: 10px 15px;
  border: 1px solid #444;
  border-radius: 3px;
  margin-top: 10px;
}
.candidate_evaluationScoreColumnUsers span {
  display: block;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  font-weight: 300;
  color: #ddd;
  transform: translate(0, 2px);
}
.candidate_evaluationScoreColumn:first-child .candidate_evaluationScoreColumnRating,
.candidate_evaluationScoreColumn:first-child .candidate_evaluationScoreColumnUsers {
  border-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.candidate_evaluationScoreColumn:last-child .candidate_evaluationScoreColumnRating,
.candidate_evaluationScoreColumn:last-child .candidate_evaluationScoreColumnUsers {
  border-right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.candidate_evaluationScoreCard {
  float: right;
  position: relative;
  width: 94px;
  height: 94px;
  padding-top: 45px;
  line-height: 40px;
  text-align: center;
  font-size: 30px;
  font-weight: 100;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 3px;
}
.candidate_evaluationScoreCard img {
  position: absolute;
  top: 26px;
  left: 50%;
  margin-left: -6px;
  transform: scale(2);
}
.candidate_messageTypeSMS {
  float: left;
  height: 15px;
  background: #aaa;
  padding: 0 5px;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-radius: 2px;
  margin: 1px 5px 0 0;
}
.candidate_messageTypeDraft,
.candidate_messageTypeBounced {
  font-weight: bold;
  font-size: 13px !important;
  color: #FF9100 !important;
}
.candidate_messageTypeBounced {
  color: #F54B4B !important;
}
.candidate_messageTypeDraft:before,
.candidate_messageTypeSent:before,
.candidate_messageTypeReceived:before,
.candidate_messageTypeBounced:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #FF9100;
  border-radius: 50%;
  margin: 6px 5px 0 0;
}
.candidate_messageTypeSent:before {
  background: #64C84B;
}
.candidate_messageTypeReceived:before {
  background: #3296fa;
}
.candidate_messageTypeBounced:before {
  background: #F54B4B;
}
.candidate_messageInfo {
  display: table;
  width: calc(100% - 95px);
  font-size: 12px;
  color: #999;
  margin-bottom: 20px;
}
.candidate_messageInfoRow {
  display: table-row;
}
.candidate_messageInfoTitle {
  width: 1%;
  padding-right: 15px;
  white-space: nowrap;
  display: table-cell;
}
.candidate_messageInfoResult {
  display: table-cell;
}
.candidate_messageAttached {
  margin: -10px -10px 20px -5px;
}
.candidate_messageAttached .circlebutton,
.candidate_messageButtons .circlebutton {
  margin: 5px 5px 0 0;
}
.candidate_messageBody {
  position: relative;
}
.candidate_messageButtons {
  position: absolute;
  bottom: 0;
  right: -5px;
  background: rgba(255, 255, 255, 0.85);
  padding: 5px 0 0 10px;
  border-top-left-radius: 25px;
}
.candidate_files {
  float: left;
  width: 100%;
  padding: 18px 18px 17px 17px;
  box-sizing: border-box;
}
.candidate_file {
  position: relative;
  float: left;
  width: calc(25% - 15px);
  padding-top: calc(25% - 15px);
  margin: 7px 7px 8px 8px;
}
.candidate_fileHolder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.candidate_filePreview {
  transition: all 0.25s;
  position: relative;
  max-height: calc(100% - 40px);
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  margin: 10px;
}
.candidate_file:hover .candidate_filePreview {
  margin: 1px;
  max-height: calc(100% - 22px);
}
.candidate_filePreview img {
  float: left;
  width: 100%;
}
.candidate_filePreview:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-image: linear-gradient(rgba(51, 51, 51, 0), #333);
}
.candidate_fileImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: zoom-in;
}
.candidate_file:hover .candidate_fileImage {
  transform: scale(1.1);
}
.candidate_fileImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}
.candidate_fileImageLink {
  width: 100%;
  visibility: hidden;
}
.candidate_file .videoRec,
.candidate_file .videoRec_image {
  border-radius: 0;
}
.candidate_fileOverlay {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.candidate_fileInfo {
  transition: all 0.25s;
  position: absolute;
  right: 25px;
  bottom: 20px;
  left: 25px;
}
.candidate_fileTitle,
.candidate_fileActivity {
  float: left;
  max-width: calc(100% - 35px);
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  clear: both;
}
.candidate_fileActivity {
  transition: all 0.25s;
  background: url(/img/icons/12/pulse_3296fa.svg) 0 50% no-repeat;
  padding: 0 0 0 17px;
  font-size: 12px;
  opacity: 0.5;
}
.candidate_file:hover .candidate_fileActivity {
  opacity: 1;
}
.candidate_file .circlebutton {
  transition: all 0.25s;
  position: absolute;
  right: 0;
  bottom: 5px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}
.candidate_file:hover .circlebutton {
  opacity: 1;
}
.candidate_activity {
  transition: all 0.25s;
  padding: 10px 25px;
}
.candidate_activity:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.candidate_activity:hover {
  background: rgba(255, 255, 0, 0.05);
}
.candidate_activityDate {
  float: right;
  padding: 5px 0;
  white-space: nowrap;
  font-size: 12px;
  color: #999;
}
.candidate_activityText {
  background: url(/img/icons/12/arrow_aaaaaa.svg) 10px 9px no-repeat;
  padding: 5px 15px 5px 32px;
  overflow: hidden;
}
.candidate_actionSlide {
  transition: all 0s 0.5s;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: calc(100% - 121px);
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 50;
}
.candidate_actionSlide.active {
  transition: all 0s;
  width: 100%;
}
.candidate_actionSlide:before {
  transition: all 0.5s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  opacity: 0;
}
.candidate_actionSlide.active:before {
  opacity: 0.9;
}
.candidate_actionSlideHolder {
  transition: all 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  box-shadow: -1px 0 0 0 #e5e5e5;
  transform: translate(100%, 0);
}
.candidate_actionSlide.active .candidate_actionSlideHolder {
  overflow-y: auto;
  transform: translate(0, 0);
}
.candidate_actionSlideTop {
  margin-bottom: 25px;
}
.candidate_actionSlideTop .headline {
  height: 30px;
  white-space: nowrap;
  line-height: 31px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.candidate_actionSlideTopClose {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 30px;
  height: 30px;
  background: #aaa url(/img/icons/12/close_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-left: 15px;
}
.candidate_actionSlideTopClose:hover {
  background-color: #f54b4b;
}
.candidate_actionMessage .candidate_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .candidate_actionMessage .candidate_actionSlideHolder {
    width: 100%;
  }
}
.candidate_actionMessageInvolved {
  display: table;
  width: 100%;
}
.candidate_actionMessageInvolvedRow {
  display: table-row;
}
.candidate_actionMessageInvolvedText {
  display: table-cell;
  position: relative;
  width: 1px;
  padding: 0 5px 5px 16px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
}
.candidate_actionMessageInvolvedText:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 5px;
  left: 0;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}
.candidate_actionMessageInvolvedText * {
  position: relative;
}
.candidate_actionMessageInvolvedField {
  display: table-cell;
  position: relative;
  padding-bottom: 5px;
}
.candidate_actionMessageInvolvedField .input,
.candidate_actionMessageInvolvedField .dropdown {
  border-radius: 0 3px 3px 0;
}
.candidate_actionMessageCcbccLink {
  transition: all 0.25s;
  position: absolute;
  display: none;
  top: 1px;
  right: 1px;
  height: 38px;
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1) 85px);
  padding: 0 15px 0 100px;
  line-height: 39px;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  border-radius: 2px;
}
.candidate_actionMessageCcbccLink.active {
  display: block;
}
.candidate_actionMessageCcbccLink.active:hover {
  color: #000;
}
.candidate_actionMessageCcbcc {
  display: none;
}
.candidate_actionMessageCcbcc.active {
  display: table-row;
}
.candidate_actionMessageSettings {
  min-height: 40px;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.candidate_actionMessageSettingsIcons {
  float: right;
  margin: -2px -7px;
}
.candidate_actionMessageSettingsIcons a {
  float: left;
  padding: 5px;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
}
.candidate_actionMessageSettingsIcons a:hover {
  background: #e5e5e5;
}
.candidate_actionMessageSettingsIcons img {
  float: left;
}
.candidate_actionMessageSettingsAttached {
  display: none;
  float: left;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px 0 15px;
  margin: 9px -15px -9px -15px;
}
.candidate_actionMessageSettingsAttached.active {
  display: block;
}
.candidate_actionMessageSettingsAttachedFile {
  height: 27px;
}
.candidate_actionMessageSettingsAttachedFileLink {
  display: block;
  float: left;
  width: calc(100% - 27px);
  white-space: nowrap;
  line-height: 18px;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.candidate_actionMessageLater {
  transition: all 0.25s;
  max-height: 0;
  background: #fff;
  padding: 0 1px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #ddd inset;
  border-radius: 3px;
}
.candidate_actionMessageLater.active {
  max-height: 200px;
  padding: 1px;
  margin: 25px 0 0 0;
}
.candidate_actionSlide .candidate_actionMessageLater.active {
  margin: 0 0 25px 0;
}
.candidate_actionMessageLater .choosebox {
  padding: 7px 15px;
  box-sizing: border-box;
}
.candidate_actionMessageLater .choosebox:not(:first-child) {
  border-top: 1px solid #eee;
}
.candidate_actionMessageLaterDate {
  transition: all 0.25s;
  float: left;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
  box-sizing: border-box;
}
.candidate_actionMessageLaterDate.active {
  max-height: 200px;
  padding-bottom: 15px;
}
.candidate_actionMessageLaterDate .input:first-child {
  float: left;
  width: calc(60% - 5px);
}
.candidate_actionMessageLaterDate .input:nth-child(2) {
  float: right;
  width: 40%;
}
.candidate_actionMessage .button.success:not(.active),
.candidate_actionMessage .button.secondary:not(.active) {
  display: none;
}
.candidate_actionMessage .button.secondary {
  margin-left: 5px;
}
.candidate_actionMessagePreview .contentbox {
  position: absolute;
  top: 77px;
  left: 25px;
  bottom: 90px;
  width: calc(100% - 50px);
}
.candidate_actionMessagePreview iframe {
  position: absolute;
  top: 25px;
  left: 25px;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  border: 0;
  border-radius: 3px;
}
.candidate_actionMessagePreview .button {
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.candidate_actionSchedule .candidate_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .candidate_actionSchedule .candidate_actionSlideHolder {
    width: 100%;
  }
}
.candidate_actionScheduleTable {
  display: table;
  width: 100%;
  background: #fafafa;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.smartTable .candidate_actionScheduleTable {
  padding: 0;
  border: 0px;
}
.candidate_actionScheduleTableRow {
  display: table-row;
}
.candidate_actionScheduleTableTitle {
  display: table-cell;
  width: 0;
  padding: 0 15px 0 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.candidate_actionScheduleTableInfo {
  display: table-cell;
  width: 100%;
}
.candidate_actionScheduleTableRow:not(:last-child) .candidate_actionScheduleTableInfo {
  padding-bottom: 5px;
}
.candidate_actionScheduleTableInfoMax {
  float: right;
  height: 40px;
  background: #fff url(/img/icons/12/silhouettes_aaaaaa.svg) 10px 50% no-repeat;
  line-height: 40px;
  padding: 0 10px 0 27px;
  color: #aaa;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-left: 5px;
}
.candidate_actionScheduleTableInfoMax:focus {
  background-image: url(/img/icons/12/silhouettes_3296fa.svg);
  color: #3296fa;
  border-color: #3296fa;
}
.candidate_actionScheduleTableInfoMax:empty:after {
  color: #aaa;
}
.candidate_actionScheduleTableInfoMax:focus:empty:after {
  color: #3296fa;
}
.candidate_actionScheduleInterviewers {
  float: right;
}
.candidate_actionScheduleInterviewersTitle {
  float: left;
  height: 40px;
  color: #999;
  line-height: 41px;
  overflow: hidden;
  margin-right: 10px;
}
.candidate_actionScheduleTableInfo .candidate_actionScheduleInterviewers {
  float: left;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  box-sizing: border-box;
}
.candidate_actionScheduleTableInfo .candidate_actionScheduleInterviewers .avatars {
  margin: 4px;
}
.candidate_actionScheduleInterviewers .avatar {
  color: #fff;
  cursor: pointer;
}
.candidate_actionScheduleInterviewers .avatar.highlighted {
  z-index: 1;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
  transform: scale(1.1);
}
.candidate_actionScheduleInterviewers .avatar.hide {
  transform: rotate(-45deg);
}
.candidate_actionScheduleInterviewers .avatar.hide.highlighted,
.candidate_actionScheduleInterviewers .avatar.hide:hover {
  transform: scale(1.1) rotate(-45deg);
}
.candidate_actionScheduleInterviewers .avatar:before,
.candidate_actionScheduleInterviewers .avatar:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  opacity: 0;
}
.candidate_actionScheduleInterviewers .avatar:before {
  top: 10px;
  left: calc(50% - 1px);
  box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.75);
}
.candidate_actionScheduleInterviewers .avatar.hide:before {
  height: calc(100% - 20px);
  opacity: 1;
}
.candidate_actionScheduleInterviewers .avatar:after {
  top: calc(50% - 1px);
  right: 10px;
}
.candidate_actionScheduleInterviewers .avatar.hide:after {
  transition: all 0.25s 0.25s;
  width: calc(100% - 20px);
  opacity: 1;
}
.candidate_actionScheduleInterviewers .avatar.add {
  background: #3296fa url(/img/icons/12/add_ffffff.svg) 50% 50% no-repeat;
}
.candidate_actionScheduleAvatarTooltip {
  padding: 15px;
  margin: -6px -14px;
}
.candidate_actionScheduleAvatarTooltip .avatar {
  margin: 0 0 10px 50%;
  transform: translate(-50%, 0);
}
.candidate_actionScheduleAvatarTooltipTitle {
  font-weight: bold;
  text-align: center;
  margin: 0 0 15px 0;
}
.candidate_actionScheduleAvatarTooltipEvaluation {
  border-top: 1px solid #444;
  padding: 15px;
  margin: 0 -15px -20px -15px;
}
.candidate_actionScheduleAvatarTooltipEvaluationTitle {
  height: 20px;
  background: #222;
  padding: 0 15px;
  line-height: 21px;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  overflow: hidden;
  border-bottom: 1px solid #444;
  margin: -15px -15px 10px -15px;
}
.candidate_actionScheduleCalendar .calendarDate {
  margin: -2px auto;
}
.candidate_actionScheduleCalendarTop {
  margin-top: -32px;
}
.candidate_actionScheduleCalendarTopRight {
  float: right;
}
.candidate_actionScheduleCalendarTopRight .selectbuttons,
.candidate_actionScheduleCalendarTopRight .button {
  margin: -2px 0 -2px 5px;
}
.candidate_actionScheduleCalendarSettingsTooltip {
  padding: 15px;
  margin: -6px -14px;
}
.candidate_actionScheduleCalendar .calendarWeekly {
  height: calc(100vh - 343px);
}
@media (max-width: 1200px), (max-height: 800px) {
  .candidate_actionScheduleCalendar .calendarWeekly {
    height: calc(100vh - 293px);
  }
}
.candidate_actionScheduleCalendarBottom {
  position: absolute;
  right: 25px;
  left: 25px;
  bottom: 25px;
}
.candidate_actionScheduleCalendarButtons {
  float: left;
}
.candidate_actionScheduleNotify:before {
  opacity: 0 !important;
}
.candidate_actionScheduleNotify .candidate_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .candidate_actionScheduleNotify .candidate_actionSlideHolder {
    width: 100%;
  }
}
.candidate_actionScheduleReminder {
  transition: all 0.25s;
  background: #fafafa;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.candidate_actionScheduleReminder.active {
  background: #fff;
}
.candidate_actionScheduleReminder *:not(.switch) {
  transition: all 0.25s;
}
.candidate_actionScheduleReminder:not(.active) *:not(.switch) {
  filter: blur(1px);
  opacity: 0.5;
}
.candidate_actionScheduleReminder .switch {
  margin-right: 15px;
}
.candidate_actionScheduleReminder .dropdown {
  float: right;
  max-width: 200px;
  margin: 2px 0 0 15px;
}
.candidate_actionScheduleReminderText {
  overflow: hidden;
}
.candidate_actionScheduleReminderText strong {
  padding: 0 3px;
  color: #3296fa;
  border-radius: 2px;
  margin: 0 3px;
  box-shadow: 0 0 0 1px #3296fa;
}
.candidate_actionFormArea:before,
.candidate_actionAutomationArea:before {
  opacity: 0 !important;
}
.candidate_actionForm .candidate_actionSlideHolder,
.candidate_actionFormArea .candidate_actionSlideHolder,
.candidate_actionAutomation .candidate_actionSlideHolder,
.candidate_actionAutomationArea .candidate_actionSlideHolder {
  width: 400px;
}
.candidate_actionForm .candidate_actionSlideTop,
.candidate_actionFormArea .candidate_actionSlideTop,
.candidate_actionAutomation .candidate_actionSlideTop,
.candidate_actionAutomationArea .candidate_actionSlideTop {
  padding: 25px 25px 0 25px;
}
.candidate_actionFormList,
.candidate_actionAutomationList {
  border-top: 1px solid #eee;
}
.candidate_actionFormSearch,
.candidate_actionAutomationSearch {
  height: 61px;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.candidate_actionFormSearch input,
.candidate_actionAutomationSearch input {
  width: 100%;
  background: url(/img/icons/12/search_aaaaaa.svg) 25px 24px no-repeat;
  padding: 15px 25px 15px 52px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.candidate_actionFormList a,
.candidate_actionAutomationList a {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 61px;
  background: url(/img/icons/12/form_aaaaaa.svg) 25px 24px no-repeat;
  padding: 0 25px 0 52px;
  line-height: 62px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.candidate_actionAutomationList a {
  background-image: url(/img/icons/12/update_aaaaaa.svg);
}
.candidate_actionFormEvaluate {
  background-image: url(/img/icons/12/star_aaaaaa.svg) !important;
}
.candidate_actionFormFolder,
.candidate_actionAutomationFolder {
  background-image: url(/img/icons/12/folder_3296fa.svg) !important;
}
.candidate_actionFormList a:hover,
.candidate_actionFormList a.active,
.candidate_actionAutomationList a:hover,
.candidate_actionAutomationList a.active {
  background-color: rgba(50, 150, 250, 0.05);
}
.candidate_actionFormList .searched,
.candidate_actionAutomationList .searched {
  background: rgba(50, 150, 250, 0.25);
}
.candidate_actionForm .button,
.candidate_actionFormArea .button,
.candidate_actionAutomation .button,
.candidate_actionAutomationArea .button {
  margin: 10px 0 10px 50%;
  transform: translate(-50%, 0);
}
.candidate_actionFormFill .candidate_actionSlideTop .circlebutton,
.candidate_actionFormFillEvaluate .candidate_actionSlideTop .circlebutton {
  float: right;
  margin-left: 15px;
}
.candidate_actionFormForward .candidate_actionSlideHolder,
.candidate_actionFormForwardEvaluate .candidate_actionSlideHolder {
  width: 800px;
}
.candidate_actionTask .candidate_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .candidate_actionTask .candidate_actionSlideHolder {
    width: 100%;
  }
}
.candidate_actionLearning .candidate_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .candidate_actionLearning .candidate_actionSlideHolder {
    width: 100%;
  }
}
.candidate_actionExport .candidate_actionSlideHolder,
.candidate_actionExportProgress .candidate_actionSlideHolder,
.candidate_actionExportDone .candidate_actionSlideHolder {
  width: 500px;
}
.candidate_actionExportProgress:before,
.candidate_actionExportDone:before {
  opacity: 0 !important;
}
.candidate_actionMove .candidate_actionSlideHolder {
  width: 500px;
}
.candidate_actionSnooze .candidate_actionSlideHolder,
.candidate_actionSnoozed .candidate_actionSlideHolder {
  width: 400px;
}
.candidate_actionFileEmbed {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  overflow: hidden;
  margin: 1px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.candidate_actionFileEmbed embed {
  width: 100%;
  height: 100%;
}

/* apps/shared-assets/css/platform_recruitment_jobs_files.css */
.files_overviewButtonsLeft {
  float: left;
  margin-bottom: 10px;
}
.files_overviewButtonsRight {
  float: right;
  margin-bottom: 10px;
}
.advTable .contentbox {
  max-height: calc(100vh - 280px);
}
.advTable .contentbox .advTableRow .circlebutton {
  position: absolute;
  top: 10px;
  right: 15px;
  opacity: 0;
}
.advTable .contentbox .advTableRow:hover .circlebutton {
  opacity: 1;
}
.files_file {
  position: relative;
  float: left;
  width: calc(25% - 15px);
  padding-top: calc(25% - 15px);
  margin: 8px 8px 7px 7px;
}
@media (min-width: 1600px) {
  .files_file {
    width: calc(20% - 15px);
    padding-top: calc(20% - 15px);
  }
}
@media (min-width: 1800px) {
  .files_file {
    width: calc(16.6666% - 15px);
    padding-top: calc(16.6666% - 15px);
  }
}
.files_fileHolder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.files_filePreview {
  transition: all 0.25s;
  position: relative;
  max-height: calc(100% - 40px);
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  margin: 10px;
}
.files_file:hover .files_filePreview {
  margin: 1px;
  max-height: calc(100% - 22px);
}
.files_filePreview img {
  float: left;
  width: 100%;
}
.files_filePreview:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-image: linear-gradient(rgba(51, 51, 51, 0), #333);
}
.files_fileImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: zoom-in;
}
.files_file:hover .files_fileImage {
  transform: scale(1.1);
}
.files_fileImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}
.files_fileImageLink {
  width: 100%;
  visibility: hidden;
}
.files_fileIcon {
  transition: all 0.25s;
  position: absolute;
  top: calc(50% - 28px);
  left: 50%;
  transform: translate(-50%, -50%) scale(8);
}
.files_file:hover .files_fileIcon {
  transform: translate(-50%, -50%) scale(9);
}
.files_fileOverlay {
  transition: all 0.25s;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.files_fileInfo {
  transition: all 0.25s;
  position: absolute;
  right: 25px;
  bottom: 20px;
  left: 25px;
}
.files_fileInfo .avatar {
  transition: opacity 0.25s;
  position: absolute;
  left: 0;
  bottom: 45px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  opacity: 0.5;
}
.files_file:hover .files_fileInfo .avatar {
  opacity: 1;
}
.files_fileTitle,
.files_fileActivity {
  float: left;
  max-width: calc(100% - 35px);
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  clear: both;
}
.files_fileActivity {
  transition: all 0.25s;
  background: url(/img/icons/12/pulse_3296fa.svg) 0 50% no-repeat;
  padding: 0 0 0 17px;
  font-size: 12px;
  opacity: 0.5;
}
.files_file:hover .files_fileActivity {
  opacity: 1;
}
.files_file .circlebutton {
  transition: all 0.25s;
  position: absolute;
  right: 0;
  bottom: 5px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}
.files_file .circlebutton.file_link {
  bottom: 40px;
  opacity: 0;
}
.files_file:hover .circlebutton {
  opacity: 1;
}
.files_file:hover .circlebutton.file_link {
  bottom: 45px;
}
.files_dragndrop {
  display: none;
}
.files_dragndrop .dragndrop {
  height: calc(100vh - 280px);
}
.files_embed {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  overflow: hidden;
  margin: 1px;
  border-radius: 2px;
}
.files_embed embed {
  width: 100%;
  height: 100%;
}

/* apps/shared-assets/css/platform_recruitment_jobsjrq.css */
.forms_window {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: calc(100% - 141px);
  margin-top: -36px;
}
.forms_builder,
.forms_preview {
  display: table-cell;
  position: relative;
}
.forms_dragline {
  position: relative;
  float: right;
  display: block;
  width: 2px;
  height: 100%;
  cursor: ew-resize;
  z-index: 50;
}
.forms_draglineHover {
  position: absolute;
  top: 0;
  left: -10px;
  right: -10px;
  height: 100%;
  z-index: 1;
}
.forms_draglineHandle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3296fa;
}
.forms_draglineHandle:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -11px;
  left: -9px;
  width: 20px;
  height: 20px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  background: #3296fa;
}
.forms_draglineHandle:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -7px;
  left: -5px;
  width: 12px;
  height: 12px;
  background: url(/img/icons/12/resize_ffffff.svg);
}
.forms_dragline:hover .forms_draglineHandle:before,
.forms_dragline:active .forms_draglineHandle:before,
.forms_dragline:hover .forms_draglineHandle:after,
.forms_dragline:active .forms_draglineHandle:after {
  margin-top: -10px;
}
.forms_scroll {
  position: relative;
  float: left;
  display: block;
  height: 100%;
  width: 100%;
  padding: 25px 25px 0 25px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.forms_builder .forms_scroll {
  width: calc(100% - 2px);
  padding-top: 10px;
}
.forms_bottom {
  height: 10px;
  overflow: hidden;
}
.forms_previewBanner {
  position: fixed;
  top: 140px;
  right: 0;
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-bottom-left-radius: 100%;
  z-index: 2;
}
.forms_previewBanner:not(.noHover) {
  cursor: pointer;
}
.forms_previewBanner span {
  transition: all 0.25s;
  position: absolute;
  bottom: 70px;
  right: -40px;
  width: 200px;
  height: 30px;
  background: rgba(50, 150, 250, 0.85);
  line-height: 31px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  transform: rotate(45deg);
  transform-origin: bottom;
}
.forms_previewBanner:not(.noHover):hover span {
  height: 40px;
  padding-top: 50px;
  line-height: 41px;
}
.forms_previewBanner:not(.noHover):after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 52px;
  height: 52px;
  background: url(/img/icons/12/external_ffffff.svg) 50% 50% no-repeat;
  opacity: 0;
}
.forms_previewBanner:not(.noHover):hover:after {
  top: 0;
  right: 0;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
  opacity: 1;
}
.forms_element {
  transition: box-shadow 0.25s, border 0.25s;
  margin-top: 15px;
}
.forms_addBottom {
  position: relative;
  top: 0;
  height: 90px;
  background: rgba(0, 0, 0, 0.015);
  border: 1px dashed rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-sizing: border-box;
  margin: 15px 0;
}
.forms_addBottomHolder {
  float: left;
  margin: 27px -50% 0 50%;
  transform: translate(-50%, 0);
}
.forms_addBottomOr {
  float: left;
  height: 34px;
  padding: 0 10px;
  line-height: 35px;
  font-style: italic;
  color: #999;
  overflow: hidden;
}
.forms_delete {
  transition: all 0.25s;
  position: absolute;
  top: -10px;
  right: -10px;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  opacity: 0;
}
.forms_element:hover .forms_delete {
  opacity: 1;
}
.forms_element:hover .input .forms_delete {
  opacity: 0;
}
.forms_element .input:hover .forms_delete {
  opacity: 1;
}
.forms_element .forms_delete:hover {
  background: #F54B4B;
}
.forms_delete span {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}
.forms_delete span:before,
.forms_delete span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 2px;
  background: #F54B4B;
  border-radius: 1px;
}
.forms_delete span:after {
  top: 0;
  left: 4px;
  width: 2px;
  height: 10px;
}
.forms_delete:hover span:before,
.forms_delete:hover span:after {
  background: #fff;
}
.forms_element .contentPadding {
  padding: 15px 25px;
}
.forms_multilines,
.forms_dropdown,
.forms_multichoice {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 10px 0 10px 10px;
}
.forms_multilines span,
.forms_multilines span:before,
.forms_multilines span:after {
  transition: all 0.25s;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 3px;
  width: 12px;
  height: 2px;
  background: #ccc;
  border-radius: 1px;
}
.forms_multilines span:before {
  top: 4px;
  left: 0;
  width: 8px;
}
.forms_multilines span:after {
  top: 8px;
  left: 0;
  width: 10px;
}
.forms_multilines.active span,
.forms_multilines.active span:before,
.forms_multilines.active span:after {
  background: #64C84B;
}
.forms_dropdown span {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border: 2px solid #ccc;
  border-radius: 50%;
}
.forms_dropdown.active span {
  border-color: #3296FA;
}
.forms_dropdown span:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 1px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #ccc;
}
.forms_dropdown.active span:before {
  border-top-color: #3296FA;
}
.forms_multichoice span {
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
}
.forms_multichoice span:before,
.forms_multichoice span:after {
  transition: all 0.25s;
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 1px;
  box-shadow: 0 0 0 1px #fff;
}
.forms_multichoice span:before {
  top: 0;
  right: 0;
}
.forms_multichoice span:after {
  bottom: 0;
  left: 0;
}
.forms_multichoice.active span:before,
.forms_multichoice.active span:after {
  border-color: #64C84B;
}
.forms_mandatory {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 10px;
}
.forms_mandatory span,
.forms_mandatory span:before,
.forms_mandatory span:after {
  transition: all 0.25s;
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 8px;
  width: 2px;
  height: 12px;
  background: #ccc;
  border-radius: 1px;
}
.forms_mandatory span:before,
.forms_mandatory span:after {
  top: 0;
  left: 0;
  transform: rotate(60deg);
}
.forms_mandatory span:after {
  transform: rotate(120deg);
}
.forms_mandatory.active span,
.forms_mandatory.active span:before,
.forms_mandatory.active span:after {
  background: #F54B4B;
}
.forms_element .forms_extra {
  transition: all 0.25s;
  height: 0;
  padding-top: 0;
  overflow: hidden;
  opacity: 0;
}
.forms_element.active .forms_extra {
  height: 100%;
  padding-top: 15px;
  overflow: visible;
  opacity: 1;
}
.forms_sortable {
  list-style: none;
  padding: 0;
  margin: 0;
}
.forms_sortable li {
  transition: box-shadow 0.25s;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.forms_sortable li.ui-sortable-placeholder {
  visibility: visible !important;
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  margin: 15px 0 0 0;
}
.forms_optionlist .forms_sortable li.ui-sortable-placeholder {
  margin: 0 0 2px 0;
}
.forms_sortable li.ui-sortable-helper {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.forms_sortable li.ui-sortable-helper .forms_element {
  border-color: #3296fa;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15), 0 0 0 1px #3296fa inset;
  margin-top: 0;
}
.forms_sortable li.ui-sortable-helper .forms_page {
  background: #3296fa;
}
.forms_sortable li.ui-sortable-helper .forms_add,
.forms_sortable li.ui-sortable-helper .forms_delete {
  opacity: 0;
}
.forms_optionlist .forms_sortable li.ui-sortable-helper {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
.forms_sortable .input {
  cursor: inherit;
}
.forms_optionlist .input:not(.add) {
  margin-bottom: 2px;
}
.forms_optionlist .input.add {
  background: #f9f9f9;
}
.forms_sortIcon {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 12px;
  height: 2px;
  background: #000;
  border-radius: 1px;
  margin: 18px 13px;
  opacity: 0.15;
}
.forms_optionlist li:hover .forms_sortIcon {
  opacity: 0.25;
}
.forms_sortIcon:before,
.forms_sortIcon:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  border-radius: 1px;
}
.forms_sortIcon:after {
  top: 4px;
}

/* apps/shared-assets/css/platform_recruitment_jobs_overview.css */
.overview_title {
  height: 60px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.overview_title .headline {
  height: 60px;
  padding: 0 25px;
  line-height: 61px;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow: hidden;
}
.overview_title.withMenu .headline {
  float: left;
  max-width: calc(100% - 19px);
}
.overview_titleMenu {
  float: left;
  width: 16px;
  height: 16px;
  margin: 22px 0 0 -16px;
}
.overview_titleMenu span {
  transition: all 0.5s;
  position: relative;
  float: left;
  width: 4px;
  height: 4px;
  background: #aaa;
  border-radius: 50%;
  margin: 6px;
}
.overview_titleMenu:hover span,
.overview_titleMenu.active span {
  transform: rotate(270deg);
}
.overview_titleMenu span:before,
.overview_titleMenu span:after {
  content: "";
  position: absolute;
  top: -6px;
  width: 4px;
  height: 4px;
  background: #aaa;
  border-radius: 50%;
}
.overview_titleMenu span:after {
  top: 6px;
}
.overview_title .selectbuttons {
  box-shadow: none;
  overflow: hidden;
}
.overview_left {
  float: left;
  width: calc(66.6666% - 5px);
}
.overview_leftHolder {
  position: relative;
}
.overview_leftElement {
  height: 60px;
  overflow: hidden;
}
.overview_leftElement:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.overview_leftElementLogo {
  position: relative;
  float: left;
  height: 40px;
  width: 100px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 10px 0 0 25px;
}
.overview_leftElementLogo.none {
  height: 30px;
  background: #fafafa;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 15px 0 0 25px;
}
.overview_leftElementLogo img {
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.overview_leftCandidatesHolder {
  width: 100%;
  overflow: auto;
}
.overview_leftCandidates {
  display: flex;
  padding: 20px 0 20px 20px;
}
.overview_leftCandidatesStage {
  flex: 1;
  min-width: 210px;
}
.overview_leftCandidatesStage:last-child {
  padding-right: 20px;
}
.overview_leftCandidatesStageTitle {
  transition: all 0.25s;
  display: block;
  height: 30px;
  background: rgba(50, 150, 250, 0) url(/img/icons/12/arrow_ffffff.svg) calc(100% + 13px) 50% no-repeat;
  padding: 0 32px 0 15px;
  white-space: nowrap;
  line-height: 31px;
  font-size: 12px;
  color: #3296fa;
  text-decoration: none;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(50, 150, 250, 0.25) inset;
  margin: 5px;
}
.overview_leftCandidatesStage:hover .overview_leftCandidatesStageTitle {
  background-color: rgba(50, 150, 250, 1);
  color: #fff;
}
.overview_leftCandidatesStage .overview_leftCandidatesStageTitle:hover {
  background-position: calc(100% - 15px) 50%;
}
.overview_leftCandidatesStageCandidate {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 40px;
  background: rgba(50, 150, 250, 0.1);
  padding: 10px;
  line-height: 18px;
  text-decoration: none;
  color: #000;
  border: 1px solid rgba(50, 150, 250, 0.25);
  border-radius: 3px;
  margin: 5px;
}
.overview_leftCandidatesStageCandidate.warning {
  background: rgba(255, 255, 0, 0.1);
  border-color: rgba(255, 170, 0, 0.25);
}
.overview_leftCandidatesStageCandidate.rotten {
  background: rgba(245, 75, 75, 0.1);
  border-color: rgba(245, 75, 75, 0.25);
}
.overview_leftCandidatesStageCandidate.hired {
  background: rgba(100, 200, 75, 0.1);
  border-color: rgba(100, 200, 75, 0.25);
}
.overview_leftCandidatesStageCandidate:hover {
  border-color: rgba(50, 150, 250, 1);
  box-shadow: 0 0 0 1px rgba(50, 150, 250, 1);
}
.overview_leftCandidatesStageCandidate.warning:hover {
  border-color: rgba(255, 170, 0, 1);
  box-shadow: 0 0 0 1px rgba(255, 170, 0, 1);
}
.overview_leftCandidatesStageCandidate.rotten:hover {
  border-color: rgba(245, 75, 75, 1);
  box-shadow: 0 0 0 1px rgba(245, 75, 75, 1);
}
.overview_leftCandidatesStageCandidate.hired:hover {
  border-color: rgba(100, 200, 75, 1);
  box-shadow: 0 0 0 1px rgba(100, 200, 75, 1);
}
.overview_leftCandidatesStageCandidate.warning:after,
.overview_leftCandidatesStageCandidate.rotten:after,
.overview_leftCandidatesStageCandidate.hired:after {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 30px;
  height: 30px;
  background: rgb(255, 170, 0) url(/img/icons/12/warning_ffffff.svg) 12px 7px no-repeat;
  border-radius: 0 3px 0 30px;
}
.overview_leftCandidatesStageCandidate.rotten:after {
  background-color: rgb(245, 75, 75);
}
.overview_leftCandidatesStageCandidate.hired:after {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
  background-color: rgb(100, 200, 75);
}
.overview_leftCandidatesStageCandidate .avatar {
  margin-right: 10px;
  box-shadow: 0 0 0 2px #fff, 0 2px 4px rgba(0, 0, 0, 0.25);
}
.overview_leftCandidatesStageCandidateTitle {
  white-space: nowrap;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 3px;
}
.overview_leftCandidatesStageCandidateDate {
  transition: all 0.25s;
  background: url(/img/icons/12/arrow_3296fa.svg) 0 50% no-repeat;
  padding-left: 17px;
  white-space: nowrap;
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  opacity: 0.5;
}
.overview_leftCandidatesStageCandidate:hover .overview_leftCandidatesStageCandidateDate {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.overview_leftCandidatesStage .circlebutton {
  margin: 5px -50% 5px 50%;
  transform: translate(-50%, 0);
}
.overview_leftMedia {
  display: block;
  position: relative;
  height: 60px;
  color: #000;
  overflow: hidden;
}
.overview_leftMedia:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.overview_leftMedia:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overview_leftMedia:hover:after {
  background: rgba(50, 150, 250, 0.05);
}
.overview_leftMediaLogo {
  position: relative;
  float: left;
  height: 40px;
  width: 100px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 10px 0 0 25px;
}
.overview_leftMediaLogo.none {
  height: 30px;
  background: #fafafa;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 15px 0 0 25px;
}
.overview_leftMediaLogo img {
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}
.overview_leftMediaStats {
  display: flex;
  float: left;
  width: calc(100% - 180px);
  margin-top: 13px;
}
.overview_leftMediaStat {
  flex: 1;
  overflow: hidden;
}
@media (max-width: 1400px) {
}
@media (max-width: 1200px) {
}
.overview_leftMediaStat span {
  transition: all 0.25s;
  display: block;
  line-height: 17px;
  text-align: center;
}
.overview_leftMediaStat span:first-child {
  text-transform: uppercase;
  font-size: 10px;
  color: #999;
}
.overview_leftMediaStat span img {
  display: inline-block;
  vertical-align: top;
  padding: 1px 0 0 3px;
}
.overview_leftMediaStatus {
  float: right;
  width: 30px;
  height: 30px;
  background: #64C84B url(/img/icons/12/feed_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 15px 25px 0 0;
}
.overview_leftMedia.awaits .overview_leftMediaStatus {
  animation: awaitsRotation 4s infinite;
  background-color: #3296fa;
  background-image: url(/img/icons/12/update_ffffff.svg);
}
@keyframes awaitsRotation {
  0% {
    transform: rotate(0deg) scale(1);
  }
  5% {
    transform: rotate(-90deg) scale(0.75);
  }
  25% {
    transform: rotate(360deg) scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.overview_leftMedia.unpublished .overview_leftMediaStatus {
  background-color: #aaa;
  background-image: url(/img/icons/12/feed_none_ffffff.svg);
}
.overview_leftMedia.rejected .overview_leftMediaStatus {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/notallowed_ffffff.svg);
}
.overview_leftApproval {
  display: block;
  position: relative;
  height: 60px;
  text-decoration: none;
  color: #000;
  overflow: hidden;
}
.overview_leftApproval:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.overview_leftApproval:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overview_leftApproval:hover:after {
  background: rgba(50, 150, 250, 0.05);
}
.overview_leftApprovalRow {
  display: flex;
  float: left;
  width: calc(100% - 62px);
  margin-top: 14px;
}
.overview_leftApprovalColumn {
  flex: 1;
  padding: 0 8px 0 7px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.overview_leftApprovalColumn:first-child {
  padding-left: 25px;
}
.overview_leftApprovalColumn > span {
  transition: all 0.25s;
  display: block;
  line-height: 17px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.overview_leftApprovalColumn > span:first-child {
  text-transform: uppercase;
  font-size: 10px;
  color: #999;
  margin-top: -1px;
}
.overview_leftApprovalProgress {
  height: 4px;
  border-radius: 2px;
  background: #eee;
  margin-top: 3px;
}
.overview_leftApprovalProgress span {
  float: left;
  display: block;
  width: 100%;
  height: 4px;
  background: #64C84B;
  border-radius: 2px;
}
.overview_leftApproval.awaits .overview_leftApprovalProgress span {
  background: #3296fa;
}
.overview_leftApproval.rejected .overview_leftApprovalProgress span {
  background: #F54B4B;
}
.overview_leftApproval.cancelled .overview_leftApprovalProgress span {
  background: #999999;
}
.overview_leftApprovalStatus {
  float: right;
  width: 30px;
  height: 30px;
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 15px 25px 0 0;
}
.overview_leftApproval.awaits .overview_leftApprovalStatus {
  animation: awaitsRotationApproval 4s infinite;
  background-color: #3296fa;
  background-image: url(/img/icons/12/update_ffffff.svg);
}
@keyframes awaitsRotationApproval {
  0% {
    transform: rotate(0deg) scale(1);
  }
  5% {
    transform: rotate(-90deg) scale(0.75);
  }
  25% {
    transform: rotate(360deg) scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.overview_leftApproval.rejected .overview_leftApprovalStatus {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/notallowed_ffffff.svg);
}
.overview_leftApproval.cancelled .overview_leftApprovalStatus {
  background-color: #999999;
  background-image: url(/img/icons/12/delete_ffffff.svg);
}
.overview_leftElement .circlebutton {
  margin: 15px 0 0 50%;
  transform: translate(-50%, 0);
}
.overview_right {
  float: right;
  width: calc(33.3333% - 5px);
}
.overview_right .jobs_overviewCardInfo {
  border-bottom: 0;
}
@media (max-width: 1200px) {
  .jobs_overviewCardInfoStats:first-child {
    display: none;
  }
  .jobs_overviewCardRecruiters .avatar:not(:first-child) {
    margin-left: -12px;
  }
}
.overview_rightEventHeader {
  position: relative;
  height: 20px;
  background: #fafafa;
  padding: 0 25px;
  line-height: 21px;
  text-transform: uppercase;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.overview_rightEventHeader.red {
  background: rgba(245, 75, 75, 0.15);
  color: rgb(245, 75, 75);
  border-color: #FEC1C0;
  box-shadow: 0 -1px 0 0 #FEC1C0;
}
.overview_rightEventHeader.yellow {
  background: rgba(255, 190, 0, 0.15);
  color: rgb(255, 190, 0);
  border-color: #FFE8B5;
  box-shadow: 0 -1px 0 0 #FFE8B5;
}
.overview_rightEventHeader.green {
  background: rgba(100, 200, 75, 0.15);
  color: rgb(100, 200, 75);
  border-color: #C9ECC0;
  box-shadow: 0 -1px 0 0 #C9ECC0;
}
.overview_rightEventAvatars {
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}
.overview_rightEventAvatars:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.overview_rightEventAvatars .avatars {
  height: 40px;
  padding: 15px 25px;
}
.overview_rightEventAvatars .avatar {
  float: none;
  display: inline-block;
}
.overview_rightEvent {
  transition: all 0.25s;
  position: relative;
  display: block;
  overflow: hidden;
}
.overview_rightEvent:hover {
  background: rgba(50, 150, 250, 0.025);
}
.overview_rightEvent:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.overview_rightEvent.indefinite:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 25px;
  width: 40px;
  height: calc(100% - 30px);
  background: #aaa url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  border-radius: 3px;
  box-sizing: border-box;
}
.overview_rightEventCalendar {
  float: left;
  position: relative;
  width: 40px;
  height: 40px;
  background: #fff;
  text-align: center;
  line-height: 26px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  margin: 15px 0 15px 25px;
}
.rejected .overview_rightEventCalendar {
  color: #ccc;
}
.accepted .overview_rightEventCalendar:after,
.notaccepted .overview_rightEventCalendar:after,
.overdue .overview_rightEventCalendar:after {
  content: "";
  position: absolute;
  top: 8px;
  right: -6px;
  width: 12px;
  height: 12px;
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 6px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.notaccepted .overview_rightEventCalendar:after {
  background-color: #FFBE00;
  background-image: url(/img/icons/12/warning_ffffff.svg);
}
.overdue .overview_rightEventCalendar:after {
  background-color: #F54B4B;
  background-image: url(/img/icons/12/warning_ffffff.svg);
}
.rejected .overview_rightEventCalendar:before,
.rejected .overview_rightEventCalendar:after {
  content: "";
  position: absolute;
  top: -3px;
  left: 18px;
  width: 4px;
  height: 46px;
  background: #F54B4B;
  border-radius: 2px;
  transform: rotate(45deg);
  z-index: 1;
}
.rejected .overview_rightEventCalendar:after {
  transform: rotate(-45deg);
}
.overview_rightEventCalendar span {
  display: block;
  width: 100%;
  height: 14px;
  background: #FF644B;
  text-transform: uppercase;
  line-height: 15px;
  font-size: 9px;
  font-weight: normal;
  color: #fff;
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
.rejected .overview_rightEventCalendar span {
  opacity: 0.35;
}
.notaccepted .overview_rightEventCalendar span {
  background: #FFBE00;
}
.milestone .overview_rightEventCalendar span {
  background: #3296fa;
}
.overview_rightEventText {
  float: right;
  width: calc(100% - 105px);
  margin: 15px 25px 15px 0;
}
.overview_rightEventTitle {
  font-weight: bold;
  color: #000;
}
.overview_rightEventTitle img {
  float: left;
  margin: 3px 5px 0 0;
}
.overview_rightEventTime {
  float: left;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 300;
  color: #666;
}
.rejected .overview_rightEventTime {
  text-decoration: line-through;
}
.accepted .overview_rightEventTime span,
.notaccepted .overview_rightEventTime span {
  display: inline-block;
  vertical-align: top;
  background: #64C84B;
  padding: 0 3px;
  height: 14px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: 2px 0 0 5px;
}
.notaccepted .overview_rightEventTime span {
  background: #FFBE00;
}
.overview_rightEventLocation,
.overview_rightEventPhone,
.overview_rightEventReason {
  float: right;
  max-width: 100%;
  background: url(/img/icons/12/pin_aaaaaa.svg) 0 50% no-repeat;
  padding-left: 17px;
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
}
.overview_rightEventPhone {
  background-image: url(/img/icons/12/phone_aaaaaa.svg);
}
.overview_rightEventReason {
  background-image: url(/img/icons/12/notallowed_f54b4b.svg);
  color: #F54B4B;
}
@media (max-width: 1200px) {
  .overview_rightEventLocation,
  .overview_rightEventPhone,
  .overview_rightEventReason {
    width: 100%;
  }
}
.overview_rightRequisitions {
  float: right;
  width: 400px;
  box-shadow: none;
  margin-left: 25px;
}
.overview_rightRequisitionsHeadline {
  padding: 15px 25px;
  font-weight: bold;
}
.overview_rightRequisition {
  transition: all 0.25s;
  padding: 15px 25px;
}
.overview_rightRequisition:hover {
  background: rgba(50, 150, 250, 0.05);
}
.overview_rightRequisitionTitle {
  font-weight: bold;
}
.overview_rightRequisitionTitle .id {
  display: inline-block;
  font-weight: 300;
  color: #666;
  margin-left: 5px;
}
.overview_rightRequisitionStatus {
  background: url(/img/icons/12/update_3296fa.svg) 0 50% no-repeat;
  padding-left: 17px;
}
.overview_rightRequisitionStatus.approved {
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
}
.overview_rightRequisitionStatus.rejected {
  background-image: url(/img/icons/12/notallowed_f54b4b.svg);
}
.overview_rightRequisitionsAdd {
  background: #fafafa;
}

/* apps/shared-assets/css/platform_tasks.css */
.tasks_buttonsLeft {
  float: left;
  margin-top: -34px;
}
.tasks_buttonsLeft .button {
  margin-right: 15px;
}
.tasks_list {
  height: calc(100vh - 236px);
  margin-top: 10px;
}
.tasks_list .advTableTop .advTableLeft:before {
  content: "";
  float: left;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/checkmark_64c84b.svg) 50% 50% no-repeat;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 15px 15px 0 0;
}
.advTableRow {
  transition: all 0.25s;
}
.advTableRow.overdue:not(.solved) {
  color: #f54b4b;
}
.advTableRow.solved {
  color: rgba(0, 0, 0, 0.25);
}
.advTableRow.overdue:not(.solved) .advTableLeft,
.advTableRow.overdue:not(.solved) .advTableColumn {
  background: #fff7f6;
}
.advTableRow.overdue:not(.solved):hover .advTableLeft,
.advTableRow.overdue:not(.solved):hover .advTableColumn {
  box-shadow: 0 0 0 1000px rgba(245, 75, 75, 0.025) inset;
}
.tasks_list .checkbox,
.popup .task_checkbox {
  width: 20px;
  height: 20px;
  margin: 15px 15px 0 0;
}
.popup .task_checkbox {
  margin-top: 3px;
}
.tasks_list .checkbox:hover,
.popup .task_checkbox:hover {
  border-color: #64c84b;
}
.tasks_list .checkbox.active,
.popup .task_checkbox.active {
  background-color: #64c84b;
  border-color: #64c84b;
}
.tasks_list .checkbox:hover:before,
.popup .task_checkbox:hover:before {
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
  transform: scale(1);
}
.tasks_list .checkbox.active:before,
.popup .task_checkbox.active:before {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.tasks_listTask {
  transition: all 0.25s;
  position: relative;
}
.advTableRow.solved .tasks_listTask {
  color: rgba(0, 0, 0, 0.5);
}
.tasks_listTask:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 7px;
  left: -5px;
  width: 0;
  height: 2px;
  background: #000;
  overflow: hidden;
  border-radius: 1px;
  opacity: 0.5;
}
.advTableRow.solved .tasks_listTask:after {
  width: calc(100% + 10px);
}
.advTableRow .tasks_listDue span {
  display: inline-block;
  transition: background 0.25s, margin 0.25s;
  padding: 0 10px;
  line-height: 24px;
  border-radius: 12px;
  margin: 13px -10px;
}
.advTableRow.overdue:not(.solved) .tasks_listDue span {
  background: #f54b4b;
  font-weight: bold;
  color: #fff;
  margin: 13px 0;
}
.advTableRow .avatar {
  transition: all 0.25s;
}
.advTableRow.solved .avatar {
  opacity: 0.25;
}
.tasks_listPriority span {
  display: inline-block;
  transition: background 0.25s, margin 0.25s;
  padding: 0 10px;
  line-height: 24px;
  border-radius: 12px;
  margin: 13px -10px;
  cursor: default;
}
.advTableRow:not(.solved) .tasks_listPriority span {
  background: #FFD200;
  font-weight: bold;
  color: #fff;
  margin: 13px 0;
}
.advTableRow:not(.solved) .tasks_listPriority.medium span {
  background: #FF9100;
}
.advTableRow:not(.solved) .tasks_listPriority.high span {
  background: #F54B4B;
}
.advTableRow:not(.solved) .tasks_listPriority.none span {
  background: #fff;
  font-weight: normal;
  color: #aaa;
  box-shadow: 0 0 0 1px #ddd inset;
}
.advTableRow .slider {
  margin-top: 15px;
}
.advTableRow.solved .slider .fill:before {
  background: rgba(100, 200, 75, 0.25);
}
.advTableRow.solved .slider .fill .handle {
  background: #64C84B;
}
.popup:not(.solved) .showIfSolved,
.popup.solved .hideIfSolved {
  display: none;
}
.task_headline {
  transition: all 0.25s;
  float: left;
  position: relative;
  max-width: calc(100% - 80px);
}
.popup.solved .task_headline {
  color: rgba(0, 0, 0, 0.5);
}
.task_headline:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 13px;
  left: -5px;
  width: 0;
  height: 2px;
  background: #000;
  overflow: hidden;
  border-radius: 1px;
  opacity: 0.5;
}
.popup.solved .task_headline:after {
  width: calc(100% + 10px);
}
.task_priority {
  float: left;
  white-space: nowrap;
  padding: 25px;
  border-right: 1px solid #eee;
  margin: -25px 25px -25px -25px;
}
.task_priorityTag {
  display: inline-block;
  background: #FFD200;
  padding: 0 10px;
  line-height: 24px;
  font-weight: bold;
  color: #fff;
  border-radius: 12px;
  margin-top: 5px;
  cursor: default;
}
.task_priorityTag.medium {
  background: #FF9100;
}
.task_priorityTag.high {
  background: #F54B4B;
}
.task_priorityTag.none {
  background: #fff;
  font-weight: normal;
  color: #aaa;
  box-shadow: 0 0 0 1px #ddd inset;
}
.task_progress {
  overflow: hidden;
}
.task_progress .slider {
  margin: 7px 0 2px 0;
}
.popup.solved .task_progress .slider .fill {
  width: 100% !important;
}
.popup.solved .task_progress .slider .fill:before {
  background: rgba(100, 200, 75, 0.25);
}
.popup.solved .task_progress .slider .fill .handle {
  background: #64C84B;
}
.task_duecal {
  float: left;
  position: relative;
  width: 60px;
  height: 60px;
  background: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  margin-right: 15px;
}
.task_duecal:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-sizing: border-box;
}
.task_duecal span {
  display: block;
  width: 100%;
  height: 20px;
  background: #FF644B;
  text-transform: uppercase;
  line-height: 21px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
.task_reminder,
.task_repeat {
  float: left;
  background: url(/img/icons/12/bell_aaaaaa.svg) 0 50% no-repeat;
  padding-left: 17px;
  font-size: 12px;
  color: #666;
  margin-right: 10px;
}
.task_repeat {
  background-image: url(/img/icons/12/redo_aaaaaa.svg);
}
.task_reference {
  transition: all 0.25s;
  position: relative;
  display: block;
  background: #fafafa url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% - 15px) 50% no-repeat;
  padding: 10px 34px 10px 15px;
  white-space: nowrap;
  line-height: 40px;
  text-decoration: none;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-top: 5px;
}
.task_reference:hover {
  background-color: rgba(50, 150, 250, 0.1);
  border-color: #3296fa;
}
.task_reference:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 10px;
  left: 15px;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
}
.task_reference:hover:before {
  border-color: #3296fa;
}
.task_reference .avatar,
.task_reference img {
  transition: all 0.25s;
  position: relative;
  margin-right: 15px;
}
.task_reference img {
  float: left;
  margin: 14px 29px 14px 14px;
  transform: scale(1.5);
}
.task_reference:hover .avatar {
  transform: scale(0.85);
}
.task_reference:hover img {
  transform: scale(1);
}
.task_comment {
  margin-top: 25px;
}
.task_commentDelete {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 12px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
  opacity: 0;
}
.task_comment:hover .task_commentDelete {
  opacity: 0.5;
}
.task_comment:hover .task_commentDelete:hover {
  opacity: 1;
}
.task_commentContent {
  float: right;
  width: calc(100% - 55px);
}
.task_commentName {
  font-weight: bold;
}
.task_commentName span {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
  margin-left: 10px;
}
.task_commentText a {
  text-decoration: none;
  font-weight: bold;
}
.tasks_tooltipPriority {
  margin: 4px -4px;
}
.tasks_tooltipPriority .selectbuttons {
  transform: scale(1) !important;
}

/* apps/shared-assets/css/platform_messages.css */
.messages_buttonsLeft {
  float: left;
  margin-top: -34px;
}
.messages_buttonsRight {
  float: right;
  margin-top: -34px;
}
.messages_left {
  position: absolute;
  top: 225px;
  left: 0;
  bottom: 0;
  width: 350px;
  padding-top: 60px;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  overflow-x: hidden;
  overflow-y: auto;
}
.messages_search {
  position: fixed;
  width: 350px;
  height: 60px;
  overflow: hidden;
  margin-top: -60px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.messages_search input {
  transition: all 0.25s;
  width: 100%;
  background: #f9f9f9 url(/img/icons/12/search_aaaaaa.svg) 29px 24px no-repeat;
  padding: 15px 25px 15px 65px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.messages_search input:focus {
  background-color: #fff;
}
.message_archiveall {
  display: none;
  background: rgb(255, 255, 235);
}
.message_archiveall a {
  transition: all 0.25s;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  border-bottom: 1px dotted #3296fa;
}
.message_archiveall a:hover {
  color: #3296fa;
}
.message_teaser {
  transition: all 0.25s;
  height: 40px;
  padding: 15px 15px 15px 12px;
  overflow: hidden;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
}
.message_teaser:hover {
  background: rgba(255, 255, 255, 0.5);
}
.message_teaser.active {
  background: #fff;
  border-left: 3px solid #3296fa;
}
.message_teaser .avatar {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}
.message_teaserText {
  float: right;
  width: calc(100% - 50px);
  margin-top: -2px;
}
.message_teaserText span {
  transition: all 0.25s;
  float: right;
  line-height: 15px;
  font-size: 12px;
  color: #999;
  margin-left: 5px;
}
.message_teaser.unread .message_teaserText span {
  color: #3296fa;
}
.message_teaser.unread .message_teaserText span:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #3296fa;
  border-radius: 50%;
  margin: 4px 5px 0 0;
}
.message_teaserText div {
  transition: all 0.25s;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.message_teaser.unread .message_teaserText div:first-of-type {
  color: #3296fa;
}
.message_teaserText div:first-of-type {
  font-weight: bold;
}
.message_teaserText div:not(:first-of-type) {
  font-size: 12px;
}
.message_teaserText div:last-of-type {
  font-weight: normal !important;
  color: #666 !important;
}
.message_teaserText sms {
  float: left;
  height: 13px;
  padding: 0 3px;
  background: #fff;
  font-size: 10px;
  font-weight: normal;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-right: 5px;
}
.messages_right {
  position: absolute;
  top: 225px;
  right: 0;
  bottom: 0;
  width: calc(100% - 350px);
  background: #f3f3f3;
  padding: 25px;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
}
.message_actions {
  background: rgb(255, 255, 235);
  padding-bottom: 15px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.message_actions .button {
  margin: 0 10px 10px 0;
}
.message_actionsRight {
  float: right;
  margin-right: -10px;
}
.messages_right .avatar.d80,
.messages_right .avatars {
  margin-right: 15px;
}
.message_info {
  overflow: hidden;
  margin: -5px 0;
}
.message_info.notification {
  margin: 5px 0;
}
.message_infoDate {
  font-size: 12px;
  color: #999;
  margin-bottom: 3px;
}
.message_infoRelation {
  color: #666;
}
.message_tofrom {
  display: table;
  width: 100%;
  font-size: 12px;
  color: #666;
}
.message_tofromRow {
  display: table-row;
}
.message_tofromLeft {
  display: table-cell;
  width: 1px;
  padding-right: 15px;
  white-space: nowrap;
}
.message_tofromRight {
  display: table-cell;
}
.message_attachments {
  background: #fafafa;
  padding: 15px 15px 5px 25px;
}
.message_attachments:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.message_attachments .circlebutton {
  margin: 0 10px 10px 0;
}
.message_attachments .circlebutton .avatar {
  margin: -1px -5px -1px -1px;
  transform: scale(0.86666);
}

/* apps/shared-assets/css/platform_onboarding.css */
.tooltip_bulkEmployees {
  margin: -6px -14px;
}
.tooltip_bulkEmployee {
  padding: 15px 25px 15px 15px;
  margin-top: -5px;
}
.tooltip_bulkEmployee:not(:first-child) {
  padding-top: 0;
}
.tooltip_bulkEmployee .avatar {
  margin-right: 10px;
}
.tooltip_bulkEmployeeName {
  height: 30px;
  line-height: 31px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}
.onboarding_overviewLeft {
  float: left;
  width: calc(65% - 30px);
  height: calc(100vh - 221px);
  padding: 25px;
  overflow: auto;
  margin: -17px -17px -18px -18px;
}
.onboarding_overviewRight {
  float: right;
  width: calc(35% - 34px);
  height: calc(100vh - 221px);
  padding: 25px;
  overflow: auto;
  border-left: 1px solid #e5e5e5;
  margin: -17px -17px -18px -18px;
}
.onboarding_overviewHeadline {
  position: relative;
  height: 60px;
  padding: 17px 25px;
  box-sizing: border-box;
  overflow: hidden;
}
.onboarding_overviewHeadline:not(.collapsed) {
  border-bottom: 1px solid #e5e5e5;
}
.onboarding_overviewHeadline .circlebutton {
  position: relative;
  float: right;
  margin: -3px 41px;
  z-index: 1;
}
.onboarding_overviewHeadline .headline {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onboarding_overviewHeadline .headline .number {
  margin-left: 10px;
}
.onboarding_overviewHeadline .boxlink {
  transition: all 0.25s;
}
.onboarding_overviewHeadline .boxlink:hover {
  background: rgba(50, 150, 250, 0.05);
}
.onboarding_overviewHeadline .boxlink:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
  height: 60px;
  background: url(/img/careersite/down.svg) 50% 50% no-repeat;
  opacity: 0.5;
}
.onboarding_overviewHeadline .boxlink:hover:after {
  opacity: 1;
}
.onboarding_overviewHeadline.collapsed .boxlink:after {
  transform: rotate(180deg);
}
.onboarding_overviewProfiles {
  float: left;
  width: 100%;
  background: #fafafa;
  padding: 17px 18px 18px 17px;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.onboarding_overviewProfile {
  position: relative;
  float: left;
  width: calc(25% - 15px);
  box-sizing: border-box;
  margin: 8px 7px 7px 8px;
}
@media (max-width: 1599px) {
  .onboarding_overviewProfile {
    width: calc(33.3333% - 15px);
  }
}
@media (max-width: 1199px) {
  .onboarding_overviewProfile {
    width: calc(50% - 15px);
  }
}
.onboarding_overviewProfilePercent {
  position: relative;
  float: none;
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  margin: 0 auto -105px auto;
}
.onboarding_overviewProfilePercent:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: #fff;
  border-radius: 50%;
}
.onboarding_overviewProfilePercent span {
  position: absolute;
  top: 0;
  left: 50%;
  height: 20px;
  padding: 0 6px;
  line-height: 21px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  border-radius: 100% 100% 20px 20px;
  z-index: 1;
  transform: translate(-50%, 0);
}
.onboarding_overviewProfile .avatar {
  position: relative;
  float: none;
  display: block;
  margin: 0 auto;
}
.onboarding_overviewProfile .headline {
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  line-height: 20px;
  font-size: 14px;
  overflow: hidden;
  margin-top: 15px;
}
.onboarding_overviewProfile .subheadline {
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  color: #666;
  overflow: hidden;
}
.onboarding_overviewProfile .boxlink {
  transition: all 0.25s;
}
.onboarding_overviewProfile .boxlink:hover {
  background: rgba(255, 255, 0, 0.05);
}
.onboarding_overviewProfile .onboarding_overviewCardComments {
  position: absolute;
  top: 8px;
  right: 7px;
  margin: 0;
}
.onboarding_overviewRightItem {
  transition: all 0.25s;
  display: block;
  height: 60px;
  padding: 10px 25px;
  text-decoration: none;
  box-sizing: border-box;
  overflow: hidden;
}
.onboarding_overviewRightItem:hover {
  background: rgba(50, 150, 250, 0.05);
}
.onboarding_overviewRightItem .avatar {
  margin-right: 10px;
}
.onboarding_overviewRightItemDate {
  float: right;
  font-size: 12px;
  white-space: nowrap;
  color: #999;
  margin: 10px 0 0 10px;
}
.onboarding_overviewRightItemTitle,
.onboarding_overviewRightItemSubtitle {
  line-height: 24px;
  white-space: nowrap;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onboarding_overviewRightItemSubtitle {
  font-size: 12px;
  color: #666;
  margin-top: -6px;
}
.onboarding_overviewRightItemTitle .id {
  padding-left: 5px;
  font-weight: 300;
  color: #999;
}
.onboarding_overviewRightItemSubtitle .split {
  display: inline;
  padding: 0 5px;
  text-align: center;
  color: #ccc;
}
.onboarding_overviewRightItemSubtitle .split:before {
  content: "\2022";
}
.onboarding_overviewButtonsLeft {
  float: left;
}
.onboarding_overviewButtonsLeft .button {
  margin-right: 15px;
}
.onboarding_overviewPipelineProcesses {
  background: rgba(255, 255, 255, 0.5);
  padding: 25px 10px 10px 25px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 17px -17px 8px -18px;
}
.onboarding_overviewPipelineProcess {
  transition: all 0.25s;
  float: left;
  display: block;
  height: 34px;
  line-height: 35px;
  background: #fff;
  padding: 0 15px;
  white-space: nowrap;
  text-decoration: none;
  color: #666;
  overflow: hidden;
  border-radius: 3px;
  margin: 0 15px 15px 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
}
.onboarding_overviewPipelineProcess:hover {
  color: #3296fa;
  box-shadow: 0 0 0 1px rgba(50, 150, 250, 1) inset;
}
.onboarding_overviewPipelineProcess.none {
  opacity: 0.5;
}
.onboarding_overviewPipelineProcess.none.active {
  opacity: 1;
}
.onboarding_overviewPipelineProcess.active {
  background: #3296fa;
  color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.onboarding_overviewPipelineProcess .number {
  transition: all 0.25s;
  display: inline-block;
  height: 12px;
  background: #aaa;
  padding: 0 2px;
  vertical-align: top;
  line-height: 13px;
  font-size: 12px;
  color: #fff;
  border-radius: 3px;
  overflow: hidden;
  margin: 11px 0 10px 5px;
}
.onboarding_overviewPipelineProcess:hover .number {
  background: #3296fa;
}
.onboarding_overviewPipelineProcess.active .number {
  background: #fff;
  color: #3296fa;
}
.onboarding_overviewPipelineHolder {
  height: 50px;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  margin-top: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.onboarding_overviewPipeline {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 50px;
}
.onboarding_overviewPipelineStage {
  display: table-cell;
  vertical-align: top;
  line-height: 0;
  font-size: 0;
}
.onboarding_overviewPipelineStage.all {
  width: 50px;
}
.onboarding_overviewPipelineStage a {
  transition: all 0.25s;
  display: block;
  position: relative;
  height: 50px;
  background: #fff;
  text-decoration: none;
  padding: 0 15px 0 30px;
}
.onboarding_overviewPipelineStage.all a {
  background-image: url(/img/icons/12/silhouettes_3296fa.svg);
  background-position: 21px 50%;
  background-repeat: no-repeat;
}
.onboarding_overviewPipelineStage.all.active a {
  background-image: url(/img/icons/12/silhouettes_ffffff.svg);
}
.onboarding_overviewPipelineStage a:hover {
  background-color: #F5FAFF;
}
.onboarding_overviewPipelineStage:first-child a {
  padding-left: 25px;
}
.onboarding_overviewPipelineStage:last-child a {
  padding-right: 25px;
}
.onboarding_overviewPipelineStage.active a {
  background-color: #3296fa;
}
.onboarding_overviewPipelineStage.done.active a {
  background-color: #64C84B;
}
.onboarding_overviewPipelineStage a:before,
.onboarding_overviewPipelineStage a:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -25px;
  right: -10px;
  border-left: 20px solid #eee;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 1;
}
.onboarding_overviewPipelineStage a:after {
  border-left-color: #fff;
  right: -9px;
}
.onboarding_overviewPipelineStage a:hover:after {
  border-left-color: #F5FAFF;
}
.onboarding_overviewPipelineStage.active a:after {
  border-left-color: #3296fa;
}
.onboarding_overviewPipelineStage.done.active a:after {
  border-left-color: #64C84B;
}
.onboarding_overviewPipelineStage:last-child a:before,
.onboarding_overviewPipelineStage:last-child a:after {
  display: none;
}
.onboarding_overviewPipelineStage a div {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onboarding_overviewPipelineStage a div:first-child {
  line-height: 24px;
  font-size: 18px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
  padding-top: 6px;
}
.onboarding_overviewPipelineStage.active a div:first-child {
  color: #fff;
}
.onboarding_overviewPipelineStage a div:first-child:after {
  transition: all 0.25s;
  content: "";
  display: inline-block;
  width: 17px;
  height: 22px;
  background: url(/img/icons/12/arrow_aaaaaa.svg) 100% 50% no-repeat;
  vertical-align: top;
  opacity: 0.25;
}
.onboarding_overviewPipelineStage.done a div:first-child:after {
  background-image: url(/img/icons/12/checkmark_aaaaaa.svg);
}
.onboarding_overviewPipelineStage.active a div:first-child:after {
  background-image: url(/img/icons/12/arrow_ffffff.svg);
}
.onboarding_overviewPipelineStage.done.active a div:first-child:after {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.onboarding_overviewPipelineStage a:hover div:first-child:after,
.onboarding_overviewPipelineStage.active a div:first-child:after {
  opacity: 1;
}
.onboarding_overviewPipelineStage a div:last-child {
  line-height: 16px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  margin-top: -5px;
}
.onboarding_overviewPipelineStage.active a div:last-child {
  color: rgba(255, 255, 255, 0.75);
}
.tooltip_pipeline {
  padding: 0 15px;
  margin: 9px -14px;
}
.tooltip_pipelineTitle {
  transition: all 0.25s;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}
.tooltip_pipelineTitle:hover {
  padding-left: 5px;
}
.tooltip_pipelineTitle img {
  float: left;
  margin: 2px 8px 0 4px;
}
.tooltip_pipelineTitle span {
  color: #3296FA;
  margin-left: 5px;
}
.tooltip_pipeline.done .tooltip_pipelineTitle span {
  color: #64C84B;
}
.tooltip_pipelineProfile {
  transition: all 0.25s;
  display: block;
  height: 20px;
  text-decoration: none;
  line-height: 21px;
  font-size: 12px;
  color: #aaa;
  overflow: hidden;
  margin-top: 5px;
}
.tooltip_pipelineProfile:hover {
  color: #fff;
}
.tooltip_pipelineProfile .avatar {
  transform: scale(0.666666666);
  margin: -5px 0 0 -5px;
}
.tooltip_pipelineProfile span {
  float: right;
  color: #666;
  margin-left: 10px;
}
.tooltip_pipelineMore {
  transition: all 0.25s;
  display: block;
  height: 20px;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  line-height: 21px;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  margin-top: 10px;
  opacity: 0.25;
}
.tooltip_pipelineMore:hover {
  opacity: 1;
}
.tooltip_pipelineMore:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 13px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 50% 100% no-repeat;
  margin-left: 5px;
}
.onboarding_overviewCard .contentbox {
  height: 132px;
  overflow: hidden;
}
.onboarding_overviewCard.active .contentbox {
  border-color: #0099ff;
}
.activeSelection .onboarding_overviewCard .contentbox {
  cursor: pointer;
}
.activeSelection .onboarding_overviewCard .contentbox:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(50, 150, 250, 0);
  border: none;
  border-radius: 2px;
  z-index: 20;
}
.activeSelection .onboarding_overviewCard.active .contentbox:after {
  background: rgba(50, 150, 250, 0.05) !important;
  border: 1px solid #0099ff;
}
.onboarding_overviewCard .checkbox {
  transition: all 0.25s;
  position: absolute;
  top: 5px;
  left: -16px;
  z-index: 1;
}
.onboarding_overviewCard:hover .checkbox,
.activeSelection .onboarding_overviewCard .checkbox {
  left: 5px;
}
.activeSelection .onboarding_overviewCard:hover .checkbox {
  border-color: #0099ff;
}
.onboarding_overviewCard .onboarding_overviewProfilePercent {
  width: 90px;
  height: 90px;
  margin: 20px 0 -110px 20px;
}
.onboarding_overviewCard .avatar {
  position: relative;
  float: left;
  margin: 25px 0 0 25px;
}
.onboarding_overviewCard.deleted .avatar {
  background: rgba(245, 75, 75, 0.05) url(/img/icons/12/cross_f54b4b.svg) 50% 50% no-repeat;
  background-size: 24px;
  box-shadow: 0 0 0 1px rgba(245, 75, 75, 0.1) inset;
}
.onboarding_overviewCardInfo {
  float: left;
  width: 301px;
  padding: 25px 0 0 20px;
  overflow: hidden;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  .onboarding_overviewCardInfo {
    width: 201px;
  }
}
.onboarding_overviewCardInfo .headline {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 6px;
}
.onboarding_overviewCardInfoTitle,
.onboarding_overviewCardInfoDepartment {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onboarding_overviewCardInfoDepartment {
  font-size: 12px;
  color: #666;
}
.onboarding_overviewCardInfoDepartment span {
  display: inline-block;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 19px;
  color: #999;
}
.onboarding_overviewCardLink {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.onboarding_overviewCardLink:hover {
  background: rgba(255, 255, 0, 0.05);
}
.onboarding_overviewCardComments {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 40px;
  height: 30px;
  background: url(/img/icons/24/chat_aaaaaa.svg) 50% 50% no-repeat;
  cursor: pointer;
  margin: 25px 0 0 7px;
  opacity: 0.5;
}
.onboarding_overviewCardComments:hover {
  opacity: 1;
}
.onboarding_overviewCardComments.active {
  background-image: url(/img/icons/24/chat_3296fa.svg);
  opacity: 1;
}
.onboarding_overviewCardComments div {
  transition: all 0.25s;
  position: absolute;
  top: 2px;
  right: 23px;
  height: 11px;
  min-width: 6px;
  background: #f54b4b;
  padding: 0 2px;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #fff;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 3px;
}
.onboarding_overviewCardPipelineHolder {
  position: relative;
  float: right;
  width: calc(100% - 500px);
  height: 80px;
  background: #ddd;
  overflow: hidden;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 25px 25px 0 0;
}
@media (max-width: 1200px) {
  .onboarding_overviewCardPipelineHolder {
    width: calc(100% - 400px);
  }
}
.onboarding_overviewCardPipelineHolder.pending {
  background: rgba(50, 150, 250, 0.05);
  border: 1px solid rgba(50, 150, 250, 0.25);
}
.onboarding_overviewCardPipelineHolder.pending div {
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(/img/icons/12/arrow_3296fa.svg) 0% 50% no-repeat;
  padding-left: 17px;
  font-weight: bold;
  color: #3296fa;
  transform: translate(-50%, -50%);
}
.onboarding_overviewCardPipelineHolder.deleted {
  background: rgba(245, 75, 75, 0.05);
  border: 1px solid rgba(245, 75, 75, 0.25);
}
.onboarding_overviewCardPipelineHolder.deleted div {
  position: absolute;
  top: 50%;
  left: 50%;
  font-style: italic;
  color: #f54b4b;
  transform: translate(-50%, -50%);
}
.onboarding_overviewCardPipeline {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 30px;
}
.onboarding_overviewCardPipelineStage {
  display: table-cell;
  line-height: 0;
  font-size: 0;
}
.onboarding_overviewCardPipelineStageTasks {
  transition: all 0.25s;
  display: block;
  position: relative;
  height: 30px;
  background: #999;
  text-decoration: none;
  padding: 0 10px;
  cursor: pointer;
}
.onboarding_overviewCardPipelineStage.active .onboarding_overviewCardPipelineStageTasks {
  background: #3296fa;
}
.onboarding_overviewCardPipelineStage.overdue .onboarding_overviewCardPipelineStageTasks {
  background: #F54B4B;
}
.onboarding_overviewCardPipelineStage.solved .onboarding_overviewCardPipelineStageTasks {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.onboarding_overviewCardPipelineStageTasks:before,
.onboarding_overviewCardPipelineStageTasks:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -35px;
  right: -6px;
  border-left: 20px solid #fff;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 1;
}
.onboarding_overviewCardPipelineStageTasks:after {
  border-left-color: #999;
  right: -5px;
}
.onboarding_overviewCardPipelineStage.active .onboarding_overviewCardPipelineStageTasks:after {
  border-left-color: #3296fa;
}
.onboarding_overviewCardPipelineStage.overdue .onboarding_overviewCardPipelineStageTasks:after {
  border-left-color: #F54B4B;
}
.onboarding_overviewCardPipelineStage.solved .onboarding_overviewCardPipelineStageTasks:after {
  border-left-color: #64C84B;
}
.onboarding_overviewCardPipelineStage:last-child .onboarding_overviewCardPipelineStageTasks:before,
.onboarding_overviewCardPipelineStage:last-child .onboarding_overviewCardPipelineStageTasks:after {
  display: none;
}
.onboarding_overviewCardPipelineStage .onboarding_overviewCardPipelineStageTasks div {
  position: relative;
  display: block;
  white-space: nowrap;
  text-align: center;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 2;
}
.onboarding_overviewCardPipelineStage.solved .onboarding_overviewCardPipelineStageTasks div {
  opacity: 0;
}
.onboarding_overviewCardPipelineStageInfo {
  position: relative;
  height: 50px;
  background: #eee;
  line-height: 20px;
  font-size: 12px;
  z-index: 2;
}
.onboarding_overviewCardPipelineStage:not(:last-child) .onboarding_overviewCardPipelineStageInfo {
  border-right: 1px solid #fff;
}
.onboarding_overviewCardPipelineStageProgress {
  background: #ddd;
  height: 3px;
  overflow: hidden;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.onboarding_overviewCardPipelineStageProgress div {
  float: left;
  height: 3px;
}
.onboarding_overviewCardPipelineStageDate {
  padding: 13px 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.onboarding_overviewCardPipelineStageDate.none {
  height: 20px;
  background: url(/img/icons/12/arrow_aaaaaa.svg) 50% 50% no-repeat;
}
.onboarding_overviewCardPipelineStageDate .before,
.onboarding_overviewCardPipelineStageDate .exceeded {
  background: #64C84B;
  padding: 0 3px;
  color: #fff;
  border-radius: 3px;
  margin-left: 5px;
}
.onboarding_overviewCardPipelineStageDate .exceeded {
  background: #F54B4B;
}
.profile_topScreening:after {
  background: rgb(255, 255, 235);
}
.profile_top {
  position: relative;
  height: 121px;
  background: rgb(255, 255, 235);
  padding: 20px 0 0 130px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.profile_top .avatar {
  transition: all 0.25s 0.5s;
  position: relative;
  margin-left: -105px;
}
.profile_top .avatar a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75) url(/img/icons/12/camera_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
  opacity: 0;
}
.profile_top .avatar a:hover {
  opacity: 0.75;
}
.profile_tooltipAvatar img {
  float: left;
  max-width: 500px;
  max-height: 500px;
  margin: -5px -13px;
}
.profile_tooltipAvatar .hoverdelete {
  top: 9px;
  right: 1px;
}
.profile_topRight {
  position: relative;
  float: right;
  margin: 23px 25px 0 0;
  z-index: 2;
}
@media (max-width: 1200px) {
  .profile_topRight {
    margin-top: 5px;
  }
}
.profile_comments {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 44px;
  height: 34px;
  background: #fff url(/img/icons/24/chat_aaaaaa.svg) 50% 50% no-repeat;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  cursor: pointer;
  margin-left: 5px;
  opacity: 0.5;
}
.profile_comments:hover {
  opacity: 1;
}
.profile_comments.active {
  background-image: url(/img/icons/24/chat_3296fa.svg);
  opacity: 1;
}
.profile_comments div {
  transition: all 0.25s;
  position: absolute;
  top: 3px;
  right: 24px;
  height: 11px;
  min-width: 6px;
  background: #f54b4b;
  padding: 0 2px;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #fff;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 3px;
}
.profile_tooltipComments {
  width: 480px;
  margin: -6px -14px;
}
.profile_tooltipCommentsWrite {
  padding: 15px;
}
.profile_tooltipCommentsWrite .textarea {
  float: right;
  width: calc(100% - 50px);
  background: #222;
  border-color: #444;
}
.profile_tooltipCommentsWrite .textarea .contentEditable {
  color: #fff;
}
.profile_tooltipCommentsWrite .textarea .contentHidden_content {
  border-color: #444;
}
.profile_tooltipComment {
  width: 450px;
  padding: 15px;
  line-height: 16px;
  font-size: 12px;
}
.profile_tooltipComment:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.profile_tooltipCommentName {
  font-size: 14px;
  font-weight: bold;
  float: right;
  width: calc(100% - 50px);
  margin: 2px 0 5px 0;
}
.profile_tooltipCommentName span {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 10px;
}
.profile_tooltipComment.unread .profile_tooltipCommentName span {
  color: #f54b4b;
}
.profile_tooltipCommentIcons {
  transition: all 0.25s;
  float: right;
  opacity: 0.25;
}
.profile_tooltipComment:hover .profile_tooltipCommentIcons {
  opacity: 1;
}
.profile_tooltipCommentIcons img {
  float: left;
  margin-left: 10px;
}
.profile_tooltipCommentText {
  float: right;
  width: calc(100% - 50px);
}
.profile_topRightButtons {
  float: left;
  margin-left: 20px;
}
.profile_topRightButtons .button {
  margin-left: 5px;
}
.profile_topTitle {
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
}
.profile_topTitle .headline {
  display: inline-block;
}
.profile_topTitleEdit {
  transition: all 0.25s;
  cursor: pointer;
}
.profile_topTitleEdit:hover {
  color: #3296fa;
}
.profile_tooltipTasks {
  white-space: nowrap;
  font-size: 12px;
  margin: -6px -14px 9px -14px;
}
.profile_tooltipTasksTitle {
  text-transform: uppercase;
  font-weight: bold;
  color: #999;
  overflow: hidden;
  margin: 15px 15px -5px 15px;
}
.profile_tooltipTasksTask {
  transition: all 0.25s;
  display: block;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% + 10px) 50% no-repeat;
  padding: 0 34px 0 15px;
  text-decoration: none;
  overflow: hidden;
  margin-top: 15px;
}
.profile_tooltipTasksTask.completed {
  opacity: 0.5;
}
.profile_tooltipTasksTask:hover {
  background-position: calc(100% - 15px) 50%;
  opacity: 1;
}
.profile_tooltipTasksTask.completed:before {
  content: "";
  float: left;
  width: 30px;
  height: 30px;
  background: url(/img/icons/12/checkmark_64c84b.svg) 50% 50% no-repeat;
  border: 1px solid #64c84b;
  border-radius: 50%;
  box-sizing: border-box;
}
.profile_tooltipTasksTaskTitle,
.profile_tooltipTasksTaskDate {
  max-width: 300px;
  padding: 0 30px 0 10px;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile_tooltipTasksTaskTitle {
  font-weight: bold;
  color: #fff;
}
.profile_tooltipTasksTask.completed .profile_tooltipTasksTaskTitle {
  text-decoration: line-through;
}
.profile_tooltipTasksTask.completed .profile_tooltipTasksTaskTitle,
.profile_tooltipTasksTask.completed .profile_tooltipTasksTaskDate {
  filter: blur(1px);
}
.profile_tooltipTasksTask.completed:hover .profile_tooltipTasksTaskTitle,
.profile_tooltipTasksTask.completed:hover .profile_tooltipTasksTaskDate {
  filter: blur(0);
}
.profile_tooltipTasksTaskDate {
  color: #999;
}
.profile_tooltipTasksTaskDate .overdue {
  color: #f54b4b;
}
.profile_topInfo {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
}
.profile_topInfoJob,
.profile_topInfoType,
.profile_topInfoActivity {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
}
.profile_topInfoType,
.profile_topInfoActivity {
  background: url(/img/icons/12/arrow_3296fa.svg) 0 50% no-repeat;
  padding-left: 17px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.profile_topInfoActivity {
  background-image: url(/img/icons/12/pulse_3296fa.svg);
}
.profile_topData {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
  padding-top: 8px;
}
.profile_topData div {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
}
.profile_topData img {
  vertical-align: top;
  margin: 3px 5px 0 0;
}
.profile_top .profile_actionFile {
  transition: all 0.25s;
  position: absolute;
  bottom: 20px;
  left: 125px;
  right: 0;
  height: 50px;
  background: rgb(255, 255, 235);
  padding-top: 4px;
  padding-left: 5px;
  box-sizing: border-box;
  opacity: 0;
}
.profile_top .profile_actionFile.active {
  opacity: 1;
  z-index: 1;
}
.profile_top .profile_actionFile .dropdown {
  float: left;
  width: calc(100% - 431px);
}
.profile_top .profile_actionFile .profile_actionSlideTopClose {
  float: left;
  margin-top: 5px;
}
.profile_subtop {
  background: #fff;
  box-shadow: 0 -1px 0 0 #e5e5e5 inset;
}
.profile_subtop .tabs {
  padding: 0 25px;
}
.profile_content {
  position: relative;
  width: 100%;
  height: calc(100% - 172px);
  background: #f3f3f3;
  overflow: auto;
}
.profile_content:not(.active) {
  display: none;
}
.profile_contentSearch {
  position: relative;
  transition: all 0.25s;
  height: 70px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.hideOtherContent .profile_contentSearch {
  height: 0;
  border-bottom: 0 solid #e5e5e5;
}
.profile_contentSearch input {
  transition: all 0.25s;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  padding: 20px 25px 20px 70px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.profile_contentSearch:hover input,
.profile_contentSearch input:focus {
  background-color: rgba(255, 255, 255, 0.5);
}
.profile_contentSearchIcon {
  transition: all 0.25s;
  position: absolute;
  top: 20px;
  left: 25px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 1px #ddd inset;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: text;
}
.profile_contentSearch input:focus + .profile_contentSearchIcon,
.profile_contentSearch input:not([value=""]) + .profile_contentSearchIcon {
  box-shadow: 0 0 0 15px #3296fa inset;
}
.profile_contentSearchIcon:before {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/img/icons/12/search_aaaaaa.svg) 50% 50% no-repeat;
}
.profile_contentSearch input:focus + .profile_contentSearchIcon:before,
.profile_contentSearch input:not([value=""]) + .profile_contentSearchIcon:before {
  background-image: url(/img/icons/12/search_ffffff.svg);
}
.profile_contentNew {
  transition: all 0.25s;
  position: absolute;
  top: 20px;
  right: 25px;
}
.hideOtherContent .profile_contentNew {
  top: -34px;
}
.profile_contentNew .circlebutton,
.profile_contentNew .selectbuttons {
  margin-left: 10px;
}
.profile_contentNew .circlebutton.disabled {
  background: #eee;
  opacity: 0.5;
}
.profile_contentNew .selectbuttons {
  height: 30px;
  box-shadow: none;
  border-radius: 15px;
}
.profile_contentNew .selectbutton .sb_list {
  transform: scale(0.8);
  margin: 7px 10px 7px 13px;
}
.profile_contentNew .selectbutton .sb_card {
  transform: scale(0.8);
  margin: 7px 13px 7px 10px;
}
.profile_contentNew .selectbutton:first-child .sb_icon {
  margin: 8px 10px 8px 13px;
}
.profile_contentNew .selectbutton:last-child .sb_icon {
  margin: 8px 13px 8px 10px;
}
.profile_contentDrop {
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
  height: calc(100% - 71px);
  background: #F3F3F3;
  padding: 25px;
  box-sizing: border-box;
}
.profile_contentDrop .dragndrop {
  height: 100%;
}
.profile_contentContainer {
}
.profile_contentBar {
  transition: all 0.25s;
  height: 70px;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.profile_contentBar:hover {
  background: #F4F9FE !important;
}
.hideOtherContent .profile_contentContainer:not(.active) .profile_contentBar {
  height: 0;
  border-bottom: 0 solid #e5e5e5;
}
.profile_contentBarActivity {
  float: right;
  background: url(/img/icons/12/pulse_3296fa.svg) 100% 50% no-repeat;
  padding: 0 17px 0 15px;
  line-height: 71px;
  font-size: 12px;
  color: #999;
}
.profile_contentBarIcons {
  transition: all 0.25s;
  float: right;
  margin: 24px -100px 0 0;
}
.profile_contentContainer.active .profile_contentBarIcons,
.profile_contentContainer:hover .profile_contentBarIcons.hover {
  margin-right: 20px;
}
.profile_contentBarIcons div {
  transition: all 0.25s;
  float: left;
  width: 22px;
  height: 22px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-right: 5px;
  cursor: pointer;
}
.profile_contentBarIcons div:hover {
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #aaa inset;
}
.profile_contentBarIcons div img {
  float: left;
  margin: 5px;
}
.profile_contentBarToggle {
  position: relative;
  height: 70px;
  padding: 0 25px;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.profile_contentBarToggle:before {
  transition: all 0.25s;
  content: "";
  float: left;
  width: 30px;
  height: 30px;
  background: #ccc url(/img/icons/14/back_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 20px 0 0 -30px;
  opacity: 0;
  transform: scale(0);
}
.hideOtherContent .profile_contentContainer.active .profile_contentBarToggle:before,
.profile_contentContainer.goBack .profile_contentBarToggle:before {
  width: 30px;
  height: 30px;
  margin: 20px 15px 0 0;
  opacity: 1;
  transform: scale(1);
}
.hideOtherContent .profile_contentContainer.active .profile_contentBarToggle:hover:before,
.profile_contentContainer.goBack .profile_contentBarToggle:hover:before {
  background-color: #3296fa;
}
.profile_contentBarToggle .avatar,
.profile_contentBarToggle .avatars {
  position: relative;
  margin: 15px 15px 0 0;
}
.profile_contentBarToggle .avatar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 50%;
}
.profile_contentBarToggle > span {
  display: block;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile_contentBarToggle > span:first-of-type {
  font-weight: bold;
  margin-top: 18px;
}
.profile_contentBarToggle > span:last-of-type {
  font-size: 12px;
  color: #666;
}
.profile_contentBarToggle > span .access,
.profile_contentBarToggle > span .delete {
  background: url(/img/icons/12/lock_closed_aaaaaa.svg) 0% 50% no-repeat;
  padding-left: 17px;
  color: #999;
  margin-left: 10px;
}
.profile_contentBarToggle > span .delete {
  background-image: url(/img/icons/12/trash_aaaaaa.svg);
}
.profile_contentHolder {
  display: none;
  position: relative;
  padding: 25px;
}
.profile_content:not(.hideOtherContent) .profile_contentHolder {
  border-bottom: 1px solid #e5e5e5;
}
.profile_content.hideOtherContent .profile_contentHolder {
  height: calc(100vh - 343px);
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 1200px), (max-height: 800px) {
  .profile_content.hideOtherContent .profile_contentHolder {
    height: calc(100vh - 293px);
  }
}
.profile_contentOverviewPipelineBox {
  border-radius: 5px;
  width: calc(100% - 50px);
  margin: 25px 25px 0 25px;
}
.profile_contentOverviewPipelineHolder {
  position: relative;
  height: 80px;
  background: #ddd;
  overflow: hidden;
  border-radius: 3px;
  margin: 2px;
}
.profile_contentOverviewPipeline {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 30px;
}
.profile_contentOverviewPipelineStage {
  display: table-cell;
  line-height: 0;
  font-size: 0;
}
.profile_contentOverviewPipelineStageTasks {
  transition: all 0.25s;
  display: block;
  position: relative;
  height: 30px;
  background: #999;
  text-decoration: none;
  padding: 0 10px;
  cursor: pointer;
}
.profile_contentOverviewPipelineStage.active .profile_contentOverviewPipelineStageTasks {
  background: #3296fa;
}
.profile_contentOverviewPipelineStage.overdue .profile_contentOverviewPipelineStageTasks {
  background: #F54B4B;
}
.profile_contentOverviewPipelineStage.solved .profile_contentOverviewPipelineStageTasks {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.profile_contentOverviewPipelineStageTasks:before,
.profile_contentOverviewPipelineStageTasks:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -35px;
  right: -6px;
  border-left: 20px solid #fff;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 1;
}
.profile_contentOverviewPipelineStageTasks:after {
  border-left-color: #999;
  right: -5px;
}
.profile_contentOverviewPipelineStage.active .profile_contentOverviewPipelineStageTasks:after {
  border-left-color: #3296fa;
}
.profile_contentOverviewPipelineStage.overdue .profile_contentOverviewPipelineStageTasks:after {
  border-left-color: #F54B4B;
}
.profile_contentOverviewPipelineStage.solved .profile_contentOverviewPipelineStageTasks:after {
  border-left-color: #64C84B;
}
.profile_contentOverviewPipelineStage:last-child .profile_contentOverviewPipelineStageTasks:before,
.profile_contentOverviewPipelineStage:last-child .profile_contentOverviewPipelineStageTasks:after {
  display: none;
}
.profile_contentOverviewPipelineStage .profile_contentOverviewPipelineStageTasks div {
  position: relative;
  display: block;
  white-space: nowrap;
  text-align: center;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 2;
}
.profile_contentOverviewPipelineStage.solved .profile_contentOverviewPipelineStageTasks div {
  opacity: 0;
}
.profile_contentOverviewPipelineStageInfo {
  position: relative;
  height: 50px;
  background: #eee;
  line-height: 20px;
  font-size: 12px;
  z-index: 2;
}
.profile_contentOverviewPipelineStage:not(:last-child) .profile_contentOverviewPipelineStageInfo {
  border-right: 1px solid #fff;
}
.profile_contentOverviewPipelineStageProgress {
  background: #ddd;
  height: 3px;
  overflow: hidden;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.profile_contentOverviewPipelineStageProgress div {
  float: left;
  height: 3px;
}
.profile_contentOverviewPipelineStageDate {
  padding: 13px 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile_contentOverviewPipelineStageDate.none {
  height: 20px;
  background: url(/img/icons/12/arrow_aaaaaa.svg) 50% 50% no-repeat;
}
.profile_contentOverviewPipelineStageDate .before,
.profile_contentOverviewPipelineStageDate .exceeded {
  background: #64C84B;
  padding: 0 3px;
  color: #fff;
  border-radius: 3px;
  margin-left: 5px;
}
.profile_contentOverviewPipelineStageDate .exceeded {
  background: #F54B4B;
}
.profile_contentOverviewLeft,
.profile_contentOverviewRight {
  float: left;
  width: 50%;
  padding: 0 13px 0 25px;
  box-sizing: border-box;
}
.profile_contentOverviewRight {
  float: right;
  padding: 0 25px 0 12px;
}
.profile_contentOverviewStage {
  position: relative;
  height: 60px;
  background: #999;
  border-radius: 2px;
}
.profile_contentOverviewStage.active {
  background: #3296fa;
}
.profile_contentOverviewStage.overdue {
  background: #F54B4B;
}
.profile_contentOverviewStage.solved {
  background: #64C84B;
}
.profile_contentOverviewStageCount {
  float: left;
  min-width: 30px;
  height: 30px;
  background: #fff;
  padding: 0 8px;
  text-align: center;
  line-height: 31px;
  font-size: 18px;
  font-weight: 300;
  color: #999;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 15px;
  margin: 15px 15px 0 25px;
}
.profile_contentOverviewStage.active .profile_contentOverviewStageCount {
  color: #3296fa;
}
.profile_contentOverviewStage.overdue .profile_contentOverviewStageCount {
  color: #F54B4B;
}
.profile_contentOverviewStageCount img {
  float: left;
  padding: 9px 1px;
}
.profile_contentOverviewStageProceed {
  position: relative;
  float: right;
  height: 60px;
  padding: 0 25px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.profile_contentOverviewStageProceed span {
  transition: all 0.25s;
  float: left;
  display: block;
  height: 30px;
  background: url(/img/icons/12/arrow_ffffff.svg) 100% 50% no-repeat;
  padding: 0 17px 0 15px;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
  margin: 15px 0;
  opacity: 0.5;
}
.profile_contentOverviewStageProceed.back span {
  background: url(/img/icons/12/arrowleft_ffffff.svg) 9px 50% no-repeat;
  padding: 0 0 0 26px;
}
.profile_contentOverviewStage:hover .profile_contentOverviewStageProceed span {
  opacity: 1;
}
.profile_contentOverviewStageProceed:hover span {
  background-position: calc(100% - 9px) 50%;
  padding-right: 26px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 1) inset;
}
.profile_contentOverviewStageProceed.back:hover span {
  background-position: 9px 50%;
  padding-right: 15px;
  padding-left: 26px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 1) inset;
  opacity: 1;
}
.profile_contentOverviewStage .headline {
  height: 60px;
  line-height: 61px;
  overflow: hidden;
  color: #fff;
}
.profile_contentOverviewStage .headline:after {
  transition: all 0.25s;
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 30px;
  height: 30px;
  background: url(/img/careersite/down.svg) 50% 50% no-repeat;
  margin: 14px 0 0 7px;
  filter: brightness(2);
  opacity: 0.5;
}
.profile_contentOverviewStage.open .headline:after {
  margin-top: 15px;
  transform: rotate(180deg);
  opacity: 1;
}
.profile_contentOverviewStageToggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.profile_contentOverviewStageStartDate {
  transition: all 0.25s;
  float: right;
  background: url(/img/icons/12/time_aaaaaa.svg) 100% 50% no-repeat;
  padding-right: 17px;
  text-align: right;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  margin-bottom: -10px;
}
.profile_contentOverviewStageStartDate:hover {
  background-image: url(/img/icons/12/time_3296fa.svg);
  color: #3296fa;
}
.profile_contentOverviewStageStatus {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #999;
}
.profile_contentOverviewStageStatus:not(:first-child) {
  margin-top: 25px;
}
.profile_contentOverviewStageStatus:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.profile_contentOverviewStageStatus span {
  position: relative;
  background: #fff;
  padding: 0 5px;
}
.profile_contentOverviewStageTask {
  transition: all 0.25s;
  display: block;
  border-left: 0px solid #3296fa;
  margin-top: 15px;
}
.profile_contentOverviewStageTask.completed:not(:hover) {
  opacity: 0.5;
}
.profile_contentOverviewStageTaskIcon {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #ddd inset;
}
.profile_contentOverviewStageTask:hover .profile_contentOverviewStageTaskIcon {
  box-shadow: 0 0 0 21px #3296fa inset;
}
.profile_contentOverviewStageTask.completed:hover .profile_contentOverviewStageTaskIcon {
  box-shadow: 0 0 0 21px #aaaaaa inset;
}
.profile_contentOverviewStageTaskIcon img {
  float: left;
  margin: calc(50% - 6px) 0 0 calc(50% - 6px);
}
.profile_contentOverviewStageTask:hover .profile_contentOverviewStageTaskIcon img {
  filter: brightness(2);
}
.profile_contentOverviewStageTaskTitle {
  font-weight: bold;
  color: #000;
}
.profile_contentOverviewStageTask.completed:not(:hover) .profile_contentOverviewStageTaskTitle {
  text-decoration: line-through;
}
.profile_contentOverviewStageTaskTitle,
.profile_contentOverviewStageTaskSubtitle {
  float: right;
  width: calc(100% - 55px);
}
.profile_contentOverviewStageTaskSubtitle span {
  float: left;
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding: 0 15px 0 17px;
  font-size: 12px;
  color: #666;
}
.profile_pipelineStats .profile_contentOverviewStageStatus {
  margin-bottom: 10px;
}
.profile_pipelineStatsDuration {
  position: relative;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
}
.profile_pipelineStatsDuration:before,
.profile_pipelineStatsDuration:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  background: #fff url(/img/icons/12/pin_3296fa.svg) 50% 50% no-repeat;
  box-shadow: 0 0 0 1px #ddd inset;
  border-radius: 50%;
  z-index: 1;
}
.profile_pipelineStatsDuration:after {
  left: inherit;
  right: 0;
  background-image: url(/img/icons/12/flag_64c84b.svg);
}
.profile_pipelineStatsDuration div {
  position: relative;
  height: 16px;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.profile_pipelineStatsDuration div span {
  display: inline-block;
  background: #fff;
  font-weight: bold;
  padding: 0 5px;
}
.profile_contentOverviewInfoHeader {
  position: relative;
  height: 50px;
  padding: 0 25px;
  white-space: nowrap;
  line-height: 51px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile_contentOverviewInfoHeader:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.profile_contentOverviewInfoHeader .circlebutton {
  float: right;
  font-weight: normal;
  margin: 10px 0;
  opacity: 0;
}
.solved_tasks .profile_contentOverviewInfoHeader {
  background-color: #FAFAFA !important;
}
.solved_tasks .profile_contentOverviewInfoHeader:hover {
  background-color: #FAFAFA !important;
}
.contentbox:hover .profile_contentOverviewInfoHeader .circlebutton {
  opacity: 1;
}
.profile_contentOverviewInfoElements {
  padding: 15px 25px 5px 25px;
}
.profile_contentOverviewInfoElements:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.profile_contentOverviewInfoElement {
  margin-bottom: 10px;
}
.profile_contentOverviewInfoElement.icon {
  background-size: 12px;
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding-left: 22px;
}
.profile_contentOverviewInfoElement.icon span {
  transition: all 0s 0.5s;
  display: block;
  max-height: 20px;
  white-space: nowrap;
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile_contentOverviewInfoElement.icon span:hover {
  white-space: normal;
  max-height: 9999px;
}
.profile_contentOverviewInfoElementIcons {
  float: right;
  line-height: 20px;
  font-size: 0;
  white-space: nowrap;
}
.profile_contentOverviewInfoElementIcons img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  opacity: 0;
}
.profile_contentOverviewInfoElement:hover .profile_contentOverviewInfoElementIcons img {
  opacity: 0.5;
}
.profile_contentOverviewInfoElementIcons img:hover {
  opacity: 1 !important;
}
.profile_contentOverviewInfoElement .edithide {
  overflow: hidden;
}
.profile_contentOverviewInfoMore {
  transition: color 0.25s;
  position: relative;
  height: 50px;
  background-color: #fafafa;
  padding: 0 25px;
  line-height: 51px;
  text-align: center;
  font-style: italic;
  color: #999;
  overflow: hidden;
  cursor: pointer;
}
.profile_contentOverviewInfoMoreContent {
  display: none;
}
.profile_contentOverviewEvent,
.profile_contentOverviewRelation {
  transition: all 0.25s;
  display: block;
  padding: 15px 25px;
  color: #000;
  text-decoration: none;
}
.profile_contentOverviewEvent:not(:last-child),
.profile_contentOverviewRelation:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.profile_contentOverviewEvent:hover,
.profile_contentOverviewRelation:hover {
  background: rgba(50, 150, 250, 0.05);
}
.profile_contentOverviewEvent.past:not(:hover) {
  text-decoration: line-through;
}
.profile_contentOverviewEventCalendar {
  float: left;
  position: relative;
  width: 50px;
  height: 50px;
  background: #fff;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  margin-right: 15px;
}
.profile_contentOverviewEvent.rejected .profile_contentOverviewEventCalendar {
  color: #ccc;
}
.profile_contentOverviewEvent.accepted .profile_contentOverviewEventCalendar:after,
.profile_contentOverviewEvent.notaccepted .profile_contentOverviewEventCalendar:after {
  content: "";
  position: absolute;
  top: 8px;
  right: -6px;
  width: 12px;
  height: 12px;
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 6px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.profile_contentOverviewEvent.notaccepted .profile_contentOverviewEventCalendar:after {
  background-color: #FFBE00;
  background-image: url(/img/icons/12/warning_ffffff.svg);
}
.profile_contentOverviewEvent.rejected .profile_contentOverviewEventCalendar:before,
.profile_contentOverviewEvent.rejected .profile_contentOverviewEventCalendar:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 23px;
  width: 4px;
  height: 60px;
  background: #F54B4B;
  border-radius: 2px;
  transform: rotate(45deg);
  z-index: 1;
}
.profile_contentOverviewEvent.rejected .profile_contentOverviewEventCalendar:after {
  transform: rotate(-45deg);
}
.profile_contentOverviewEventCalendar span {
  display: block;
  width: 100%;
  height: 15px;
  background: #FF644B;
  text-transform: uppercase;
  line-height: 16px;
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
.profile_contentOverviewEvent.notaccepted .profile_contentOverviewEventCalendar span {
  background: #FFBE00;
}
.profile_contentOverviewEvent.rejected .profile_contentOverviewEventCalendar span {
  opacity: 0.35;
}
.profile_contentOverviewEvent .avatars {
  transition: all 0.25s;
  float: right;
  margin: 10px 0 0 15px;
  opacity: 0.5;
}
.profile_contentOverviewEvent:hover .avatars {
  opacity: 1;
}
.profile_contentOverviewEventInfo {
  overflow: hidden;
}
.profile_contentOverviewEventTitle {
  line-height: 16px;
  font-weight: bold;
}
.profile_contentOverviewEventTitle span {
  display: inline-block;
  vertical-align: top;
  background: #64C84B;
  padding: 0 3px;
  height: 14px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: 0 0 0 5px;
}
.profile_contentOverviewEvent.notaccepted .profile_contentOverviewEventTitle span {
  background: #FFBE00;
}
.profile_contentOverviewEvent.rejected .profile_contentOverviewEventTitle span {
  background: #F54B4B;
}
.profile_contentOverviewEventDate,
.profile_contentOverviewEventLocation {
  line-height: 14px;
  font-size: 12px;
  color: #666;
  margin-top: 3px;
}
.profile_contentOverviewEventLocation {
  color: #999;
}
.profile_contentOverviewEventLocation img {
  float: left;
  margin: 1px 5px 0 0;
}
.profile_contentOverviewTask {
  display: block;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #eee;
}
.profile_contentOverviewTask.overdue {
  background: #FDF7F7 !important;
}
.profile_contentOverviewTask:hover {
  background: rgba(50, 150, 250, 0.05) !important;
}
.profile_contentOverviewTask.overdue:hover {
  background: #FDF7F7 !important;
}
.profile_contentOverviewTask.overdue .profile_activityDate {
  color: #f54b4b;
}
.profile_contentOverviewTask.solved:not(:hover) {
  text-decoration: line-through;
}
.profile_contentOverviewTaskPriority {
  display: inline-block;
  vertical-align: top;
  background: #FFD200;
  padding: 0 3px;
  height: 14px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: 3px 0 0 5px;
}
.profile_contentOverviewTaskPriority.medium {
  background: #FF9100;
}
.profile_contentOverviewTaskPriority.high {
  background: #F54B4B;
}
.profile_learningPoints {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  background: #3296fa;
  padding: 0 10px;
  line-height: 21px;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin: 15px 0 0 10px;
}
.profile_learningPointsTop {
  background: rgb(255, 255, 235);
}
.profile_learningPointsTop .avatar {
  margin-right: 15px;
}
.profile_learningPointsTop .headline {
  margin-top: 7px;
}
.profile_learningPointsStats {
  display: flex;
  margin: -13px -13px -12px -12px;
}
.profile_learningPointsStatsBox {
  margin: 5px;
}
.profile_learningPointsStatsBoxTitle {
  background: url(/img/icons/12/calendar_f54b4b.svg) 0% 2px no-repeat;
  padding-left: 22px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #f54b4b;
}
.profile_learningPointsStatsBox.courses .profile_learningPointsStatsBoxTitle {
  background-image: url(/img/icons/12/education_3296fa.svg);
  color: #3296fa;
}
.profile_learningPointsStatsBox.points .profile_learningPointsStatsBoxTitle {
  background-image: url(/img/icons/12/add_64c84b.svg);
  color: #64c84b;
}
.profile_learningPointsStatsBox.costs .profile_learningPointsStatsBoxTitle {
  background-image: url(/img/icons/12/wallet_f54b4b.svg);
  color: #f54b4b;
}
.profile_learningPointsStatsBoxNumber {
  transition: all 0.25s;
  height: 60px;
  line-height: 61px;
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  color: #f54b4b;
  overflow: hidden;
}
.profile_learningPointsStatsBox.courses .profile_learningPointsStatsBoxNumber {
  color: #3296fa;
}
.profile_learningPointsStatsBox.points .profile_learningPointsStatsBoxNumber {
  color: #64c84b;
}
.profile_learningPointsStatsBox.costs .profile_learningPointsStatsBoxNumber {
  color: #f54b4b;
}
.profile_learningPointsEdit {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/edit_aaaaaa.svg) 50% 50% no-repeat;
}
.profile_learningPointsDelete {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
}
.profile_learningCards {
  height: 300px;
  padding: 25px 25px 25px 0px;
  white-space: nowrap;
  font-size: 0px;
  overflow-y: hidden;
  overflow-x: auto;
}
.profile_learningCard {
  position: relative;
  width: 100%;
  background: #aaa;
  padding-top: 120%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.profile_learningCards .profile_learningCard {
  display: inline-block;
  width: 250px;
  padding-top: 300px;
  margin-left: 25px;
}
.profile_learningCard.locked:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: url(/img/icons/12/lock_closed_ffffff.svg) 50% 50% no-repeat;
  background-size: 48px;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.15));
  z-index: 1;
}
.profile_learningCard:after {
  transition: background-color 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 3px;
}
.profile_learningCard.selected:after {
  background: rgba(50, 150, 250, 0.75) url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
}
.profile_learningCardImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aaa;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.profile_learningCard.locked .profile_learningCardImage {
  filter: blur(0px);
}
.profile_learningCard.locked:not(:hover) .profile_learningCardImage {
  filter: blur(5px) grayscale(1);
}
.profile_learningCard:hover .profile_learningCardImage {
  transform: scale(1.1);
}
.profile_learningCardGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(25, 75, 125, 0.15), rgba(25, 75, 125, 0.85));
}
.profile_learningCardLabels {
  position: absolute;
  top: 15px;
  right: 15px;
}
.profile_learningCardLabels div {
  transition: all 0.25s;
  float: right;
  height: 22px;
  background: #ffbe00 url(/img/icons/12/mandatory_ffffff.svg) calc(100% - 8px) 5px no-repeat;
  padding: 0 24px 0 10px;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 2px 0 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  clear: both;
}
.profile_learningCardLabels div.recommended {
  background-color: #3296fa;
  background-image: url(/img/icons/12/like_ffffff.svg);
}
.profile_learningCardLabels div.overdue {
  background-color: #f54b4b;
  background-image: url(/img/icons/12/bell_ffffff.svg);
}
.profile_learningCardLabels div.completed {
  background-color: #64c84b;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.profile_learningCard:not(:hover) .profile_learningCardLabels div:not(:last-child) {
  margin: -50px 0 30px 0;
  opacity: 0;
}
.profile_learningCardTitle {
  position: absolute;
  bottom: 20px;
  left: 25px;
  width: calc(100% - 50px);
  color: #fff;
}
.profile_learningCard.selected .profile_learningCardTitle {
  z-index: 4;
  cursor: pointer;
}
.profile_learningCardTitleStars {
  position: relative;
  transition: all 0.25s;
  display: inline-block;
  font-size: 0px;
  opacity: 0.35;
  z-index: 2;
}
.profile_learningCard:hover .profile_learningCardTitleStars {
  opacity: 1;
}
.profile_learningCardTitleStars img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}
.profile_learningCard:hover .profile_learningCardTitleStars img {
  margin-right: 5px;
}
.profile_learningCardTitle .headline {
  white-space: normal;
  font-size: 14px;
  line-height: 20px;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.15));
}
.profile_learningCard .boxlink {
  z-index: 1;
}
.profile_contentOverviewRelationDate {
  float: right;
  font-size: 12px;
  color: #999;
  margin-left: 15px;
}
.profile_contentOverviewRelationTitle,
.profile_contentOverviewRelationSub {
  overflow: hidden;
}
.profile_contentOverviewRelationTitle {
}
.profile_contentOverviewRelationTitle span {
  padding-left: 5px;
  font-weight: 300;
  color: #999;
}
.profile_contentOverviewRelationSub {
  background: url(/img/icons/12/arrow_3296fa.svg) 0 4px no-repeat;
  padding-left: 17px;
  font-size: 12px;
  color: #3296fa;
}
.profile_contentOverviewRelationSub.hired {
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
  color: #64C84B;
}
.profile_contentOverviewRelationSub.archived {
  background-image: url(/img/icons/12/notallowed_f54b4b.svg);
  color: #F54B4B;
}
.profile_contentOverviewRelationSub.archived span {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 18px;
  color: #999;
}
.profile_contentOverviewRelationSub.department {
  background-image: url(/img/icons/12/company_aaaaaa.svg);
  color: #999;
}
.profile_form .contentbox {
  overflow: hidden;
}
.profile_form .contentToggleBar {
  background-color: #fafafa;
  padding-top: 16px;
  padding-bottom: 15px;
}
.profile_form .contentToggleBar:hover {
  background-color: #f5f5f5;
}
.profile_formElement {
  transition: all 0.25s;
}
.profile_formElement:not(:first-child) {
  border-top: 1px solid #eee;
}
.profile_formElement:hover {
  background: rgba(255, 255, 0, 0.05);
}
.profile_formElementTitle {
  float: left;
  width: 30%;
  padding: 17px 25px;
  line-height: 16px;
  font-size: 12px;
  color: #666;
  box-sizing: border-box;
}
.profile_formElementTitle .edit {
  transition: all 0.25s;
  float: left;
  display: block;
  background: url(/img/icons/12/edit_ffffff.svg) calc(100% - 4px) 50% no-repeat;
  background-size: 8px;
  padding: 0 16px 0 5px;
  margin: 0 -16px 0 -5px;
  border-radius: 2px;
  cursor: pointer;
}
.profile_formElement:hover .profile_formElementTitle .edit {
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
}
.profile_formElementContent {
  float: right;
  width: 70%;
  padding: 15px 25px;
  box-sizing: border-box;
}
.tooltip_formOptions {
  margin: 4px 1px;
}
.tooltip_formOption {
  background: url(/img/icons/12/deselect_ffffff.svg) 0 3px no-repeat;
  line-height: 16px;
  padding: 2px 0 2px 22px;
}
.tooltip_formOption:not(.active) {
  opacity: 0.5;
}
.tooltip_formOption.active {
  background-image: url(/img/icons/12/select_ffffff_64c84b.svg);
}
.profile_formElementFiles {
  overflow: hidden;
  margin-top: -5px;
}
.profile_formElementFile {
  transition: all 0.25s;
  float: left;
  display: block;
  max-width: 200px;
  height: 20px;
  background: #3296fa;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin: 5px 5px 0 0;
}
.profile_formElementFile:hover {
  background: #fff;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa inset;
}
.profile_formElementImages {
  overflow: hidden;
  margin-top: -5px;
}
.profile_formElementImage {
  float: left;
  height: 100px;
  min-width: 50px;
  background: #aaa;
  overflow: hidden;
  border-radius: 3px;
  margin: 5px 5px 0 0;
  cursor: zoom-in;
}
.profile_formElementImage img {
  transition: all 0.25s;
  float: left;
  max-width: 250px;
  max-height: 100px;
  margin: 50px 0 0 50%;
  transform: translate(-50%, -50%);
}
.profile_formElementImage:hover img {
  transform: translate(-50%, -50%) scale(1.25);
}
.profile_formElementVideo {
  transition: all 0.25s;
  float: left;
  width: 100%;
  max-width: 400px;
}
.profile_formElementContent table {
  padding: 0;
  border: 0;
  margin: 0;
}
.profile_formElementContent table:not(:first-child) {
  margin-top: 10px;
}
.profile_formElementContent td {
  padding: 0;
  vertical-align: top;
  margin: 0;
}
.profile_formElementContent td:first-child {
  padding-right: 10px;
  text-align: right;
  font-size: 12px;
  color: #666;
}
@media (max-width: 1200px) {
  .profile_formElementContent .scorecard,
  .profile_formElementContent .scorecard .score,
  .profile_formElementContent .scorecard .title,
  .profile_formElementContent .scorecard .rating {
    display: block;
    width: 100%;
  }
  .profile_formElementContent .scorecard:not(.overall) .rating {
    padding: 0 15px 15px 15px;
  }
  .profile_formElementContent .scorecard .title {
    padding: 15px;
  }
  .profile_formElementContent .scorecard .score:not(:last-child) {
    border-bottom: 1px solid #ddd;
  }
  .profile_formElementContent .scorecard .title,
  .candidate_formElementContent .scorecard .rating {
    border: 0 !important;
  }
}
.profile_formElementContent .scorecard .rate {
  cursor: auto !important;
}
.profile_formElementContent .scorecard.overall {
  background: #fff;
}
.profile_formElementContent .scorecard.overall .infomessage {
  margin: -16px -16px 15px -16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.profile_formElementScreening {
  float: right;
  height: 20px;
  padding: 0 10px;
  line-height: 21px;
  font-size: 10px;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin-left: 5px;
}
.profile_formElementScreening div {
  float: right;
  width: 14px;
  height: 14px;
  background: conic-gradient(#000 0%, rgba(255, 255, 255, 0.25) 0);
  border-radius: 50%;
  margin: 3px -7px 0 5px;
}
.profile_formElementScreening div span {
  float: left;
  margin: 2px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
}
.profile_evaluationRateBad:before,
.profile_evaluationRateNotGood:before,
.profile_evaluationRateGood:before,
.profile_evaluationRateVeryGood:before,
.profile_evaluationRateExcellent:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #F54B4B;
  border-radius: 50%;
  margin: 6px 5px 0 0;
}
.profile_evaluationRateNotGood:before {
  background: #FF9100;
}
.profile_evaluationRateGood:before {
  background: #FFD200;
}
.profile_evaluationRateVeryGood:before {
  background: #AFD21E;
}
.profile_evaluationRateExcellent:before {
  background: #64C84B;
}
.profile_evaluationScoreBox .contentbox {
  padding: 2px;
  border-radius: 5px;
}
.profile_evaluationScoreColumns {
  display: table;
  float: left;
  width: calc(100% - 96px);
  box-sizing: border-box;
}
.profile_evaluationScoreColumn {
  transition: all 0.25s;
  display: table-cell;
  vertical-align: top;
}
.profile_evaluationScoreColumnRating {
  height: 34px;
  background: #aaa;
  text-align: center;
  line-height: 34px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.profile_evaluationScoreColumn.none .profile_evaluationScoreColumnRating {
  min-width: 34px;
  background: #aaa !important;
}
.profile_evaluationScoreColumnRating span {
  display: inline-block;
  padding: 0 5px;
  transform: translate(0, 1px);
}
.profile_evaluationScoreColumn.none .profile_evaluationScoreColumnRating span {
  display: none;
}
.profile_evaluationScoreColumnRating .icon {
  display: inline-block;
  transform: translate(0, 2px);
}
.profile_evaluationScoreColumn.none .profile_evaluationScoreColumnRating .icon {
  margin: 0;
}
.profile_evaluationScoreColumnUsers {
  height: 60px;
  border-left: 1px dashed #e5e5e5;
  border-right: 1px dashed #e5e5e5;
}
.profile_evaluationScoreColumnUsers .avatars {
  margin: 11px -50% 0 50%;
  transform: translate(-50%, 0);
}
.profile_evaluationScoreColumnUsers .avatars .avatar {
  cursor: pointer;
}
.profile_tooltipEvaluationUser {
  max-width: 400px;
  margin: 9px 1px;
}
.profile_tooltipEvaluationUserTitle,
.profile_tooltipEvaluationUserRating {
  height: 20px;
  line-height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
}
.profile_tooltipEvaluationUserTitle {
  font-weight: bold;
}
.profile_tooltipEvaluationUserRating img {
  float: left;
  margin: 3px 5px 0 0;
}
.profile_tooltipEvaluationUserComment {
  background: #222;
  padding: 10px 15px;
  border: 1px solid #444;
  border-radius: 3px;
  margin-top: 10px;
}
.profile_evaluationScoreColumnUsers span {
  display: block;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  font-weight: 300;
  color: #ddd;
  transform: translate(0, 2px);
}
.profile_evaluationScoreColumn:first-child .profile_evaluationScoreColumnRating,
.profile_evaluationScoreColumn:first-child .profile_evaluationScoreColumnUsers {
  border-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.profile_evaluationScoreColumn:last-child .profile_evaluationScoreColumnRating,
.profile_evaluationScoreColumn:last-child .profile_evaluationScoreColumnUsers {
  border-right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.profile_evaluationScoreCard {
  float: right;
  position: relative;
  width: 94px;
  height: 94px;
  padding-top: 45px;
  line-height: 40px;
  text-align: center;
  font-size: 30px;
  font-weight: 100;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 3px;
}
.profile_evaluationScoreCard img {
  position: absolute;
  top: 26px;
  left: 50%;
  margin-left: -6px;
  transform: scale(2);
}
.profile_messageTypeSMS {
  float: left;
  height: 15px;
  background: #aaa;
  padding: 0 5px;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-radius: 2px;
  margin: 1px 5px 0 0;
}
.profile_messageTypeDraft,
.profile_messageTypeBounced {
  font-weight: bold;
  font-size: 13px !important;
  color: #FF9100 !important;
}
.profile_messageTypeBounced {
  color: #F54B4B !important;
}
.profile_messageTypeDraft:before,
.profile_messageTypeSent:before,
.profile_messageTypeReceived:before,
.profile_messageTypeBounced:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #FF9100;
  border-radius: 50%;
  margin: 6px 5px 0 0;
}
.profile_messageTypeSent:before {
  background: #64C84B;
}
.profile_messageTypeReceived:before {
  background: #3296fa;
}
.profile_messageTypeBounced:before {
  background: #F54B4B;
}
.profile_messageInfo {
  display: table;
  width: calc(100% - 95px);
  font-size: 12px;
  color: #999;
  margin-bottom: 20px;
}
.profile_messageInfoRow {
  display: table-row;
}
.profile_messageInfoTitle {
  width: 1%;
  padding-right: 15px;
  white-space: nowrap;
  display: table-cell;
}
.profile_messageInfoResult {
  display: table-cell;
}
.profile_messageAttached {
  margin: -10px -10px 20px -5px;
}
.profile_messageAttached .circlebutton,
.profile_messageButtons .circlebutton {
  margin: 5px 5px 0 0;
}
.profile_messageBody {
  position: relative;
}
.profile_messageButtons {
  position: absolute;
  bottom: 0;
  right: -5px;
  background: rgba(255, 255, 255, 0.85);
  padding: 5px 0 0 10px;
  border-top-left-radius: 25px;
}
.profile_activity {
  transition: all 0.25s;
  padding: 10px 25px;
}
.profile_activity:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.profile_activity:hover {
  background: rgba(255, 255, 0, 0.05);
}
.profile_activityDate {
  float: right;
  padding: 5px 0;
  white-space: nowrap;
  font-size: 12px;
  color: #999;
}
.profile_activityText {
  background: url(/img/icons/12/arrow_aaaaaa.svg) 10px 9px no-repeat;
  padding: 5px 15px 5px 32px;
  overflow: hidden;
}
.profile_actionSlide {
  transition: all 0s 0.5s;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: calc(100% - 121px);
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 50;
}
.profile_actionSlide.active {
  transition: all 0s;
  width: 100%;
}
.profile_actionSlide:before {
  transition: all 0.5s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  opacity: 0;
}
.profile_actionSlide.active:before {
  opacity: 0.9;
}
.profile_actionSlideHolder {
  transition: all 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  box-shadow: -1px 0 0 0 #e5e5e5;
  transform: translate(100%, 0);
}
.profile_actionSlide.active .profile_actionSlideHolder {
  overflow-y: auto;
  transform: translate(0, 0);
}
.profile_actionSlideTop {
  margin-bottom: 25px;
}
.profile_actionSlideTop .headline {
  height: 30px;
  white-space: nowrap;
  line-height: 31px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile_actionSlideTopClose {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 30px;
  height: 30px;
  background: #aaa url(/img/icons/12/close_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-left: 15px;
}
.profile_actionSlideTopClose:hover {
  background-color: #f54b4b;
}
.profile_actionSlideTriggerDelay {
  background: rgb(255, 255, 235);
  padding: 25px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: 0 -25px 25px -25px;
}
.profile_actionSlideTriggerCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.profile_actionSlideTriggerCriteria {
  padding-top: 5px;
}
.profile_actionSlideTriggerCriteriaQuestion,
.profile_actionSlideTriggerCriteriaOption {
  float: left;
  width: 35%;
}
.profile_actionSlideTriggerCriteriaQuestion {
  margin-right: 5px;
}
.profile_actionSlideTriggerCriteriaOption {
  margin-left: 5px;
}
.profile_actionSlideTriggerCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.profile_actionSlideTriggerCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.profile_actionSlideTriggerCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.profile_actionSlideTriggerCriteriaActions .button {
  margin-left: 5px;
}
.profile_actionSlideTriggerCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .profile_actionSlideTriggerCriteriaSort {
  cursor: grabbing;
}
.disableSort .profile_actionSlideTriggerCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.profile_actionSlideTriggerCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.profile_actionSlideTriggerCriteriaSort span:before,
.profile_actionSlideTriggerCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.profile_actionSlideTriggerCriteriaSort:hover span,
.profile_actionSlideTriggerCriteriaSort:hover span:before,
.profile_actionSlideTriggerCriteriaSort:hover span:after,
.ui-sortable-helper .profile_actionSlideTriggerCriteriaSort span,
.ui-sortable-helper .profile_actionSlideTriggerCriteriaSort span:before,
.ui-sortable-helper .profile_actionSlideTriggerCriteriaSort span:after {
  background: #3296fa;
}
.profile_actionSlideTriggerCriteriaSort span:after {
  top: 6px;
}
.profile_actionMessage .profile_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .profile_actionMessage .profile_actionSlideHolder {
    width: 100%;
  }
}
.profile_actionMessageInvolved {
  display: table;
  width: 100%;
}
.profile_actionMessageInvolvedRow {
  display: table-row;
}
.profile_actionMessageInvolvedText {
  display: table-cell;
  position: relative;
  width: 1px;
  padding: 0 5px 5px 16px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
}
.profile_actionMessageInvolvedText:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 5px;
  left: 0;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}
.profile_actionMessageInvolvedText * {
  position: relative;
}
.profile_actionMessageInvolvedField {
  display: table-cell;
  position: relative;
  padding-bottom: 5px;
}
.profile_actionMessageInvolvedField .input,
.profile_actionMessageInvolvedField .dropdown {
  border-radius: 0 3px 3px 0;
}
.profile_actionMessageCcbccLink {
  transition: all 0.25s;
  position: absolute;
  display: none;
  top: 1px;
  right: 1px;
  height: 38px;
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1) 85px);
  padding: 0 15px 0 100px;
  line-height: 39px;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  border-radius: 2px;
}
.profile_actionMessageCcbccLink.active {
  display: block;
}
.profile_actionMessageCcbccLink.active:hover {
  color: #000;
}
.profile_actionMessageCcbcc {
  display: none;
}
.profile_actionMessageCcbcc.active {
  display: table-row;
}
.profile_actionMessageSettings {
  min-height: 40px;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.profile_actionMessageSettingsIcons {
  float: right;
  margin: -2px -7px;
}
.profile_actionMessageSettingsIcons a {
  float: left;
  padding: 5px;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
}
.profile_actionMessageSettingsIcons a:hover {
  background: #e5e5e5;
}
.profile_actionMessageSettingsIcons img {
  float: left;
}
.profile_actionMessageSettingsAttached {
  display: none;
  float: left;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px 0 15px;
  margin: 9px -15px -9px -15px;
}
.profile_actionMessageSettingsAttached.active {
  display: block;
}
.profile_actionMessageSettingsAttachedFile {
  height: 27px;
}
.profile_actionMessageSettingsAttachedFileLink {
  display: block;
  float: left;
  width: calc(100% - 27px);
  white-space: nowrap;
  line-height: 18px;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profile_actionMessage .button.success {
  margin-right: 5px;
}
.profile_actionMessagePreview .contentbox {
  position: absolute;
  top: 77px;
  left: 25px;
  bottom: 90px;
  width: calc(100% - 50px);
}
.profile_actionMessagePreview iframe {
  position: absolute;
  top: 25px;
  left: 25px;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  border: 0;
  border-radius: 3px;
}
.profile_actionMessagePreview .button {
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.profile_actionSchedule .profile_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .profile_actionSchedule .profile_actionSlideHolder {
    width: 100%;
  }
}
.profile_actionScheduleTable {
  display: table;
  width: 100%;
  background: #fafafa;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.smartTable .profile_actionScheduleTable {
  padding: 0;
  border: 0px;
}
.profile_actionScheduleTableRow {
  display: table-row;
}
.profile_actionScheduleTableTitle {
  display: table-cell;
  width: 0;
  padding: 0 15px 0 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.profile_actionScheduleTableInfo {
  display: table-cell;
  width: 100%;
}
.profile_actionScheduleTableRow:not(:last-child) .profile_actionScheduleTableInfo {
  padding-bottom: 5px;
}
.profile_actionScheduleTableInfoMax {
  float: right;
  height: 40px;
  background: #fff url(/img/icons/12/silhouettes_aaaaaa.svg) 10px 50% no-repeat;
  line-height: 40px;
  padding: 0 10px 0 27px;
  color: #aaa;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-left: 5px;
}
.profile_actionScheduleTableInfoMax:focus {
  background-image: url(/img/icons/12/silhouettes_3296fa.svg);
  color: #3296fa;
  border-color: #3296fa;
}
.profile_actionScheduleTableInfoMax:empty:after {
  color: #aaa;
}
.profile_actionScheduleTableInfoMax:focus:empty:after {
  color: #3296fa;
}
.profile_actionScheduleInterviewers {
  float: right;
}
.profile_actionScheduleInterviewersTitle {
  float: left;
  height: 40px;
  color: #999;
  line-height: 41px;
  overflow: hidden;
  margin-right: 10px;
}
.profile_actionScheduleTableInfo .profile_actionScheduleInterviewers {
  float: left;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  box-sizing: border-box;
}
.profile_actionScheduleTableInfo .profile_actionScheduleInterviewers .avatars {
  margin: 4px;
}
.profile_actionScheduleInterviewers .avatar {
  color: #fff;
  cursor: pointer;
}
.profile_actionScheduleInterviewers .avatar.highlighted {
  z-index: 1;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
  transform: scale(1.1);
}
.profile_actionScheduleInterviewers .avatar.hide {
  transform: rotate(-45deg);
}
.profile_actionScheduleInterviewers .avatar.hide.highlighted,
.profile_actionScheduleInterviewers .avatar.hide:hover {
  transform: scale(1.1) rotate(-45deg);
}
.profile_actionScheduleInterviewers .avatar:before,
.profile_actionScheduleInterviewers .avatar:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  opacity: 0;
}
.profile_actionScheduleInterviewers .avatar:before {
  top: 10px;
  left: calc(50% - 1px);
  box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.75);
}
.profile_actionScheduleInterviewers .avatar.hide:before {
  height: calc(100% - 20px);
  opacity: 1;
}
.profile_actionScheduleInterviewers .avatar:after {
  top: calc(50% - 1px);
  right: 10px;
}
.profile_actionScheduleInterviewers .avatar.hide:after {
  transition: all 0.25s 0.25s;
  width: calc(100% - 20px);
  opacity: 1;
}
.profile_actionScheduleInterviewers .avatar.add {
  background: #3296fa url(/img/icons/12/add_ffffff.svg) 50% 50% no-repeat;
}
.profile_actionScheduleAvatarTooltip {
  padding: 15px;
  margin: -6px -14px;
}
.profile_actionScheduleAvatarTooltip .avatar {
  margin: 0 0 10px 50%;
  transform: translate(-50%, 0);
}
.profile_actionScheduleAvatarTooltipTitle {
  font-weight: bold;
  text-align: center;
  margin: 0 0 15px 0;
}
.profile_actionScheduleAvatarTooltipEvaluation {
  border-top: 1px solid #444;
  padding: 15px;
  margin: 0 -15px -20px -15px;
}
.profile_actionScheduleAvatarTooltipEvaluationTitle {
  height: 20px;
  background: #222;
  padding: 0 15px;
  line-height: 21px;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  overflow: hidden;
  border-bottom: 1px solid #444;
  margin: -15px -15px 10px -15px;
}
.profile_actionScheduleCalendar .calendarDate {
  margin: -2px auto;
}
.profile_actionScheduleCalendarTop {
  margin-top: -32px;
}
.profile_actionScheduleCalendarTopRight {
  float: right;
}
.profile_actionScheduleCalendarTopRight .selectbuttons,
.profile_actionScheduleCalendarTopRight .button {
  margin: -2px 0 -2px 5px;
}
.profile_actionScheduleCalendarSettingsTooltip {
  padding: 15px;
  margin: -6px -14px;
}
.profile_actionScheduleCalendar .calendarWeekly {
  height: calc(100vh - 343px);
}
@media (max-width: 1200px), (max-height: 800px) {
  .profile_actionScheduleCalendar .calendarWeekly {
    height: calc(100vh - 293px);
  }
}
.profile_actionScheduleCalendarBottom {
  position: absolute;
  right: 25px;
  left: 25px;
  bottom: 25px;
}
.profile_actionScheduleCalendarButtons {
  float: left;
}
.profile_actionScheduleNotify:before {
  opacity: 0 !important;
}
.profile_actionScheduleNotify .profile_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .profile_actionScheduleNotify .profile_actionSlideHolder {
    width: 100%;
  }
}
.profile_actionScheduleReminder {
  transition: all 0.25s;
  background: #fafafa;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.profile_actionScheduleReminder.active {
  background: #fff;
}
.profile_actionScheduleReminder *:not(.switch) {
  transition: all 0.25s;
}
.profile_actionScheduleReminder:not(.active) *:not(.switch) {
  filter: blur(1px);
  opacity: 0.5;
}
.profile_actionScheduleReminder .switch {
  margin-right: 15px;
}
.profile_actionScheduleReminder .dropdown {
  float: right;
  max-width: 200px;
  margin: 2px 0 0 15px;
}
.profile_actionScheduleReminderText {
  overflow: hidden;
}
.profile_actionScheduleReminderText strong {
  padding: 0 3px;
  color: #3296fa;
  border-radius: 2px;
  margin: 0 3px;
  box-shadow: 0 0 0 1px #3296fa;
}
.profile_actionFormArea:before {
  opacity: 0 !important;
}
.profile_actionForm .profile_actionSlideHolder,
.profile_actionFormArea .profile_actionSlideHolder {
  width: 400px;
}
.profile_actionForm .profile_actionSlideTop,
.profile_actionFormArea .profile_actionSlideTop {
  padding: 25px 25px 0 25px;
}
.profile_actionFormList {
  border-top: 1px solid #eee;
}
.profile_actionFormSearch {
  height: 61px;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.profile_actionFormSearch input {
  width: 100%;
  background: url(/img/icons/12/search_aaaaaa.svg) 25px 24px no-repeat;
  padding: 15px 25px 15px 52px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.profile_actionFormList a {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 61px;
  background: url(/img/icons/12/form_aaaaaa.svg) 25px 24px no-repeat;
  padding: 0 25px 0 52px;
  line-height: 62px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.profile_actionFormEvaluate {
  background-image: url(/img/icons/12/star_aaaaaa.svg) !important;
}
.profile_actionFormFolder {
  background-image: url(/img/icons/12/folder_3296fa.svg) !important;
}
.profile_actionFormList a:hover,
.profile_actionFormList a.active {
  background-color: rgba(50, 150, 250, 0.05);
}
.profile_actionFormList .searched {
  background: rgba(50, 150, 250, 0.25);
}
.profile_actionForm .button,
.profile_actionFormArea .button {
  margin: 10px 0 10px 50%;
  transform: translate(-50%, 0);
}
.profile_actionFormFill .profile_actionSlideTop .circlebutton,
.profile_actionFormFillEvaluate .profile_actionSlideTop .circlebutton {
  float: right;
  margin-left: 15px;
}
.profile_actionFormForward .profile_actionSlideHolder,
.profile_actionFormForwardEvaluate .profile_actionSlideHolder {
  width: 800px;
}
.profile_actionTask .profile_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .profile_actionTask .profile_actionSlideHolder {
    width: 100%;
  }
}
.profile_actionLearning .profile_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .profile_actionLearning .profile_actionSlideHolder {
    width: 100%;
  }
}
.profile_actionMove .profile_actionSlideHolder {
  width: 500px;
}
.profile_actionExport .profile_actionSlideHolder,
.profile_actionExportProgress .profile_actionSlideHolder,
.profile_actionExportDone .profile_actionSlideHolder {
  width: 500px;
}
.profile_actionExportProgress:before,
.profile_actionExportDone:before {
  opacity: 0 !important;
}
.profile_actionFileEmbed {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  overflow: hidden;
  margin: 1px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.profile_actionFileEmbed embed {
  width: 100%;
  height: 100%;
}
.profile_actionApproval:not(.profile_actionSlide):last-child {
  border-bottom: 1px solid #e5e5e5;
}
.profile_actionApproval .contentToggleBar:not(:hover) {
  background: #fafafa;
}
.profile_actionApproval .contentToggleBar.active {
  background: #3296fa;
  color: #fff;
}
.profile_actionApproval .contentToggleBar.active:after {
  filter: brightness(2);
}
.profile_actionApproval .contentToggleBar .circlebutton {
  box-shadow: 0 0 0 2px #fff;
}
.profile_actionApproval .contentToggleBar .headline {
  overflow: hidden;
}
.profile_actionApproval .contentToggleBar .circlebutton {
  float: right;
  margin: -2px 0 -2px 15px;
}
.profile_actionApprovalComment {
  background: #fafafa;
}
.profile_actionApprovalComment .smartTableToggle.active .smartTableElement {
  background: rgba(50, 150, 250, 0.05);
}
.profile_actionApprovalComment .smartTableIcon {
  transition: all 0.25s;
}
.profile_actionApprovalComment .smartTableToggle.active .smartTableIcon {
  background: #3296fa;
  border-color: #3296fa;
}
.profile_actionApprovalComment .smartTableToggle.active .smartTableIcon img {
  filter: brightness(2);
}
.profile_actionApprovalComment .smartTableTitle {
  font-weight: bold;
}
.profile_actionApprovalComment .smartTableToggleContent {
  background: #fff;
  padding: 0 25px;
}
.profile_actionApprovalComment .smartTableToggle:not(.disabled).active .smartTableToggleContent {
  padding: 25px;
}
.profile_actionApprovalTable {
  display: table;
}
.profile_actionApprovalTable:not(:last-child) {
  margin-bottom: 20px;
}
.profile_actionApprovalTableRow {
  display: table-row;
}
.profile_actionApprovalTableCell {
  position: relative;
  display: table-cell;
  vertical-align: top;
}
.profile_actionApprovalTableRow:not(:last-child) .profile_actionApprovalTableCell {
  padding-bottom: 10px;
}
.profile_actionApprovalTableCell:first-child {
  font-weight: bold;
  color: #999;
}
.profile_actionApprovalTableCell:last-child {
  padding-left: 25px;
}
.profile_actionApprovalTableCellArrow {
  background: url(/img/icons/12/arrow_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 22px;
}
.profile_actionApprovalSwitch {
  height: 20px;
  margin-top: 10px;
}
.profile_actionApprovalSwitch .switch {
  margin-right: 10px;
}
.profile_actionApprovalComment .textarea {
  float: right;
  width: calc(100% - 55px);
}
.profile_actionApprovalCommentButtons {
  margin-left: 55px;
}
.profile_actionApprovalCommentButtons .button {
  margin-right: 15px;
}
.profile_actionApprovalCancelApproval {
  float: right;
  margin: 0px !important;
  opacity: 0.5;
}
.profile_actionApprovalCancelApproval:hover {
  opacity: 1;
}
.profile_actionApprovalLog:not(:last-child) {
  margin-bottom: 25px;
}
.profile_actionApprovalLog .avatars,
.profile_actionApprovalLog .avatar {
  margin-right: 15px;
}
.profile_actionApprovalLog .avatars .avatar {
  margin-left: -15px;
  margin-right: 0 !important;
}
.profile_actionApprovalLog .avatars .avatar:first-child {
  margin-left: 0px;
}
.profile_actionApprovalLog .avatar.needed {
  animation: logApprovalNeededRotationButton 4s infinite;
  background: #F54B4B url(/img/icons/12/bell_ffffff.svg) 50% 50% no-repeat;
}
@keyframes logApprovalNeededRotationButton {
  0% {
    transform: scale(1) rotate(0deg);
  }
  5% {
    transform: scale(0.75) rotate(-90deg);
  }
  10% {
    transform: scale(1) rotate(45deg);
  }
  15% {
    transform: scale(1) rotate(-35deg);
  }
  20% {
    transform: scale(1) rotate(25deg);
  }
  25% {
    transform: scale(1) rotate(-15deg);
  }
  30% {
    transform: scale(1) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.profile_actionApprovalLog .avatar.awaits {
  animation: logAwaitsApprovalRotationButton 4s infinite;
  background: #3296fa url(/img/icons/12/update_ffffff.svg) 50% 50% no-repeat;
}
@keyframes logAwaitsApprovalRotationButton {
  0% {
    transform: scale(1) rotate(0deg);
  }
  5% {
    transform: scale(0.75) rotate(-90deg);
  }
  25% {
    transform: scale(1) rotate(360deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}
.profile_actionApprovalLog .avatar.accepted {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.profile_actionApprovalLog .avatar.rejected {
  background: #F54B4B url(/img/icons/12/notallowed_ffffff.svg) 50% 50% no-repeat;
}
.profile_actionApprovalLog .avatar.awaitsLayer:after,
.profile_actionApprovalLog .avatar.acceptedLayer:after,
.profile_actionApprovalLog .avatar.rejectedLayer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 150, 250, 0.5);
}
.profile_actionApprovalLog .avatar.acceptedLayer:after {
  background: rgba(100, 200, 75, 0.5);
}
.profile_actionApprovalLog .avatar.rejectedLayer:after {
  background: rgba(245, 75, 75, 0.5);
}
.profile_actionApprovalLogText {
  overflow: hidden;
}
.profile_actionApprovalLogUpcoming {
  background: url(/img/icons/12/arrow_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 22px;
  font-style: italic;
  color: #999;
}
.profile_actionApprovalLogTextDate {
  display: inline-block;
  font-style: italic;
  color: #999;
}
.profile_actionApprovalLogComment {
  padding: 10px 15px;
  background: rgba(255, 255, 0, 0.1);
  border: 1px solid rgba(255, 170, 0, 0.25);
  border-radius: 3px;
  margin-top: 5px;
}
.profile_actionApprovalLogDelete {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
  margin-left: 10px;
  opacity: 0.5;
}
.profile_actionApprovalLogDelete:hover {
  opacity: 1;
}
.profile_actionApprovalDottedline:not(:last-child) {
  height: 0;
  overflow: hidden;
  border-bottom: 2px dashed #ddd;
  margin-bottom: 25px;
}

/* apps/shared-assets/css/platform_employees.css */
.employees_overviewButtonsLeft {
  float: left;
  margin-top: -34px;
}
.employees_overviewButtonsLeft .button {
  margin-right: 15px;
}
.employees_overviewButtonsRight {
  float: right;
  margin-top: -34px;
}
.employees_overviewButtonsRight .button {
  margin-left: 15px;
}
.employees_overviewCards {
  margin-top: 10px;
}
.employees_overviewCard {
  float: left;
  width: 16.666%;
}
@media (min-width: 1926px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .employees_overviewCard:nth-child(6n+7) {
    clear: left;
  }
}
@media (min-width: 1611px) and (max-width: 1925px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .employees_overviewCard {
    width: 20%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .employees_overviewCard:nth-child(5n+6) {
    clear: left;
  }
}
@media (min-width: 1296px) and (max-width: 1610px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .employees_overviewCard {
    width: 25%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .employees_overviewCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (max-width: 1295px) {
  body:not(.activeFilterLeft):not(.activeFilterRight) .employees_overviewCard {
    width: 33.333%;
  }
  body:not(.activeFilterLeft):not(.activeFilterRight) .employees_overviewCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (min-width: 2286px) {
  body.activeFilterLeft .employees_overviewCard:nth-child(6n+7),
  body.activeFilterRight .employees_overviewCard:nth-child(6n+7) {
    clear: left;
  }
}
@media (min-width: 1971px) and (max-width: 2285px) {
  body.activeFilterLeft .employees_overviewCard,
  body.activeFilterRight .employees_overviewCard {
    width: 20%;
  }
  body.activeFilterLeft .employees_overviewCard:nth-child(5n+6),
  body.activeFilterRight .employees_overviewCard:nth-child(5n+6) {
    clear: left;
  }
}
@media (min-width: 1656px) and (max-width: 1970px) {
  body.activeFilterLeft .employees_overviewCard,
  body.activeFilterRight .employees_overviewCard {
    width: 25%;
  }
  body.activeFilterLeft .employees_overviewCard:nth-child(4n+5),
  body.activeFilterRight .employees_overviewCard:nth-child(4n+5) {
    clear: left;
  }
}
@media (min-width: 1341px) and (max-width: 1655px) {
  body.activeFilterLeft .employees_overviewCard,
  body.activeFilterRight .employees_overviewCard {
    width: 33.333%;
  }
  body.activeFilterLeft .employees_overviewCard:nth-child(3n+4),
  body.activeFilterRight .employees_overviewCard:nth-child(3n+4) {
    clear: left;
  }
}
@media (max-width: 1340px) {
  body.activeFilterLeft .employees_overviewCard,
  body.activeFilterRight .employees_overviewCard {
    width: 50%;
  }
  body.activeFilterLeft .employees_overviewCard:nth-child(2n+3),
  body.activeFilterRight .employees_overviewCard:nth-child(2n+3) {
    clear: left;
  }
}
.employees_overviewCard.active .contentbox {
  border-color: #0099ff;
}
.activeSelection .employees_overviewCard .contentbox {
  cursor: pointer;
}
.activeSelection .employees_overviewCard .contentbox:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(50, 150, 250, 0);
  border: none;
  border-radius: 2px;
  z-index: 20;
}
.activeSelection .employees_overviewCard.active .contentbox:after {
  background: rgba(50, 150, 250, 0.05) !important;
  border: 1px solid #0099ff;
}
.employees_overviewCard .checkbox {
  transition: all 0.25s;
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
}
.activeSelection .employees_overviewCard:hover .checkbox {
  border-color: #0099ff;
}
.employees_overviewCardHeader {
  position: relative;
  padding: 25px 25px 20px 25px;
}
.employees_overviewCardHeader .avatar {
  position: relative;
  float: none;
  display: block;
  margin: 0 auto;
}
.employees_overviewCard.deleted .employees_overviewCardHeader .avatar {
  background: rgba(245, 75, 75, 0.05) url(/img/icons/12/cross_f54b4b.svg) 50% 50% no-repeat;
  background-size: 36px;
  box-shadow: 0 0 0 1px rgba(245, 75, 75, 0.1) inset;
}
.employees_overviewCardHeader .headline {
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 20px;
}
.employees_overviewCardHeaderJobtitle {
  white-space: nowrap;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employees_overviewCardLink {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 232px;
}
.employees_overviewCardLink:hover {
  background: rgba(255, 255, 0, 0.05);
}
.employees_overviewCardActions {
  height: 50px;
  background: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.employees_overviewCard.deleted .employees_overviewCardActions {
  background: rgba(245, 75, 75, 0.05);
  line-height: 51px;
  white-space: nowrap;
  text-align: center;
  font-style: italic;
  color: rgb(245, 75, 75);
  overflow: hidden;
  border-color: rgba(245, 75, 75, 0.1);
}
.employees_overviewCardActionsCenter {
  float: left;
  margin: 0 -50% 0 calc(50% - 200px);
  transform: translate(calc(-50% - -200px), 0);
}
.employees_overviewCardActionsLine {
  float: left;
  width: 1px;
  height: 50px;
  background: #eee;
  overflow: hidden;
}
.employees_overviewCardData {
  float: left;
  width: 100%;
  min-height: 25px;
  padding: 12px 25px 13px;
  box-sizing: border-box;
}
.employees_overviewCardDataElement {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.employees_overviewCardDataElement:first-child {
  padding-top: 10px;
}
.employees_overviewCardDataElement:last-child {
  padding-bottom: 10px;
}
.employees_overviewCardDataTitle,
.employees_overviewCardDataInfo {
  padding: 3px 0 2px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employees_overviewCardDataTitle {
  float: left;
  width: 35%;
  padding-right: 10px;
  text-align: right;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #999;
  box-sizing: border-box;
}
.employees_overviewCardDataInfo {
  position: relative;
  float: right;
  width: 65%;
  padding-left: 5px;
  box-sizing: border-box;
}
.employees_overviewCardDataInfo .boxlink:hover {
  background: rgba(255, 255, 0, 0.05);
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
}
.employees_overviewCardDataInfo .icon {
  float: left;
  margin: 3px 10px 0 0;
}
.employees_overviewList {
  height: calc(100vh - 265px);
  margin-top: 10px;
}
.employees_overviewList .deleted .avatar {
  background: rgba(245, 75, 75, 0.05) url(/img/icons/12/cross_f54b4b.svg) 50% 50% no-repeat;
  background-size: 12px;
  box-shadow: 0 0 0 1px rgba(245, 75, 75, 0.1) inset;
}
.employees_overviewList .advTableLeft .infoicon {
  margin-top: 18px;
}
.employees_overviewList .advTableColumn .slider {
  margin-top: 15px;
}
.employees_overviewListLeftIcons {
  float: right;
}
.employees_overviewListLeftDeleted {
  float: right;
  font-size: 12px;
  font-style: italic;
  color: rgb(245, 75, 75);
}
.employees_overviewListColumnColor {
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  filter: saturate(0.65);
}
.employees_overviewListColumnColor.p0 {
  background-color: #aaa !important;
}
.employees_overviewListColumnColor:not(.p0):not(.p10):not(.p20):not(.p30):not(.p40):not(.p50):not(.p60):not(.p70):not(.p80):not(.p90):not(.p100) {
  color: rgba(0, 0, 0, 0.25);
  text-shadow: none;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.15) inset;
}
.employees_overviewListColumnColor span {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.85);
}
.employees_overviewListColumnColor span img {
  display: inline-block;
  vertical-align: top;
  opacity: 0.5;
  margin: 18px 5px 0 5px;
}
.employees_overviewListColumnColor .boxlink {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset !important;
}
.employees_overviewListColumnStatus.absence {
  color: #F54B4B;
}
.employees_overviewListColumnStatus:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #64C84B;
  box-sizing: border-box;
  border-radius: 50%;
  margin: 22px 10px 0 0;
}
.employees_overviewListColumnStatus.absence:before {
  background: #F54B4B;
}
.employees_overviewListColumnStatus.none:before {
  background: #fff;
  border: 1px solid #aaa;
}
.employees_overviewListColumnComments,
.employees_overviewListColumnTasks {
  width: 50px;
  padding: 0;
}
.employees_overviewList .advTableLeft .boxlink {
  left: 50px;
}
.employees_overviewList .advTableColumn .boxlink {
  transition: all 0.25s;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
}
.employees_overviewList .advTableColumn .boxlink:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05) inset;
}
.employees_overviewCardScreening,
.employees_overviewListScreeningCircle,
.employee_topScreening {
  transition: all 0.25s 0.5s;
  position: relative;
  float: left;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: -5px 0 -5px -110px;
}
.employees_overviewCardScreening {
  float: none;
  display: block;
  width: 130px;
  height: 130px;
  margin: -5px auto -125px auto;
}
.employees_overviewListScreeningCircle {
  left: -3px;
  width: 36px;
  height: 36px;
  margin: 7px auto -100px auto;
}
.employees_overviewCardScreening span,
.employee_topScreening span {
  transition: all 0.25s 0.5s;
  position: absolute;
  top: 0;
  left: 50%;
  height: 20px;
  padding: 0 6px;
  line-height: 21px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  border-radius: 100% 100% 20px 20px;
  z-index: 1;
  transform: translate(-50%, 0);
}
.employees_overviewCardScreening:after,
.employees_overviewListScreeningCircle:after,
.employee_topScreening:after {
  transition: all 0.25s 0.5s;
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background: #fff;
  border-radius: 50%;
}
.employees_overviewListScreeningCircle:after {
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}
.employee_topScreening:after {
  background: rgb(255, 255, 235);
}
.employees_overviewCV {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 11px;
  right: 11px;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 50%;
  z-index: 1;
}
.employees_overviewList .employees_overviewCV {
  float: left;
  position: relative;
  top: 0;
  right: 0;
  margin: 13px 0 0 0;
}
.employees_overviewCV:hover {
  box-shadow: 0 0 0 13px rgba(50, 150, 250, 1) inset;
}
.employees_overviewCV:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(/img/icons/12/cv_000000.svg) 50% 50% no-repeat;
  opacity: 0.25;
}
.employees_overviewCV:hover:before {
  filter: invert(100%);
  opacity: 1;
}
.employees_overviewIntegrationHandicap {
  position: absolute;
  top: 133px;
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: #3296fa url(/img/icons/12/handicap_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  z-index: 1;
}
.employees_overviewList .employees_overviewIntegrationHandicap {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  box-shadow: none;
  margin: 13px 5px 0 0;
}
.employees_overviewXY {
  height: calc(100vh - 280px);
  overflow: hidden;
  margin-top: 10px;
}
.employees_overviewXYgradient {
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  overflow: hidden;
  border-radius: 2px;
}
.employees_overviewXYgradient:before {
  content: "";
  position: absolute;
  top: -100%;
  right: -100%;
  width: 200%;
  height: 200%;
  background: #fafafa;
  background-image:
    radial-gradient(
      ellipse,
      #64C84B,
      #8CD24B,
      #AFD21E,
      #D7D200,
      #FFD200,
      #FFBE00,
      #FFAA00,
      #FF9100,
      #FF644B,
      #F54B4B,
      #F54B4B);
  filter: saturate(0.65);
}
.employees_overviewXYbarXaxis,
.employees_overviewXYbarYaxis {
  transition: background 0.25s;
  position: absolute;
  bottom: 26px;
  left: 60px;
  width: calc(100% - 111px);
  height: 34px;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.25);
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 1px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  cursor: pointer;
}
.employees_overviewXYbarYaxis {
  width: calc(100vh - 383px);
  left: 26px;
  transform: rotate(270deg);
  transform-origin: 0% 0%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.employees_overviewXYbarXaxis:hover,
.employees_overviewXYbarYaxis:hover {
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.employees_overviewXYbarXaxis:after,
.employees_overviewXYbarYaxis:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 34px;
  background: url(/img/icons/12/arrow_ffffff.svg) 50% 50% no-repeat;
  margin-left: 5px;
}
.employees_overviewXYdiagram {
  position: absolute;
  top: 41px;
  left: 60px;
  width: calc(100% - 111px);
  height: calc(100% - 101px);
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25) inset, 0 0 10px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 3px;
}
.employees_overviewXYdiagramXaxisPosition {
  position: absolute;
  bottom: 1px;
  left: 50%;
  width: 1px;
  height: calc(100% - 2px);
  background: rgba(255, 255, 255, 0.25);
  transform: translate(-1px, 0);
}
.employees_overviewXYdiagramXaxisPosition span {
  position: absolute;
  display: block;
  top: -24px;
  left: -50px;
  width: 100px;
  text-align: center;
  font-size: 11px;
  color: #fff;
}
.employees_overviewXYdiagramYaxisPosition {
  position: absolute;
  bottom: 50%;
  left: 1px;
  width: calc(100% - 2px);
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  transform: translate(0, 1px);
}
.employees_overviewXYdiagramYaxisPosition span {
  position: absolute;
  display: block;
  bottom: -10px;
  right: -110px;
  width: 100px;
  text-align: left;
  font-size: 11px;
  color: #fff;
}
.employees_overviewXYdiagram .avatar {
  transition: all 0.25s;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
  box-shadow: 0 0 0 2px #fff, 0 0 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  z-index: 2;
}
.employees_overviewXYdiagram .avatar:hover,
.employees_overviewXYdiagramGroup:hover .avatar {
  transform: translate(-50%, 50%) scale(1.1);
  box-shadow: 0 0 0 2px #fff, 0 0 50px rgba(0, 0, 0, 0.25);
  z-index: 4;
}
.employees_overviewXYdiagramPast {
  transition: all 0.25s;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background: #3296fa;
  border-radius: 50%;
  transform: translate(-50%, 50%);
  box-shadow: 0 0 0 2px #fff, 0 0 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  z-index: 1;
}
.employees_overviewXYdiagramPast:hover,
.employees_overviewXYdiagramGroup:hover .employees_overviewXYdiagramPast {
  transform: translate(-50%, 50%) scale(1.1);
  box-shadow: 0 0 0 2px #fff, 0 0 50px rgba(0, 0, 0, 0.25);
  z-index: 3;
}
.employees_overviewXYdiagramLine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleY(-1);
}
.employees_overviewXYdiagramLine line {
  transition: all 0.25s;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 2 2;
  vector-effect: non-scaling-stroke;
}
.employees_overviewXYdiagramGroup:hover .employees_overviewXYdiagramLine line {
  stroke-dasharray: 2 0;
}
.employees_overviewActionsStatus {
  transition: all 0.25s;
  display: block;
  float: left;
  max-width: 144px;
  height: 24px;
  white-space: nowrap;
  background: #fff;
  padding: 0 10px;
  line-height: 23px;
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  text-decoration: none;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  margin: 13px;
}
.employees_overviewActionsStatus.absence {
  color: #F54B4B;
}
.employees_overviewActionsStatus:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.employees_overviewActionsStatus:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #64C84B;
  box-sizing: border-box;
  border-radius: 50%;
  margin: 8px 8px 0 -2px;
}
.employees_overviewActionsStatus.absence:before {
  background: #F54B4B;
}
.employees_overviewActionsStatus.none:before {
  background: #fff;
  border: 1px solid #aaa;
}
.employees_overviewActionsComments {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 40px;
  height: 30px;
  background: url(/img/icons/24/chat_aaaaaa.svg) 50% 50% no-repeat;
  cursor: pointer;
  margin: 10px 5px;
  opacity: 0.5;
}
.employees_overviewActionsComments:hover {
  opacity: 1;
}
.employees_overviewActionsComments.active {
  background-image: url(/img/icons/24/chat_3296fa.svg);
  opacity: 1;
}
.employees_overviewActionsComments div {
  transition: all 0.25s;
  position: absolute;
  top: 2px;
  right: 23px;
  height: 11px;
  min-width: 6px;
  background: #f54b4b;
  padding: 0 2px;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #fff;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 3px;
}
.employees_overviewActionsTasks {
  transition: all 0.25s;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  line-height: 25px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: #aaa;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 1px #ddd inset;
  margin: 13px;
}
.employees_overviewActionsTasks.youOverdue {
  box-shadow: 0 0 0 20px #f54b4b inset;
  color: #fff;
}
.employees_overviewActionsTasks.you {
  box-shadow: 0 0 0 20px #3296fa inset;
  color: #fff;
}
.employees_overviewActionsTasks.othersOverdue {
  box-shadow: 0 0 0 1px #f54b4b inset;
  color: #f54b4b;
}
.employees_overviewActionsTasks.others {
  box-shadow: 0 0 0 1px #3296fa inset;
  color: #3296fa;
}
.employees_overviewActionsTasks.completed {
  box-shadow: 0 0 0 1px #64c84b inset;
}
.advTableTop .employees_overviewActionsTasks.active {
  box-shadow: 0 0 0 20px #3296fa inset;
}
.employees_overviewActionsTasks div {
  transition: all 0.25s;
  position: relative;
  width: 24px;
  height: 24px;
}
.employees_overviewActionsTasks.completed div {
  background: url(/img/icons/12/checkmark_64c84b.svg) 50% 50% no-repeat;
}
.advTableTop .employees_overviewActionsTasks div {
  background: url(/img/icons/12/checkmark_aaaaaa.svg) 50% 50% no-repeat;
  opacity: 0.5;
}
.advTableTop .employees_overviewActionsTasks.active div {
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
  opacity: 1;
}
.advTableTop .employees_overviewActionsTasks:hover div {
  opacity: 1;
}
.employees_overviewDataPercentText {
  transition: all 0.25s;
  line-height: 12px;
  text-align: right;
  font-size: 12px;
  margin: 13px 0 0 0;
}
.employees_overviewCard .employees_overviewDataPercentText {
  margin-top: 4px;
}
.employees_overviewDataPercent,
.employees_overviewDataPercent span {
  transition: all 0.25s;
  display: block;
  height: 4px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin-top: 8px;
}
.employees_overviewCard .employees_overviewDataPercent {
  margin-bottom: 4px;
}
.employees_overviewDataPercent span {
  margin-top: 0;
}
.employees_overviewCard .colorrating {
  margin: 8px 0;
}
.advTableColumn .colorrating {
  margin-top: 13px;
}
.tooltip_bulkEmployees {
  margin: -6px -14px;
}
.tooltip_bulkEmployee {
  padding: 15px 25px 15px 15px;
  margin-top: -5px;
}
.tooltip_bulkEmployee:not(:first-child) {
  padding-top: 0;
}
.tooltip_bulkEmployee .avatar {
  margin-right: 10px;
}
.tooltip_bulkEmployeeName {
  height: 30px;
  line-height: 31px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}
.employee_top {
  position: relative;
  height: 121px;
  background: rgb(255, 255, 235);
  padding: 20px 0 0 130px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.employee_top .avatar {
  transition: all 0.25s 0.5s;
  position: relative;
  margin-left: -105px;
}
.employee_top .avatar a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75) url(/img/icons/12/camera_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
  opacity: 0;
}
.employee_top .avatar.zoomIn a {
  background-image: url(/img/icons/12/search_ffffff.svg);
}
.employee_top .avatar a:hover {
  opacity: 0.75;
}
.employee_tooltipAvatar img {
  float: left;
  max-width: 500px;
  max-height: 500px;
  margin: -5px -13px;
}
.employee_tooltipAvatar .hoverdelete {
  top: 9px;
  right: 1px;
}
.employee_topRight {
  position: relative;
  float: right;
  margin: 23px 25px 0 0;
  z-index: 2;
}
@media (max-width: 1200px) {
  .employee_topRight {
    margin-top: 5px;
  }
}
.employee_simple .employee_topRight {
  margin: 23px 44px 0 0 !important;
}
.employee_comments {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: 44px;
  height: 34px;
  background: #fff url(/img/icons/24/chat_aaaaaa.svg) 50% 50% no-repeat;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  cursor: pointer;
  margin-left: 5px;
  opacity: 0.5;
}
.employee_comments:hover {
  opacity: 1;
}
.employee_comments.active {
  background-image: url(/img/icons/24/chat_3296fa.svg);
  opacity: 1;
}
.employee_comments div {
  transition: all 0.25s;
  position: absolute;
  top: 3px;
  right: 24px;
  height: 11px;
  min-width: 6px;
  background: #f54b4b;
  padding: 0 2px;
  line-height: 12px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: #fff;
  overflow: hidden;
  border: 1px solid #fff;
  border-radius: 3px;
}
.employee_tooltipComments {
  width: 480px;
  margin: -6px -14px;
}
.employee_tooltipCommentsWrite {
  padding: 15px;
}
.employee_tooltipCommentsWrite .textarea {
  float: right;
  width: calc(100% - 50px);
  background: #222;
  border-color: #444;
}
.employee_tooltipCommentsWrite .textarea .contentEditable {
  color: #fff;
}
.employee_tooltipCommentsWrite .textarea .contentHidden_content {
  border-color: #444;
}
.employee_tooltipComment {
  width: 450px;
  padding: 15px;
  line-height: 16px;
  font-size: 12px;
}
.employee_tooltipComment:not(:first-child) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.employee_tooltipCommentName {
  font-size: 14px;
  font-weight: bold;
  float: right;
  width: calc(100% - 50px);
  margin: 2px 0 5px 0;
}
.employee_tooltipCommentName span {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  line-height: 15px;
  font-size: 12px;
  font-weight: normal;
  color: #999;
  margin-left: 10px;
}
.employee_tooltipComment.unread .employee_tooltipCommentName span {
  color: #f54b4b;
}
.employee_tooltipCommentIcons {
  transition: all 0.25s;
  float: right;
  opacity: 0.25;
}
.employee_tooltipComment:hover .employee_tooltipCommentIcons {
  opacity: 1;
}
.employee_tooltipCommentIcons img {
  float: left;
  margin-left: 10px;
}
.employee_tooltipCommentText {
  float: right;
  width: calc(100% - 50px);
}
.employee_simple * {
  transition: none !important;
}
.employee_topRightButtons {
  float: left;
  margin-left: 20px;
}
.employee_topRightButtons .button {
  margin-left: 5px;
}
.employee_topTitle {
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
}
.employee_simple .employee_topTitle {
  margin-top: 15px;
}
.employee_topTitle .headline {
  display: inline-block;
  vertical-align: top;
}
.employee_topTitleEdit {
  transition: all 0.25s;
  cursor: pointer;
}
.employee_topTitleEdit:hover {
  color: #3296fa;
}
.employee_topTitleStatus {
  transition: all 0.25s;
  display: inline-block;
  height: 24px;
  vertical-align: top;
  background: rgba(0, 0, 0, 0.025);
  padding: 0 10px;
  text-decoration: none;
  line-height: 23px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  box-sizing: border-box;
  margin: 0 0 0 10px;
}
.employee_topTitleStatus.absence {
  color: #F54B4B;
}
.employee_topTitleStatus:hover {
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.employee_topTitleStatus:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #64C84B;
  box-sizing: border-box;
  border: 0px;
  border-radius: 50%;
  margin: 8px 7px 0 -3px;
}
.employee_topTitleStatus.absence:before {
  background: #F54B4B;
}
.employee_topTitleStatus.none:before {
  background: #fff;
  border: 1px solid #aaa;
}
.employee_tooltipTasks {
  white-space: nowrap;
  font-size: 12px;
  margin: -6px -14px 9px -14px;
}
.employee_tooltipTasksTitle {
  text-transform: uppercase;
  font-weight: bold;
  color: #999;
  overflow: hidden;
  margin: 15px 15px -5px 15px;
}
.employee_tooltipTasksTask {
  transition: all 0.25s;
  display: block;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) calc(100% + 10px) 50% no-repeat;
  padding: 0 34px 0 15px;
  text-decoration: none;
  overflow: hidden;
  margin-top: 15px;
}
.employee_tooltipTasksTask.completed {
  opacity: 0.5;
}
.employee_tooltipTasksTask:hover {
  background-position: calc(100% - 15px) 50%;
  opacity: 1;
}
.employee_tooltipTasksTask.completed:before {
  content: "";
  float: left;
  width: 30px;
  height: 30px;
  background: url(/img/icons/12/checkmark_64c84b.svg) 50% 50% no-repeat;
  border: 1px solid #64c84b;
  border-radius: 50%;
  box-sizing: border-box;
}
.employee_tooltipTasksTaskTitle,
.employee_tooltipTasksTaskDate {
  max-width: 300px;
  padding: 0 30px 0 10px;
  line-height: 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employee_tooltipTasksTaskTitle {
  font-weight: bold;
  color: #fff;
}
.employee_tooltipTasksTask.completed .employee_tooltipTasksTaskTitle {
  text-decoration: line-through;
}
.employee_tooltipTasksTask.completed .employee_tooltipTasksTaskTitle,
.employee_tooltipTasksTask.completed .employee_tooltipTasksTaskDate {
  filter: blur(1px);
}
.employee_tooltipTasksTask.completed:hover .employee_tooltipTasksTaskTitle,
.employee_tooltipTasksTask.completed:hover .employee_tooltipTasksTaskDate {
  filter: blur(0);
}
.employee_tooltipTasksTaskDate {
  color: #999;
}
.employee_tooltipTasksTaskDate .overdue {
  color: #f54b4b;
}
.employee_topInfo {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
}
.employee_topInfoJob,
.employee_topInfoHired,
.employee_topInfoActivity {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
}
.employee_topInfoHired,
.employee_topInfoActivity {
  background: url(/img/icons/12/arrow_3296fa.svg) 0 50% no-repeat;
  padding-left: 17px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.employee_topInfoActivity {
  background-image: url(/img/icons/12/pulse_3296fa.svg);
}
.employee_topInfoHired a,
.employee_topInfoApplied a {
  transition: all 0.25s;
  background-image:
    linear-gradient(
      to right,
      #3296fa 50%,
      rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 2px 1px;
  background-repeat: repeat-x;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
.employee_topInfoHired a:hover,
.employee_topInfoApplied a:hover {
  color: #3296fa;
}
.employee_topData {
  position: relative;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
  padding-top: 8px;
}
.employee_topData div {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
}
.employee_topData img {
  vertical-align: top;
  margin: 3px 5px 0 0;
}
.employee_top .employee_actionFile {
  transition: all 0.25s;
  position: absolute;
  bottom: 20px;
  left: 125px;
  right: 0;
  height: 50px;
  background: rgb(255, 255, 235);
  padding-top: 4px;
  padding-left: 5px;
  box-sizing: border-box;
  opacity: 0;
}
.employee_top .employee_actionFile.active {
  opacity: 1;
  z-index: 1;
}
.employee_top .employee_actionFile .dropdown {
  float: left;
  width: calc(100% - 431px);
}
.employee_top .employee_actionFile .employee_actionSlideTopClose {
  float: left;
  margin-top: 5px;
}
.employee_subtop {
  background: #fff;
  box-shadow: 0 -1px 0 0 #e5e5e5 inset;
}
.employee_subtop .tabs {
  padding: 0 25px;
}
.employee_content {
  position: relative;
  width: 100%;
  height: calc(100% - 172px);
  background: #f3f3f3;
  overflow: auto;
}
.employee_content:not(.active) {
  display: none;
}
.employee_contentSearch {
  position: relative;
  transition: all 0.25s;
  height: 70px;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.hideOtherContent .employee_contentSearch {
  height: 0;
  border-bottom: 0 solid #e5e5e5;
}
.employee_contentSearch input {
  transition: all 0.25s;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  padding: 20px 25px 20px 70px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.employee_contentSearch:hover input,
.employee_contentSearch input:focus {
  background-color: rgba(255, 255, 255, 0.5);
}
.employee_contentSearchIcon {
  transition: all 0.25s;
  position: absolute;
  top: 20px;
  left: 25px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 1px #ddd inset;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: text;
}
.employee_contentSearch input:focus + .employee_contentSearchIcon,
.employee_contentSearch input:not([value=""]) + .employee_contentSearchIcon {
  box-shadow: 0 0 0 15px #3296fa inset;
}
.employee_contentSearchIcon:before {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/img/icons/12/search_aaaaaa.svg) 50% 50% no-repeat;
}
.employee_contentSearch input:focus + .employee_contentSearchIcon:before,
.employee_contentSearch input:not([value=""]) + .employee_contentSearchIcon:before {
  background-image: url(/img/icons/12/search_ffffff.svg);
}
.employee_contentNew {
  transition: all 0.25s;
  position: absolute;
  top: 20px;
  right: 25px;
}
.hideOtherContent .employee_contentNew,
.activeSelection .employee_contentNew {
  top: -34px;
}
.employee_contentNew .circlebutton,
.employee_contentNew .selectbuttons {
  margin-left: 10px;
}
.employee_contentNew .circlebutton.disabled,
.employee_contentNew .selectbuttons.disabled {
  background: #eee;
  opacity: 0.5;
}
.employee_contentNew .selectbuttons {
  height: 30px;
  box-shadow: none;
  border-radius: 15px;
}
.employee_contentNew .selectbutton .sb_list {
  transform: scale(0.8);
  margin: 7px 10px 7px 13px;
}
.employee_contentNew .selectbutton .sb_card {
  transform: scale(0.8);
  margin: 7px 13px 7px 10px;
}
.employee_contentNew .selectbutton:first-child .sb_icon {
  margin: 8px 10px 8px 13px;
}
.employee_contentNew .selectbutton:last-child .sb_icon {
  margin: 8px 13px 8px 10px;
}
.employee_contentDrop {
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
  height: calc(100% - 71px);
  background: #F3F3F3;
  padding: 25px;
  box-sizing: border-box;
}
.employee_contentDrop .dragndrop {
  height: 100%;
}
.employee_contentContainer {
}
.employee_contentBar {
  transition: all 0.25s;
  position: relative;
  height: 70px;
  background: #fff;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
.employee_contentBar:hover,
.employee_contentContainer.goBack .employee_contentBar,
.activeSelection .employee_contentBar.active {
  background: #F4F9FE !important;
}
.activeSelection .employee_contentBar:not(.selectElement) {
  background: #f3f3f3 !important;
  filter: saturate(0);
}
.hideOtherContent .employee_contentContainer:not(.active) .employee_contentBar {
  height: 0;
  border-bottom: 0 solid #e5e5e5;
}
.activeSelection .employee_contentBar:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-left: 0px solid #3296fa;
  z-index: 2;
  cursor: pointer;
}
.activeSelection .employee_contentBar.active:after {
  border-left-width: 3px;
}
.activeSelection .employee_contentBar:not(.selectElement):after {
  cursor: not-allowed;
}
.employee_contentBarActivity {
  float: right;
  background: url(/img/icons/12/pulse_3296fa.svg) 100% 50% no-repeat;
  padding: 0 17px 0 15px;
  line-height: 71px;
  font-size: 12px;
  color: #999;
}
.employee_contentBar .checkbox {
  position: absolute;
  top: 27px;
  left: 0px;
  border-radius: 50%;
  transform: scale(1.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  opacity: 0;
  z-index: 1;
}
.employee_contentBar:hover .checkbox,
.activeSelection .employee_contentBar .checkbox {
  left: 37px;
  opacity: 1;
}
.activeSelection .employee_contentBar:hover .checkbox {
  border-color: #3296fa;
}
.employee_contentBarIcons {
  transition: all 0.25s;
  float: right;
  margin: 24px -100px 0 0;
}
body:not(.activeSelection) .employee_contentContainer.active .employee_contentBarIcons,
body:not(.activeSelection) .employee_contentContainer:hover .employee_contentBarIcons.hover,
body:not(.activeSelection) .employee_contentContainer .employee_contentBarIcons.stuck {
  margin-right: 20px;
}
.employee_contentBarIcons div {
  transition: all 0.25s;
  float: left;
  width: 22px;
  height: 22px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-right: 5px;
  cursor: pointer;
}
.employee_contentBarIcons div:hover {
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #aaa inset;
}
.employee_contentBarIcons div img {
  float: left;
  margin: 5px;
}
.employee_contentBarToggle {
  position: relative;
  height: 70px;
  padding: 0 25px;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.employee_contentBarToggle:before {
  transition: all 0.25s;
  content: "";
  float: left;
  width: 30px;
  height: 30px;
  background: #ccc url(/img/icons/14/back_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 20px 0 0 -30px;
  opacity: 0;
  transform: scale(0);
}
.hideOtherContent .employee_contentContainer.active .employee_contentBarToggle:before,
.employee_contentContainer.goBack .employee_contentBarToggle:before {
  width: 30px;
  height: 30px;
  margin: 20px 15px 0 0;
  opacity: 1;
  transform: scale(1);
}
.hideOtherContent .employee_contentContainer.active .employee_contentBarToggle:hover:before,
.employee_contentContainer.goBack .employee_contentBarToggle:hover:before {
  background-color: #3296fa;
}
.employee_contentBarToggle .avatar,
.employee_contentBarToggle .avatars {
  transition: opacity 0.25s;
  position: relative;
  margin: 15px 15px 0 0;
}
.activeSelection .selectElement .employee_contentBarToggle .avatar,
.activeSelection .selectElement .employee_contentBarToggle .avatars {
  opacity: 0;
}
.employee_contentBarToggle .avatar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  border-radius: 50%;
}
.employee_contentBarToggle > span {
  display: block;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employee_contentBarToggle > span:first-of-type {
  font-weight: bold;
  margin-top: 18px;
}
.employee_contentBarToggle > span:last-of-type {
  font-size: 12px;
  color: #666;
}
.employee_contentBarToggle > span.large {
  line-height: 26px;
  font-size: 18px;
  font-weight: normal;
  color: #000;
  margin-top: 23px;
}
.employee_contentBarToggle > span .access,
.employee_contentBarToggle > span .shared,
.employee_contentBarToggle > span .signed,
.employee_contentBarToggle > span .delete {
  background: url(/img/icons/12/lock_closed_aaaaaa.svg) 0% 50% no-repeat;
  padding-left: 17px;
  color: #999;
  margin-left: 10px;
}
.employee_contentBarToggle > span .shared {
  background-image: url(/img/icons/12/link_aaaaaa.svg);
}
.employee_contentBarToggle > span .signed {
  background-image: url(/img/icons/12/edit_aaaaaa.svg);
}
.employee_contentBarToggle > span .delete {
  background-image: url(/img/icons/12/trash_aaaaaa.svg);
}
.employee_contentHolder {
  display: none;
  position: relative;
  padding: 25px;
}
.employee_content:not(.hideOtherContent) .employee_contentHolder {
  border-bottom: 1px solid #e5e5e5;
}
.employee_content.hideOtherContent .employee_contentHolder {
  height: calc(100vh - 343px);
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 1200px), (max-height: 800px) {
  .employee_content.hideOtherContent .employee_contentHolder {
    height: calc(100vh - 293px);
  }
}
.employee_overviewLeft,
.employee_overviewRight {
  float: left;
  width: 50%;
  padding: 0 13px 0 25px;
  box-sizing: border-box;
}
.employee_overviewRight {
  float: right;
  padding: 0 25px 0 12px;
}
.employee_overviewInfoHeader {
  position: relative;
  height: 50px;
  padding: 0 25px;
  white-space: nowrap;
  line-height: 51px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employee_overviewInfoHeader:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.employee_overviewInfoHeader .circlebutton {
  float: right;
  font-weight: normal;
  margin: 10px 0;
  opacity: 0;
}
.contentbox:hover .employee_overviewInfoHeader .circlebutton {
  opacity: 1;
}
.employee_overviewInfoElements {
  padding: 15px 25px 5px 25px;
}
.employee_overviewInfoElements:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.employee_overviewInfoElement {
  margin-bottom: 10px;
}
.employee_overviewInfoElement.icon {
  background-size: 12px;
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding-left: 22px;
}
.employee_overviewInfoElement.icon span {
  transition: all 0s 0.5s;
  display: block;
  max-height: 20px;
  white-space: nowrap;
  font-size: 12px;
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employee_overviewInfoElement.icon span:hover {
  white-space: normal;
  max-height: 9999px;
}
.employee_overviewInfoElementIcons {
  float: right;
  line-height: 20px;
  font-size: 0;
  white-space: nowrap;
}
.employee_overviewInfoElementIcons img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  opacity: 0;
}
.employee_overviewInfoElement:hover .employee_overviewInfoElementIcons img {
  opacity: 0.5;
}
.employee_overviewInfoElementIcons img:hover {
  opacity: 1 !important;
}
.employee_overviewInfoElement .edithide {
  overflow: hidden;
}
.employee_overviewInfoLink {
  display: block;
  height: 20px;
  line-height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000;
  overflow: hidden;
}
.employee_overviewInfoLink:hover {
  text-decoration: underline;
}
.employee_overviewInfoLink img {
  float: left;
  margin: 4px 10px 0 0;
}
.employee_overviewInfoMore {
  transition: color 0.25s;
  position: relative;
  height: 50px;
  background-color: #fafafa;
  padding: 0 25px;
  line-height: 51px;
  text-align: center;
  font-style: italic;
  color: #999;
  overflow: hidden;
  cursor: pointer;
}
.employee_overviewInfoMoreContent {
  display: none;
}
.employee_overviewRelation {
  transition: all 0.25s;
  display: block;
  padding: 15px 25px;
  color: #000;
  text-decoration: none !important;
}
.employee_overviewRelation:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.employee_overviewRelation:hover {
  background: rgba(50, 150, 250, 0.05);
}
.employee_overviewRelation.active {
}
.employee_overviewRelationDate {
  float: right;
  font-size: 12px;
  color: #999;
  margin-left: 15px;
}
.employee_overviewRelationTitle,
.employee_overviewRelationSub {
  overflow: hidden;
}
.employee_overviewRelationTitle {
}
.employee_overviewRelationTitle span {
  padding-left: 5px;
  font-weight: 300;
  color: #999;
}
.employee_overviewRelationSub {
  background: url(/img/icons/12/arrow_3296fa.svg) 0 4px no-repeat;
  padding-left: 17px;
  font-size: 12px;
  color: #3296fa;
}
.employee_overviewRelationSub.hired {
  background-image: url(/img/icons/12/checkmark_64c84b.svg);
  color: #64C84B;
}
.employee_overviewRelationSub.archived {
  background-image: url(/img/icons/12/notallowed_f54b4b.svg);
  color: #F54B4B;
}
.employee_overviewRelationSub.archived span {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 18px;
  color: #999;
}
.employee_overviewRelationSub.department {
  background-image: url(/img/icons/12/company_aaaaaa.svg);
  color: #999;
}
.employee_overviewMapEmployee {
  position: absolute;
  top: calc(70% - 8px);
  left: 15%;
  width: 16px;
  height: 16px;
}
.employee_overviewMapEmployee:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #0099ff;
  border-radius: 50%;
  opacity: 0.5;
  animation-name: pulse_animation;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
}
.employee_overviewMapEmployee:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: #0099ff;
  border: 2px solid #fff;
  border-radius: 50%;
}
.employee_overviewMapJob {
  position: absolute;
  top: calc(30% - 8px);
  left: 40%;
  width: 16px;
  height: 16px;
}
.employee_overviewMapJob:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #F54B4B;
  border-radius: 50%;
  opacity: 0.5;
  animation-name: pulse_animation;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
}
.employee_overviewMapJob:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: #F54B4B;
  border: 2px solid #fff;
  border-radius: 50%;
}
@keyframes pulse_animation {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  75% {
    transform: scale(5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.employee_overviewMapBox {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 170px;
  background: rgba(250, 250, 250, 0.9);
  text-align: center;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.employee_overviewMapBoxTravel {
  display: table-cell;
  vertical-align: middle;
  height: 210px;
  padding: 0 25px;
}
.employee_overviewMapBoxTravel a {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(/img/googlemaps.svg);
  margin-top: 10px;
}
.employee_form .contentbox,
.employee_absence .contentbox,
.employee_payroll .contentbox {
  overflow: hidden;
}
.employee_form .contentToggleBar,
.employee_absence .contentToggleBar {
  background-color: #fafafa;
  padding-top: 16px;
  padding-bottom: 15px;
}
.employee_payroll .contentToggleBar {
  padding-top: 15px;
  padding-bottom: 15px;
}
.employee_form .contentToggleBar:hover,
.employee_absence .contentToggleBar:hover {
  background-color: #f5f5f5;
}
.employee_formElement {
  transition: all 0.25s;
}
.employee_formElement:not(:first-child) {
  border-top: 1px solid #eee;
}
.employee_formElement:hover {
  background: rgba(255, 255, 0, 0.05);
}
.employee_formElementTitle {
  float: left;
  width: 30%;
  padding: 17px 25px;
  line-height: 16px;
  font-size: 12px;
  color: #666;
  box-sizing: border-box;
}
.employee_formElementTitle .edit {
  transition: all 0.25s;
  float: left;
  display: block;
  background: url(/img/icons/12/edit_ffffff.svg) calc(100% - 4px) 50% no-repeat;
  background-size: 8px;
  padding: 0 16px 0 5px;
  margin: 0 -16px 0 -5px;
  border-radius: 2px;
  cursor: pointer;
}
.employee_formElement:hover .employee_formElementTitle .edit {
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
}
.employee_formElementContent {
  float: right;
  width: 70%;
  padding: 15px 25px;
  box-sizing: border-box;
}
.tooltip_formOptions {
  margin: 4px 1px;
}
.tooltip_formOption {
  background: url(/img/icons/12/deselect_ffffff.svg) 0 3px no-repeat;
  line-height: 16px;
  padding: 2px 0 2px 22px;
}
.tooltip_formOption:not(.active) {
  opacity: 0.5;
}
.tooltip_formOption.active {
  background-image: url(/img/icons/12/select_ffffff_64c84b.svg);
}
.employee_formElementFiles {
  overflow: hidden;
  margin-top: -5px;
}
.employee_formElementFile {
  transition: all 0.25s;
  float: left;
  display: block;
  max-width: 200px;
  height: 20px;
  background: #3296fa;
  padding: 0 10px;
  white-space: nowrap;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin: 5px 5px 0 0;
}
.employee_formElementFile:hover {
  background: #fff;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa inset;
}
.employee_formElementImages {
  overflow: hidden;
  margin-top: -5px;
}
.employee_formElementImage {
  float: left;
  height: 100px;
  min-width: 50px;
  background: #aaa;
  overflow: hidden;
  border-radius: 3px;
  margin: 5px 5px 0 0;
  cursor: zoom-in;
}
.employee_formElementImage img {
  transition: all 0.25s;
  float: left;
  max-width: 250px;
  max-height: 100px;
  margin: 50px 0 0 50%;
  transform: translate(-50%, -50%);
}
.employee_formElementImage:hover img {
  transform: translate(-50%, -50%) scale(1.25);
}
.employee_formElementVideo {
  transition: all 0.25s;
  float: left;
  width: 100%;
  max-width: 400px;
}
.employee_formElementContent table {
  padding: 0;
  border: 0;
  margin: 0;
}
.employee_formElementContent table:not(:first-child) {
  margin-top: 10px;
}
.employee_formElementContent td {
  padding: 0;
  vertical-align: top;
  margin: 0;
}
.employee_formElementContent td:first-child {
  padding-right: 10px;
  text-align: right;
  font-size: 12px;
  color: #666;
}
@media (max-width: 1200px) {
  .employee_formElementContent .scorecard,
  .employee_formElementContent .scorecard .score,
  .employee_formElementContent .scorecard .title,
  .employee_formElementContent .scorecard .rating {
    display: block;
    width: 100%;
  }
  .employee_formElementContent .scorecard:not(.overall) .rating {
    padding: 0 15px 15px 15px;
  }
  .employee_formElementContent .scorecard .title {
    padding: 15px;
  }
  .employee_formElementContent .scorecard .score:not(:last-child) {
    border-bottom: 1px solid #ddd;
  }
  .employee_formElementContent .scorecard .title,
  .candidate_formElementContent .scorecard .rating {
    border: 0 !important;
  }
}
.employee_formElementContent .scorecard .rate {
  cursor: auto !important;
}
.employee_formElementContent .scorecard.overall {
  background: #fff;
}
.employee_formElementContent .scorecard.overall .infomessage {
  margin: -16px -16px 15px -16px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.employee_formElementScreening {
  float: right;
  height: 20px;
  padding: 0 10px;
  line-height: 21px;
  font-size: 10px;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin-left: 5px;
}
.employee_formElementScreening div {
  float: right;
  width: 14px;
  height: 14px;
  background: conic-gradient(#000 0%, rgba(255, 255, 255, 0.25) 0);
  border-radius: 50%;
  margin: 3px -7px 0 5px;
}
.employee_formElementScreening div span {
  float: left;
  margin: 2px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
}
.employee_event {
  transition: all 0.25s;
  display: block;
  text-decoration: none;
  color: #000;
  padding: 15px 25px;
}
.employee_event.past:not(:hover) {
  text-decoration: line-through;
}
.employee_event:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.employee_event:hover {
  background: rgba(50, 150, 250, 0.05);
}
.employee_eventCalendar {
  float: left;
  position: relative;
  width: 50px;
  height: 50px;
  background: #fff;
  text-align: center;
  line-height: 35px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  margin-right: 15px;
}
.employee_event.rejected .employee_eventCalendar {
  color: #ccc;
}
.employee_event.accepted .employee_eventCalendar:after,
.employee_event.notaccepted .employee_eventCalendar:after {
  content: "";
  position: absolute;
  top: 8px;
  right: -6px;
  width: 12px;
  height: 12px;
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 6px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.employee_event.notaccepted .employee_eventCalendar:after {
  background-color: #FFBE00;
  background-image: url(/img/icons/12/warning_ffffff.svg);
}
.employee_event.rejected .employee_eventCalendar:before,
.employee_event.rejected .employee_eventCalendar:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 23px;
  width: 4px;
  height: 60px;
  background: #F54B4B;
  border-radius: 2px;
  transform: rotate(45deg);
  z-index: 1;
}
.employee_event.rejected .employee_eventCalendar:after {
  transform: rotate(-45deg);
}
.employee_eventCalendar span {
  display: block;
  width: 100%;
  height: 15px;
  background: #FF644B;
  text-transform: uppercase;
  line-height: 16px;
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}
.employee_event.notaccepted .employee_eventCalendar span {
  background: #FFBE00;
}
.employee_event.rejected .employee_eventCalendar span {
  opacity: 0.35;
}
.employee_event .avatars {
  transition: all 0.25s;
  float: right;
  margin: 10px 0 0 15px;
  opacity: 0.5;
}
.employee_event:hover .avatars {
  opacity: 1;
}
.employee_eventInfo {
  overflow: hidden;
}
.employee_eventTitle {
  line-height: 16px;
  font-weight: bold;
}
.employee_eventTitle span {
  display: inline-block;
  vertical-align: top;
  background: #64C84B;
  padding: 0 3px;
  height: 14px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: 0 0 0 5px;
}
.employee_event.notaccepted .employee_eventTitle span {
  background: #FFBE00;
}
.employee_event.rejected .employee_eventTitle span {
  background: #F54B4B;
}
.employee_eventDate,
.employee_eventLocation {
  line-height: 14px;
  font-size: 12px;
  color: #666;
  margin-top: 3px;
}
.employee_eventLocation {
  color: #999;
}
.employee_eventLocation img {
  float: left;
  margin: 1px 5px 0 0;
}
.employee_task {
  display: block;
  text-decoration: none;
  color: #000;
}
.employee_task.overdue {
  background: rgba(245, 75, 75, 0.025) !important;
}
.employee_task:hover {
  background: rgba(50, 150, 250, 0.05) !important;
}
.employee_task.overdue:hover {
  background: rgba(245, 75, 75, 0.05) !important;
}
.employee_task.overdue .employee_activityDate {
  color: #f54b4b;
}
.employee_task.solved:not(:hover) {
  text-decoration: line-through;
}
.employee_taskPriority {
  display: inline-block;
  vertical-align: top;
  background: #FFD200;
  padding: 0 3px;
  height: 14px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: 3px 0 0 5px;
}
.employee_taskPriority.medium {
  background: #FF9100;
}
.employee_taskPriority.high {
  background: #F54B4B;
}
.employee_learningPoints {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  background: #3296fa;
  padding: 0 10px;
  line-height: 21px;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
  border-radius: 10px;
  margin: 15px 0 0 10px;
}
.employee_learningPointsTop {
  background: rgb(255, 255, 235);
}
.employee_learningPointsTop .avatar {
  margin-right: 15px;
}
.employee_learningPointsTop .headline {
  margin-top: 7px;
}
.employee_learningPointsStats {
  display: flex;
  margin: -13px -13px -12px -12px;
}
.employee_learningPointsStatsBox {
  margin: 5px;
}
.employee_learningPointsStatsBoxTitle {
  background: url(/img/icons/12/calendar_f54b4b.svg) 0% 2px no-repeat;
  padding-left: 22px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #f54b4b;
}
.employee_learningPointsStatsBox.courses .employee_learningPointsStatsBoxTitle {
  background-image: url(/img/icons/12/education_3296fa.svg);
  color: #3296fa;
}
.employee_learningPointsStatsBox.points .employee_learningPointsStatsBoxTitle {
  background-image: url(/img/icons/12/add_64c84b.svg);
  color: #64c84b;
}
.employee_learningPointsStatsBox.costs .employee_learningPointsStatsBoxTitle {
  background-image: url(/img/icons/12/wallet_f54b4b.svg);
  color: #f54b4b;
}
.employee_learningPointsStatsBoxNumber {
  transition: all 0.25s;
  height: 60px;
  line-height: 61px;
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  color: #f54b4b;
  overflow: hidden;
}
.employee_learningPointsStatsBox.courses .employee_learningPointsStatsBoxNumber {
  color: #3296fa;
}
.employee_learningPointsStatsBox.points .employee_learningPointsStatsBoxNumber {
  color: #64c84b;
}
.employee_learningPointsStatsBox.costs .employee_learningPointsStatsBoxNumber {
  color: #f54b4b;
}
.employee_learningPointsEdit {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/edit_aaaaaa.svg) 50% 50% no-repeat;
}
.employee_learningPointsDelete {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
}
.employee_learningCards {
  height: 300px;
  padding: 25px 25px 25px 0px;
  white-space: nowrap;
  font-size: 0px;
  overflow-y: hidden;
  overflow-x: auto;
}
.employee_learningCard {
  position: relative;
  width: 100%;
  background: #aaa;
  padding-top: 120%;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.employee_learningCards .employee_learningCard {
  display: inline-block;
  width: 250px;
  padding-top: 300px;
  margin-left: 25px;
}
.employee_learningCard.locked:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100px;
  height: 100px;
  background: url(/img/icons/12/lock_closed_ffffff.svg) 50% 50% no-repeat;
  background-size: 48px;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.15));
  z-index: 1;
}
.employee_learningCard:after {
  transition: background-color 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  border-radius: 3px;
}
.employee_learningCard.selected:after {
  background: rgba(50, 150, 250, 0.75) url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
}
.employee_learningCardImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #aaa;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.employee_learningCard.locked .employee_learningCardImage {
  filter: blur(0px);
}
.employee_learningCard.locked:not(:hover) .employee_learningCardImage {
  filter: blur(5px) grayscale(1);
}
.employee_learningCard:hover .employee_learningCardImage {
  transform: scale(1.1);
}
.employee_learningCardGradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(25, 75, 125, 0.15), rgba(25, 75, 125, 0.85));
}
.employee_learningCardLabels {
  position: absolute;
  top: 15px;
  right: 15px;
}
.employee_learningCardLabels div {
  transition: all 0.25s;
  float: right;
  height: 22px;
  background: #ffbe00 url(/img/icons/12/mandatory_ffffff.svg) calc(100% - 8px) 5px no-repeat;
  padding: 0 24px 0 10px;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border-radius: 11px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 2px 0 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
  clear: both;
}
.employee_learningCardLabels div.recommended {
  background-color: #3296fa;
  background-image: url(/img/icons/12/like_ffffff.svg);
}
.employee_learningCardLabels div.overdue {
  background-color: #f54b4b;
  background-image: url(/img/icons/12/bell_ffffff.svg);
}
.employee_learningCardLabels div.completed {
  background-color: #64c84b;
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.employee_learningCard:not(:hover) .employee_learningCardLabels div:not(:last-child) {
  margin: -50px 0 30px 0;
  opacity: 0;
}
.employee_learningCardTitle {
  position: absolute;
  bottom: 20px;
  left: 25px;
  width: calc(100% - 50px);
  color: #fff;
}
.employee_learningCard.selected .employee_learningCardTitle {
  z-index: 4;
  cursor: pointer;
}
.employee_learningCardTitleStars {
  position: relative;
  transition: all 0.25s;
  display: inline-block;
  font-size: 0px;
  opacity: 0.35;
  z-index: 2;
}
.employee_learningCard:hover .employee_learningCardTitleStars {
  opacity: 1;
}
.employee_learningCardTitleStars img {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}
.employee_learningCard:hover .employee_learningCardTitleStars img {
  margin-right: 5px;
}
.employee_learningCardTitle .headline {
  white-space: normal;
  font-size: 14px;
  line-height: 20px;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.15));
}
.employee_learningCard .boxlink {
  z-index: 1;
}
.employee_payroll .contentToggleBar .circlebutton {
  float: right;
  margin: 15px -10px 0 0;
  opacity: 0.5;
}
.employee_payroll .contentToggleBar:hover .circlebutton {
  opacity: 1;
  z-index: 1;
}
.employee_payroll .contentToggleBar:hover .circlebutton:hover {
  box-shadow: 0 0 0 15px #3296fa inset;
}
.employee_payroll .contentToggleBar:hover .circlebutton:hover .icon {
  filter: brightness(0) invert(1);
}
.employee_payrollDuration {
  float: right;
  font-family: courier;
  font-size: 12px;
  line-height: 18px;
  color: #999;
  margin: 30px 15px 0 25px;
  transform: translate(0, -50%);
}
.employee_payrollDuration div {
  background: url(/img/icons/12/arrowstart_64c84b.svg) 0% 50% no-repeat;
  padding-left: 22px;
}
.employee_payrollDuration div:nth-child(2) {
  background-image: url(/img/icons/12/arrowend_f54b4b.svg);
}
.employee_payrollInfo {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employee_payrollInfoTitle {
  font-weight: bold;
}
.employee_payrollInfoTitle span {
  display: inline-block;
  vertical-align: top;
  background: #3296fa;
  padding: 0 3px;
  height: 14px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 400;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  margin: 3px 0 0 5px;
}
.employee_payrollInfoTitle img {
  display: inline-block;
  vertical-align: top;
  margin: 4px 0 0 5px;
}
.employee_payrollInfoSalary,
.employee_payrollInfoHours {
  background: url(/img/icons/12/wallet_64c84b.svg) 0% 50% no-repeat;
  padding-left: 22px;
}
.employee_payrollInfoHours {
  background-image: url(/img/icons/12/time_3296fa.svg);
}
.employee_payroll .contentToggle {
  background: #fcfcfc;
}
.employee_payrollChart {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin: 25px;
}
.employee_payrollChartHolder {
  width: calc(100% + 20px);
  height: 140px;
  margin: 0 -10px;
}
.employee_payrollChartDates {
  margin: -20px 25px 0 25px;
  transform: translate(0, 10px);
}
.employee_payrollChartDates div:nth-child(1) {
  float: left;
  background: url(/img/icons/12/arrowstart_64c84b.svg) 0% 50% no-repeat;
  padding-left: 22px;
}
.employee_payrollChartDates div:nth-child(2) {
  float: right;
  background: url(/img/icons/12/arrowend_f54b4b.svg) 100% 50% no-repeat;
  padding-right: 22px;
}
.employee_payrollChartDates div span {
  color: #666;
  margin-left: 5px;
}
.employee_payroll .employee_formElements {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin: 25px;
}
.employee_payrollPastLink {
  transition: color 0.25s;
  position: relative;
  height: 50px;
  background-color: #fafafa;
  padding: 0 25px;
  line-height: 51px;
  text-align: center;
  font-style: italic;
  color: #999;
  overflow: hidden;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
}
.employee_payrollPastLink:hover {
  color: #666;
}
.employee_payrollPastContent {
  display: none;
}
.employee_payrollPastContent .contentToggleBar {
  background: #fafafa;
}
.employee_payrollPastContent .employee_payrollInfo {
  opacity: 0.5;
}
.employee_payrollEditPrimary {
  transition: all 0.25s;
  height: 50px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 3px;
}
.employee_payrollEditPrimary:not(.active) {
  background: #fafafa;
  color: #999;
}
.employee_payrollEditPrimary .switch {
  margin-right: 10px;
}
.employee_payrollEditDuration {
  float: right;
  height: 20px;
  background: #fff;
  line-height: 21px;
  font-family: courier;
  font-size: 12px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin: 14px 0 0 15px;
}
.employee_payrollEditDuration div {
  float: left;
  height: 20px;
  overflow: hidden;
}
.employee_payrollEditDuration div:first-child {
  background: url(/img/icons/12/arrowstart_64c84b.svg) 5px 50% no-repeat;
  padding: 0 5px 0 22px;
  border-right: 1px solid #ddd;
}
.employee_payrollEditDuration div:last-child {
  background: url(/img/icons/12/arrowend_f54b4b.svg) calc(100% - 5px) 50% no-repeat;
  padding: 0 22px 0 5px;
}
.employee_payrollEditDuration div.none {
  color: rgba(0, 0, 0, 0.15);
}
.employee_payrollEditTable {
  display: table;
  width: 100%;
}
.employee_payrollEditTableRow {
  display: table-row;
}
.employee_payrollEditTableTitle {
  display: table-cell;
  width: 0;
  padding: 0 25px 0 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.employee_payrollEditTableInfo {
  display: table-cell;
  width: 100%;
}
.employee_payrollEditTableRow:not(:last-child) .employee_payrollEditTableTitle,
.employee_payrollEditTableRow:not(:last-child) .employee_payrollEditTableInfo {
  padding-bottom: 10px;
}
.employee_payrollEditTable.forHours .switch {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 0 -10px;
}
.employee_payrollEditTable.forHours .employee_payrollEditTableRow.offwork .input {
  background: #f9f9f9;
  cursor: not-allowed;
}
.employee_payrollEditTable.forHours .employee_payrollEditTableRow.offwork .input .icon_holder,
.employee_payrollEditTable.forHours .employee_payrollEditTableRow.offwork .input input {
  display: none;
}
.employee_payrollEditTimeField:not(:last-child) {
  padding-bottom: 10px;
}
.employee_payrollEditTimeField strong {
  background: #fafafa;
  padding: 0 3px;
  color: #666;
  border-radius: 2px;
  margin-right: 3px;
  box-shadow: 0 0 0 1px #ddd;
}
.employee_payrollEditTimeField strong.contentEditable {
  background: #fff;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa;
}
.employee_payrollBenefitsTable {
  max-height: 186px;
  font-size: 12px;
  white-space: nowrap;
}
.employee_payrollBenefitsTable .simTableColumn {
  padding: 10px 15px !important;
}
.employee_payrollBenefitsTable .simTableColumn img {
  display: inline-block;
  vertical-align: top;
  padding: 4px 10px 0 0;
}
.employee_absence .absence_profileDateRange {
  transition: all 0.25s;
  margin: 0;
  opacity: 0.5;
}
.employee_absence:hover .absence_profileDateRange {
  opacity: 1;
}
.employee_goals .contentbox {
  overflow: hidden;
}
.employee_goals .employee_overviewInfoHeader span {
  transition: all 0.25s;
  cursor: pointer;
}
.employee_goals .employee_overviewInfoHeader span.active {
  color: #3296fa;
}
.employee_goals .employee_overviewInfoHeader span:last-of-type:before {
  content: "/";
  padding: 0 10px;
  font-weight: normal;
  color: #ccc;
  cursor: default;
}
.employee_goalsOverviewDateRange {
  transition: all 0.25s;
  float: right;
  background: url(/img/icons/12/calendar_3296fa.svg) 100% calc(50% - 1px) no-repeat;
  padding-right: 17px;
  text-decoration: none;
  font-weight: bold;
  opacity: 0.5;
}
.employee_goals:hover .employee_goalsOverviewDateRange {
  opacity: 1;
}
.employee_goalsOverviewGoal {
  display: block;
  transition: all 0.25s;
  text-decoration: none;
  color: #000;
  position: relative;
  padding: 15px 25px;
}
.employee_goalsOverviewGoal:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.employee_goalsOverviewGoal:hover {
  background: rgba(50, 150, 250, 0.05) !important;
}
.employee_goalsOverviewGoal.overdue {
  background: rgba(245, 75, 75, 0.025) !important;
}
.employee_goalsOverviewGoal.overdue:hover {
  background: rgba(245, 75, 75, 0.05) !important;
}
.employee_goalsOverviewGoalPercent {
  float: right;
  font-size: 12px;
  color: #999;
  margin-left: 15px;
}
.employee_goalsOverviewGoalTitle {
  overflow: hidden;
  margin-bottom: 5px;
}
.employee_goalsOverviewGoalBar {
  height: 10px;
  background: #eee;
  overflow: hidden;
  border-radius: 5px;
}
.employee_goalsOverviewGoalBar div {
  animation: employee_goalsOverviewGoalBarAnimation 1.5s;
  float: left;
  height: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
@keyframes employee_goalsOverviewGoalBarAnimation {
  0% {
    width: 0;
  }
}
.employee_goalsOverviewGoalInfo span {
  transition: all 0.25s;
  float: left;
  max-width: 200px;
  height: 20px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 15px 15px 0 0;
  opacity: 0.1;
  filter: grayscale(100%);
}
.employee_goalsOverviewGoal:hover .employee_goalsOverviewGoalInfo span,
.employee_goalsOverviewGoalInfo span:first-child {
  opacity: 1;
  filter: grayscale(0%);
}
.employee_goalsOverviewGoal.overdue .employee_goalsOverviewGoalInfo span:first-child {
  color: #f54b4b;
}
.employee_goalsOverviewGoalInfo .avatar {
  background: url(/img/icons/12/target_3296fa.svg) 50% 50% / 12px no-repeat #DDEEFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  transform: scale(0.6666);
  margin: -5px 0 -5px -5px;
}
.employee_evaluationRateBad:before,
.employee_evaluationRateNotGood:before,
.employee_evaluationRateGood:before,
.employee_evaluationRateVeryGood:before,
.employee_evaluationRateExcellent:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #F54B4B;
  border-radius: 50%;
  margin: 6px 5px 0 0;
}
.employee_evaluationRateNotGood:before {
  background: #FF9100;
}
.employee_evaluationRateGood:before {
  background: #FFD200;
}
.employee_evaluationRateVeryGood:before {
  background: #AFD21E;
}
.employee_evaluationRateExcellent:before {
  background: #64C84B;
}
.employee_evaluationScoreBox .contentbox {
  padding: 2px;
  border-radius: 5px;
}
.employee_evaluationScoreColumns {
  display: table;
  float: left;
  width: calc(100% - 96px);
  box-sizing: border-box;
}
.employee_evaluationScoreColumn {
  transition: all 0.25s;
  display: table-cell;
  vertical-align: top;
}
.employee_evaluationScoreColumnRating {
  height: 34px;
  background: #aaa;
  text-align: center;
  line-height: 34px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.employee_evaluationScoreColumn.none .employee_evaluationScoreColumnRating {
  min-width: 34px;
  background: #aaa !important;
}
.employee_evaluationScoreColumnRating span {
  display: inline-block;
  padding: 0 5px;
  transform: translate(0, 1px);
}
.employee_evaluationScoreColumn.none .employee_evaluationScoreColumnRating span {
  display: none;
}
.employee_evaluationScoreColumnRating .icon {
  display: inline-block;
  transform: translate(0, 2px);
}
.employee_evaluationScoreColumn.none .employee_evaluationScoreColumnRating .icon {
  margin: 0;
}
.employee_evaluationScoreColumnUsers {
  height: 60px;
  border-left: 1px dashed #e5e5e5;
  border-right: 1px dashed #e5e5e5;
}
.employee_evaluationScoreColumnUsers .avatars {
  margin: 11px -50% 0 50%;
  transform: translate(-50%, 0);
}
.employee_evaluationScoreColumnUsers .avatars .avatar {
  cursor: pointer;
}
.employee_tooltipEvaluationUser {
  max-width: 400px;
  margin: 9px 1px;
}
.employee_tooltipEvaluationUserTitle,
.employee_tooltipEvaluationUserRating {
  height: 20px;
  line-height: 21px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 10px;
}
.employee_tooltipEvaluationUserTitle {
  font-weight: bold;
}
.employee_tooltipEvaluationUserRating img {
  float: left;
  margin: 3px 5px 0 0;
}
.employee_tooltipEvaluationUserComment {
  background: #222;
  padding: 10px 15px;
  border: 1px solid #444;
  border-radius: 3px;
  margin-top: 10px;
}
.employee_evaluationScoreColumnUsers span {
  display: block;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  font-weight: 300;
  color: #ddd;
  transform: translate(0, 2px);
}
.employee_evaluationScoreColumn:first-child .employee_evaluationScoreColumnRating,
.employee_evaluationScoreColumn:first-child .employee_evaluationScoreColumnUsers {
  border-left: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.employee_evaluationScoreColumn:last-child .employee_evaluationScoreColumnRating,
.employee_evaluationScoreColumn:last-child .employee_evaluationScoreColumnUsers {
  border-right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.employee_evaluationScoreCard {
  float: right;
  position: relative;
  width: 94px;
  height: 94px;
  padding-top: 45px;
  line-height: 40px;
  text-align: center;
  font-size: 30px;
  font-weight: 100;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 3px;
}
.employee_evaluationScoreCard img {
  position: absolute;
  top: 26px;
  left: 50%;
  margin-left: -6px;
  transform: scale(2);
}
.employee_feedbackBoxes {
  display: flex;
  margin: -13px -13px -12px -12px;
}
.employee_feedbackBoxes .contentbox {
  flex: 1;
  margin: 13px 13px 12px 12px;
}
.employee_feedbackSchedule {
  transition: all 0.25s;
  height: 38px;
  background: rgba(245, 75, 75, 0.1);
  line-height: 39px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #f54b4b;
  overflow: hidden;
  border: 1px solid rgba(245, 75, 75, 0.25);
  border-radius: 3px;
}
.contentbox:hover .employee_feedbackSchedule {
  background: #3296fa;
  color: #fff;
  border-color: #3296fa;
}
.employee_feedbackSchedule span {
  background: url(/img/icons/12/calendar_f54b4b.svg) 0px 1px no-repeat;
  padding-left: 22px;
}
.contentbox:hover .employee_feedbackSchedule span {
  background-image: url(/img/icons/12/calendar_ffffff.svg);
}
.employee_feedbackBoxes .employee_eventCalendar {
  width: 40px;
  height: 40px;
  line-height: 25px;
  font-size: 14px;
}
.employee_feedbackBoxes .employee_eventInfo {
  padding: 4px 0 3px 0;
}
.feedbackResponse.withSummary .feedbackResponseAnswer,
.feedbackResponse.withSummary .feedbackResponseNote {
  width: calc(35% - 35px);
}
.feedbackResponse.withSummary .feedbackResponseAnswer.wide {
  width: calc(70% - 55px);
}
@media (max-width: 1200px) {
  .feedbackResponse.withSummary .feedbackResponseAnswer,
  .feedbackResponse.withSummary .feedbackResponseNote {
    width: calc(50% - 35px);
    margin-top: 0px;
  }
  .feedbackResponse.withSummary .feedbackResponseAnswer.wide {
    width: calc(100% - 55px);
  }
}
.employee_feedbackResponseSummaryButton {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 40px;
  height: 40px;
  background: #fff url(/img/icons/12/contract_aaaaaa.svg) 50% 50% no-repeat;
  background-size: 18px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-left: 15px;
}
.employee_feedbackResponseSummaryButton:hover {
  background-image: url(/img/icons/12/contract_3296fa.svg);
  border-color: #3296fa;
}
.employee_feedbackResponseSummaryButton.active {
  background-image: url(/img/icons/12/contract_ffffff.svg);
  background-color: #3296fa;
  border-color: #3296fa;
}
.employee_feedbackResponseSummaryButton.active:hover {
  background-color: #006ebe;
  border-color: #006ebe;
}
.employee_feedbackResponseSummary {
  background: rgb(255, 255, 235);
}
.employee_tooltipFeedbackProcess {
  padding: 10px 25px 10px 15px;
  margin: -6px -14px;
}
.employee_tooltipFeedbackProcessTitle {
  display: block;
  line-height: 20px;
  padding: 5px 0 5px 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #999;
}
.employee_tooltipFeedbackProcessTitle:not(:first-child) {
  padding-top: 15px;
}
.employee_tooltipFeedbackProcessTask {
  display: block;
  line-height: 20px;
  padding: 5px 0 5px 0;
}
.employee_tooltipFeedbackProcessTask:not(.done) {
  opacity: 0.5;
}
.employee_tooltipFeedbackProcessTask:before {
  content: "";
  float: left;
  width: 20px;
  height: 20px;
  background: #3296fa url(/img/icons/12/update_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-right: 10px;
}
.employee_tooltipFeedbackProcessTask.done:before {
  background: #64c84b url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.employee_tooltipFeedbackCompare {
  min-width: 200px;
  padding: 10px 15px 5px 15px;
  font-size: 12px;
  margin: -6px -14px;
}
.employee_tooltipFeedbackCompare .progressbar {
  background: rgba(255, 255, 255, 0.15);
  margin-bottom: 10px;
}
.employee_tooltipFeedbackCompare span {
  float: right;
  color: #999;
  padding-left: 10px;
}
.employee_skillsTop {
  border-bottom: 1px solid #e5e5e5;
}
.employee_skillsViews {
  height: 30px;
  box-shadow: none;
  border-radius: 15px;
  margin: 20px 25px;
}
.employee_skillsViews .selectbutton .sb_icon {
  margin: 8px 10px;
}
.employee_skillsViews .selectbutton:first-child .sb_icon {
  margin: 8px 10px 8px 13px;
}
.employee_skillsViews .selectbutton:last-child .sb_icon {
  margin: 8px 13px 8px 10px;
}
.employee_skillsBenchmark {
  float: left;
  margin-top: 25px;
}
.employee_skillsBenchmark > span {
  float: left;
  color: #999;
}
.employee_skillsBenchmark .dropdown {
  font-size: 14px;
  margin: 2px 0 0 5px;
}
.employee_skillBox {
  overflow: hidden;
}
.employee_skillBox .contentPadding:nth-child(2n+2) {
  background: #fafafa;
}
.employee_skillRight {
  float: right;
  margin-left: 25px;
}
.employee_skillScores {
  position: relative;
  float: left;
  height: 40px;
  background: #fff;
  padding: 1px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.employee_skillScore {
  transition: all 0.25s;
  float: left;
  min-width: 38px;
  height: 36px;
  position: relative;
  line-height: 37px;
  text-align: center;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.employee_skillScore:not(:first-child) {
  box-shadow: -1px 0 0 0 #ddd;
}
.employee_skillScore:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.employee_skillScore.active {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.employee_skillScore:hover {
  color: rgba(0, 0, 0, 1);
}
.employee_skillScore.p10,
.employee_skillScore.p20,
.employee_skillScore.p30,
.employee_skillScore.p40,
.employee_skillScore.p50,
.employee_skillScore.p60,
.employee_skillScore.p70,
.employee_skillScore.p80,
.employee_skillScore.p90,
.employee_skillScore.p100 {
  color: rgba(255, 255, 255, 0.5);
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.5);
}
.employee_skillScore.p10:hover,
.employee_skillScore.p20:hover,
.employee_skillScore.p30:hover,
.employee_skillScore.p40:hover,
.employee_skillScore.p50:hover,
.employee_skillScore.p60:hover,
.employee_skillScore.p70:hover,
.employee_skillScore.p80:hover,
.employee_skillScore.p90:hover,
.employee_skillScore.p100:hover {
  color: rgba(255, 255, 255, 1);
}
.employee_skillScore.active {
  color: rgba(255, 255, 255, 1) !important;
  box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.5), 1px 0 0 0 rgba(255, 255, 255, 1);
  z-index: 1;
}
.employee_skillGap {
  transition: all 0.25s;
  float: left;
  position: relative;
  width: 130px;
  height: 10px;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 0 0 1px #ddd inset;
  margin: 15px 0 0 25px;
}
.employee_skillGap.below {
  box-shadow: 0 0 0 1px rgba(245, 75, 75, 0.5) inset;
}
.employee_skillGap.above {
  box-shadow: 0 0 0 1px rgba(100, 200, 75, 0.5) inset;
}
.employee_skillGapBar {
  transition: all 0.25s;
  position: relative;
  width: 50%;
  height: 10px;
  margin-left: 50%;
  transform: rotateY(0deg);
  transform-origin: left;
}
.employee_skillGap.below .employee_skillGapBar {
  transform: rotateY(180deg);
}
.employee_skillGapBar div {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 2px 2px 0;
}
.employee_skillGap.below .employee_skillGapBar div {
  background: rgba(245, 75, 75, 0.85);
  box-shadow: 0 0 0 1px rgb(245, 75, 75) inset;
}
.employee_skillGap.above .employee_skillGapBar div {
  background: rgba(100, 200, 75, 0.85);
  box-shadow: 0 0 0 1px rgb(100, 200, 75) inset;
}
.employee_skillGap:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -2px;
  left: calc(50% - 1px);
  width: 2px;
  height: calc(100% + 4px);
  background: #aaa;
  border-radius: 1px;
}
.employee_skillGap.below:after {
  background: #f54b4b;
}
.employee_skillGap.above:after {
  background: #64c84b;
}
.employee_skillApproval {
  margin-left: 5px;
}
.employee_skillApproval.success {
  margin-left: 25px;
}
.employee_skillLeft {
  overflow: hidden;
}
.employee_skillTitle {
  font-weight: bold;
}
.employee_skillTitle:last-child {
  margin-top: 10px;
}
.employee_skillTitle .score {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  height: 18px;
  padding: 0 5px;
  line-height: 19px;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  margin-left: 5px;
}
.employee_skillTitle .score:not(.p10):not(.p20):not(.p30):not(.p40):not(.p50):not(.p60):not(.p70):not(.p80):not(.p90):not(.p100) {
  background: #fff;
  color: #aaa;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}
.employee_skillDelete {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  background: rgba(0, 0, 0, 0.05) url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
  border-radius: 3px;
  margin-left: 5px;
  opacity: 0;
}
.employee_skillBox .contentPadding:hover .employee_skillDelete {
  opacity: 1;
}
.employee_skillDelete:hover {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #aaa inset;
}
.employee_skillDescription {
  font-size: 12px;
  color: #666;
}
.employee_skillChart {
  min-height: calc(100vh - 343px);
  background: #fff;
}
@media (max-width: 1200px), (max-height: 800px) {
  .employee_skillChart {
    min-height: calc(100vh - 293px);
  }
}
.employee_messageTypeSMS {
  float: left;
  height: 15px;
  background: #aaa;
  padding: 0 5px;
  line-height: 16px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-radius: 2px;
  margin: 1px 5px 0 0;
}
.employee_messageTypeDraft,
.employee_messageTypeBounced {
  font-weight: bold;
  font-size: 13px !important;
  color: #FF9100 !important;
}
.employee_messageTypeBounced {
  color: #F54B4B !important;
}
.employee_messageTypeDraft:before,
.employee_messageTypeSent:before,
.employee_messageTypeReceived:before,
.employee_messageTypeBounced:before {
  content: "";
  float: left;
  width: 6px;
  height: 6px;
  background: #FF9100;
  border-radius: 50%;
  margin: 6px 5px 0 0;
}
.employee_messageTypeSent:before {
  background: #64C84B;
}
.employee_messageTypeReceived:before {
  background: #3296fa;
}
.employee_messageTypeBounced:before {
  background: #F54B4B;
}
.employee_messageInfo {
  display: table;
  width: calc(100% - 95px);
  font-size: 12px;
  color: #999;
  margin-bottom: 20px;
}
.employee_messageInfoRow {
  display: table-row;
}
.employee_messageInfoTitle {
  width: 1%;
  padding-right: 15px;
  white-space: nowrap;
  display: table-cell;
}
.employee_messageInfoResult {
  display: table-cell;
}
.employee_messageAttached {
  margin: -10px -10px 20px -5px;
}
.employee_messageAttached .circlebutton,
.employee_messageButtons .circlebutton {
  margin: 5px 5px 0 0;
}
.employee_messageBody {
  position: relative;
}
.employee_messageButtons {
  position: absolute;
  bottom: 0;
  right: -5px;
  background: rgba(255, 255, 255, 0.85);
  padding: 5px 0 0 10px;
  border-top-left-radius: 25px;
}
.employee_files {
  float: left;
  width: 100%;
  padding: 18px 18px 17px 17px;
  box-sizing: border-box;
}
.employee_file {
  position: relative;
  float: left;
  width: calc(25% - 15px);
  padding-top: calc(25% - 15px);
  margin: 7px 7px 8px 8px;
}
.employee_fileHolder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.employee_filePreview {
  transition: all 0.25s;
  position: relative;
  max-height: calc(100% - 40px);
  overflow: hidden;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  margin: 10px;
}
.employee_file:hover .employee_filePreview {
  margin: 1px;
  max-height: calc(100% - 22px);
}
.employee_filePreview img {
  float: left;
  width: 100%;
}
.employee_filePreview:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(51, 51, 51, 0), #333);
}
.employee_fileImage {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: zoom-in;
}
.employee_file:hover .employee_fileImage {
  transform: scale(1.1);
}
.employee_fileImage img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}
.employee_fileImageLink {
  width: 100%;
  visibility: hidden;
}
.employee_file .videoRec,
.employee_file .videoRec_image {
  border-radius: 0;
}
.employee_fileOverlay {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.employee_fileInfo {
  transition: all 0.25s;
  position: absolute;
  right: 25px;
  bottom: 20px;
  left: 25px;
}
.employee_fileTitle,
.employee_fileActivity {
  float: left;
  max-width: calc(100% - 35px);
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  clear: both;
}
.employee_fileActivity {
  transition: all 0.25s;
  background: url(/img/icons/12/pulse_3296fa.svg) 0 50% no-repeat;
  padding: 0 0 0 17px;
  font-size: 12px;
  opacity: 0.5;
}
.employee_file:hover .employee_fileActivity {
  opacity: 1;
}
.employee_file .circlebutton {
  transition: all 0.25s;
  position: absolute;
  right: 0;
  bottom: 5px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}
.employee_file:hover .circlebutton {
  opacity: 1;
}
.employee_activity {
  transition: all 0.25s;
  padding: 10px 25px;
}
.employee_activity:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.employee_activity:hover {
  background: rgba(255, 255, 0, 0.05);
}
.employee_activityDate {
  float: right;
  padding: 5px 0;
  white-space: nowrap;
  font-size: 12px;
  color: #999;
}
.employee_activityText {
  background: url(/img/icons/12/arrow_aaaaaa.svg) 10px 9px no-repeat;
  padding: 5px 15px 5px 32px;
  overflow: hidden;
}
.employee_organisation {
  max-height: 345px;
  overflow: auto;
}
.employee_organisationPerson {
  transition: all 0.25s;
  display: block;
  width: 100%;
  padding: 10px 25px;
  color: #000;
  text-decoration: none !important;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}
.employee_organisationPerson:not(:last-child) {
  border-bottom: 1px solid #eee;
}
a.employee_organisationPerson:hover {
  background: rgba(50, 150, 250, 0.05);
}
.employee_organisationPerson .avatar {
  margin-right: 10px;
}
.employee_organisationPersonTitle {
  margin-top: 2px;
}
.employee_organisationPersonTitle .id {
  padding-left: 5px;
  font-weight: 300;
  color: #999;
}
.employee_organisationPersonSubtitle {
  font-size: 12px;
  color: #666;
  margin-top: -2px;
}
.employee_organisationPersonSubtitle .split {
  display: inline;
  padding: 0 5px;
  text-align: center;
  color: #ccc;
}
.employee_organisationPersonSubtitle .split:before {
  content: "\2022";
}
.employee_actionSlide {
  transition: all 0s 0.5s;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: calc(100% - 121px);
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 50;
}
.employee_actionSlide.active {
  transition: all 0s;
  width: 100%;
}
.employee_actionSlide:before {
  transition: all 0.5s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  opacity: 0;
}
.employee_actionSlide.active:before {
  opacity: 0.9;
}
.employee_actionSlideHolder {
  transition: all 0.5s;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  box-shadow: -1px 0 0 0 #e5e5e5;
  transform: translate(100%, 0);
}
.employee_actionSlide.active .employee_actionSlideHolder {
  overflow-y: auto;
  transform: translate(0, 0);
}
.employee_actionSlideTop {
  margin-bottom: 25px;
}
.employee_actionSlideTop .headline {
  height: 30px;
  white-space: nowrap;
  line-height: 31px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employee_actionSlideTopClose {
  transition: all 0.25s;
  float: right;
  display: block;
  width: 30px;
  height: 30px;
  background: #aaa url(/img/icons/12/close_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin-left: 15px;
}
.employee_actionSlideTopClose:hover {
  background-color: #f54b4b;
}
.employee_actionMessage .employee_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .employee_actionMessage .employee_actionSlideHolder {
    width: 100%;
  }
}
.employee_actionMessageInvolved {
  display: table;
  width: 100%;
}
.employee_actionMessageInvolvedRow {
  display: table-row;
}
.employee_actionMessageInvolvedText {
  display: table-cell;
  position: relative;
  width: 1px;
  padding: 0 5px 5px 16px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
}
.employee_actionMessageInvolvedText:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 5px;
  left: 0;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}
.employee_actionMessageInvolvedText * {
  position: relative;
}
.employee_actionMessageInvolvedField {
  display: table-cell;
  position: relative;
  padding-bottom: 5px;
}
.employee_actionMessageInvolvedField .input,
.employee_actionMessageInvolvedField .dropdown {
  border-radius: 0 3px 3px 0;
}
.employee_actionMessageCcbccLink {
  transition: all 0.25s;
  position: absolute;
  display: none;
  top: 1px;
  right: 1px;
  height: 38px;
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1) 85px);
  padding: 0 15px 0 100px;
  line-height: 39px;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  border-radius: 2px;
}
.employee_actionMessageCcbccLink.active {
  display: block;
}
.employee_actionMessageCcbccLink.active:hover {
  color: #000;
}
.employee_actionMessageCcbcc {
  display: none;
}
.employee_actionMessageCcbcc.active {
  display: table-row;
}
.employee_actionMessageSettings {
  min-height: 40px;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.employee_actionMessageSettingsIcons {
  float: right;
  margin: -2px -7px;
}
.employee_actionMessageSettingsIcons a {
  float: left;
  padding: 5px;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
}
.employee_actionMessageSettingsIcons a:hover {
  background: #e5e5e5;
}
.employee_actionMessageSettingsIcons img {
  float: left;
}
.employee_actionMessageSettingsAttached {
  display: none;
  float: left;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px 0 15px;
  margin: 9px -15px -9px -15px;
}
.employee_actionMessageSettingsAttached.active {
  display: block;
}
.employee_actionMessageSettingsAttachedFile {
  height: 27px;
}
.employee_actionMessageSettingsAttachedFileLink {
  display: block;
  float: left;
  width: calc(100% - 27px);
  white-space: nowrap;
  line-height: 18px;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employee_actionMessageLater {
  transition: all 0.25s;
  max-height: 0;
  background: #fff;
  padding: 0 1px;
  overflow: hidden;
  box-shadow: 0 0 0 1px #ddd inset;
  border-radius: 3px;
}
.employee_actionMessageLater.active {
  max-height: 200px;
  padding: 1px;
  margin: 25px 0 0 0;
}
.employee_actionSlide .employee_actionMessageLater.active {
  margin: 0 0 25px 0;
}
.employee_actionMessageLater .choosebox {
  padding: 7px 15px;
  box-sizing: border-box;
}
.employee_actionMessageLater .choosebox:not(:first-child) {
  border-top: 1px solid #eee;
}
.employee_actionMessageLaterDate {
  transition: all 0.25s;
  float: left;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
  box-sizing: border-box;
}
.employee_actionMessageLaterDate.active {
  max-height: 200px;
  padding-bottom: 15px;
}
.employee_actionMessageLaterDate .input:first-child {
  float: left;
  width: calc(60% - 5px);
}
.employee_actionMessageLaterDate .input:nth-child(2) {
  float: right;
  width: 40%;
}
.employee_actionMessage .button.success:not(.active),
.employee_actionMessage .button.secondary:not(.active) {
  display: none;
}
.employee_actionMessage .button.secondary {
  margin-left: 5px;
}
.employee_actionMessagePreview .contentbox {
  position: absolute;
  top: 77px;
  left: 25px;
  bottom: 90px;
  width: calc(100% - 50px);
}
.employee_actionMessagePreview iframe {
  position: absolute;
  top: 25px;
  left: 25px;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  border: 0;
  border-radius: 3px;
}
.employee_actionMessagePreview .button {
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.employee_actionSchedule .employee_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .employee_actionSchedule .employee_actionSlideHolder {
    width: 100%;
  }
}
.employee_actionScheduleTable {
  display: table;
  width: 100%;
  background: #fafafa;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
}
.smartTable .employee_actionScheduleTable {
  padding: 0;
  border: 0px;
}
.employee_actionScheduleTableRow {
  display: table-row;
}
.employee_actionScheduleTableTitle {
  display: table-cell;
  width: 0;
  padding: 0 15px 0 10px;
  vertical-align: middle;
  white-space: nowrap;
}
.employee_actionScheduleTableInfo {
  display: table-cell;
  width: 100%;
}
.employee_actionScheduleTableRow:not(:last-child) .employee_actionScheduleTableInfo {
  padding-bottom: 5px;
}
.employee_actionScheduleTableInfoMax {
  float: right;
  height: 40px;
  background: #fff url(/img/icons/12/silhouettes_aaaaaa.svg) 10px 50% no-repeat;
  line-height: 40px;
  padding: 0 10px 0 27px;
  color: #aaa;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-left: 5px;
}
.employee_actionScheduleTableInfoMax:focus {
  background-image: url(/img/icons/12/silhouettes_3296fa.svg);
  color: #3296fa;
  border-color: #3296fa;
}
.employee_actionScheduleTableInfoMax:empty:after {
  color: #aaa;
}
.employee_actionScheduleTableInfoMax:focus:empty:after {
  color: #3296fa;
}
.employee_actionScheduleInterviewers {
  float: right;
}
.employee_actionScheduleInterviewersTitle {
  float: left;
  height: 40px;
  color: #999;
  line-height: 41px;
  overflow: hidden;
  margin-right: 10px;
}
.employee_actionScheduleTableInfo .employee_actionScheduleInterviewers {
  float: left;
  height: 40px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  box-sizing: border-box;
}
.employee_actionScheduleTableInfo .employee_actionScheduleInterviewers .avatars {
  margin: 4px;
}
.employee_actionScheduleInterviewers .avatar {
  color: #fff;
  cursor: pointer;
}
.employee_actionScheduleInterviewers .avatar.highlighted {
  z-index: 1;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(0, 0, 0, 0.25) !important;
  transform: scale(1.1);
}
.employee_actionScheduleInterviewers .avatar.hide {
  transform: rotate(-45deg);
}
.employee_actionScheduleInterviewers .avatar.hide.highlighted,
.employee_actionScheduleInterviewers .avatar.hide:hover {
  transform: scale(1.1) rotate(-45deg);
}
.employee_actionScheduleInterviewers .avatar:before,
.employee_actionScheduleInterviewers .avatar:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 1px;
  opacity: 0;
}
.employee_actionScheduleInterviewers .avatar:before {
  top: 10px;
  left: calc(50% - 1px);
  box-shadow: 0 0 0 40px rgba(0, 0, 0, 0.75);
}
.employee_actionScheduleInterviewers .avatar.hide:before {
  height: calc(100% - 20px);
  opacity: 1;
}
.employee_actionScheduleInterviewers .avatar:after {
  top: calc(50% - 1px);
  right: 10px;
}
.employee_actionScheduleInterviewers .avatar.hide:after {
  transition: all 0.25s 0.25s;
  width: calc(100% - 20px);
  opacity: 1;
}
.employee_actionScheduleInterviewers .avatar.add {
  background: #3296fa url(/img/icons/12/add_ffffff.svg) 50% 50% no-repeat;
}
.employee_actionScheduleAvatarTooltip {
  padding: 15px;
  margin: -6px -14px;
}
.employee_actionScheduleAvatarTooltip .avatar {
  margin: 0 0 10px 50%;
  transform: translate(-50%, 0);
}
.employee_actionScheduleAvatarTooltipTitle {
  font-weight: bold;
  text-align: center;
  margin: 0 0 15px 0;
}
.employee_actionScheduleAvatarTooltipEvaluation {
  border-top: 1px solid #444;
  padding: 15px;
  margin: 0 -15px -20px -15px;
}
.employee_actionScheduleAvatarTooltipEvaluationTitle {
  height: 20px;
  background: #222;
  padding: 0 15px;
  line-height: 21px;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  overflow: hidden;
  border-bottom: 1px solid #444;
  margin: -15px -15px 10px -15px;
}
.employee_actionScheduleCalendar .calendarDate {
  margin: -2px auto;
}
.employee_actionScheduleCalendarTop {
  margin-top: -32px;
}
.employee_actionScheduleCalendarTopRight {
  float: right;
}
.employee_actionScheduleCalendarTopRight .selectbuttons,
.employee_actionScheduleCalendarTopRight .button {
  margin: -2px 0 -2px 5px;
}
.employee_actionScheduleCalendarSettingsTooltip {
  padding: 15px;
  margin: -6px -14px;
}
.employee_actionScheduleCalendar .calendarWeekly {
  height: calc(100vh - 343px);
}
@media (max-width: 1200px), (max-height: 800px) {
  .employee_actionScheduleCalendar .calendarWeekly {
    height: calc(100vh - 293px);
  }
}
.employee_actionScheduleCalendarBottom {
  position: absolute;
  right: 25px;
  left: 25px;
  bottom: 25px;
}
.employee_actionScheduleCalendarButtons {
  float: left;
}
.employee_actionScheduleNotify:before {
  opacity: 0 !important;
}
.employee_actionScheduleNotify .employee_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .employee_actionScheduleNotify .employee_actionSlideHolder {
    width: 100%;
  }
}
.employee_actionScheduleReminder {
  transition: all 0.25s;
  background: #fafafa;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.employee_actionScheduleReminder.active {
  background: #fff;
}
.employee_actionScheduleReminder *:not(.switch) {
  transition: all 0.25s;
}
.employee_actionScheduleReminder:not(.active) *:not(.switch) {
  filter: blur(1px);
  opacity: 0.5;
}
.employee_actionScheduleReminder .switch {
  margin-right: 15px;
}
.employee_actionScheduleReminder .dropdown {
  float: right;
  max-width: 200px;
  margin: 2px 0 0 15px;
}
.employee_actionScheduleReminderText {
  overflow: hidden;
}
.employee_actionScheduleReminderText strong {
  padding: 0 3px;
  color: #3296fa;
  border-radius: 2px;
  margin: 0 3px;
  box-shadow: 0 0 0 1px #3296fa;
}
.employee_actionFormArea:before {
  opacity: 0 !important;
}
.employee_actionForm .employee_actionSlideHolder,
.employee_actionFormArea .employee_actionSlideHolder {
  width: 400px;
}
.employee_actionForm .employee_actionSlideTop,
.employee_actionFormArea .employee_actionSlideTop {
  padding: 25px 25px 0 25px;
}
.employee_actionFormList {
  border-top: 1px solid #eee;
}
.employee_actionFormSearch {
  height: 61px;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.employee_actionFormSearch input {
  width: 100%;
  background: url(/img/icons/12/search_aaaaaa.svg) 25px 24px no-repeat;
  padding: 15px 25px 15px 52px;
  line-height: 32px;
  border: 0;
  box-sizing: border-box;
  margin: 0;
}
.employee_actionFormList a {
  transition: all 0.25s;
  position: relative;
  display: block;
  height: 61px;
  background: url(/img/icons/12/form_aaaaaa.svg) 25px 24px no-repeat;
  padding: 0 25px 0 52px;
  line-height: 62px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #000;
  overflow: hidden;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
}
.employee_actionFormEvaluate {
  background-image: url(/img/icons/12/star_aaaaaa.svg) !important;
}
.employee_actionFormFolder {
  background-image: url(/img/icons/12/folder_3296fa.svg) !important;
}
.employee_actionFormList a:hover,
.employee_actionFormList a.active {
  background-color: rgba(50, 150, 250, 0.05);
}
.employee_actionFormList .searched {
  background: rgba(50, 150, 250, 0.25);
}
.employee_actionForm .button,
.employee_actionFormArea .button {
  margin: 10px 0 10px 50%;
  transform: translate(-50%, 0);
}
.employee_actionFormFill .employee_actionSlideTop .circlebutton,
.employee_actionFormFillEvaluate .employee_actionSlideTop .circlebutton,
.employee_actionFeedbackFill .employee_actionSlideTop .circlebutton {
  float: right;
  margin-left: 15px;
}
.employee_actionFormForward .employee_actionSlideHolder,
.employee_actionFormForwardEvaluate .employee_actionSlideHolder,
.employee_actionFeedbackForward .employee_actionSlideHolder {
  width: 800px;
}
.employee_actionFeedback .employee_actionSlideHolder {
  width: 600px;
}
.employee_actionTask .employee_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .employee_actionTask .employee_actionSlideHolder {
    width: 100%;
  }
}
.employee_actionSkill .employee_actionSlideHolder {
  width: 500px;
}
.employee_actionGoal .employee_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .employee_actionGoal .employee_actionSlideHolder {
    width: 100%;
  }
}
.employee_actionPayroll .employee_actionSlideHolder,
.employee_actionPayrollBenefits .employee_actionSlideHolder,
.employee_actionPayrollSupplements .employee_actionSlideHolder,
.employee_actionPayrollPension .employee_actionSlideHolder,
.employee_actionPayrollHourly .employee_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .employee_actionPayroll .employee_actionSlideHolder,
  .employee_actionPayrollBenefits .employee_actionSlideHolder,
  .employee_actionPayrollSupplements .employee_actionSlideHolder,
  .employee_actionPayrollPension .employee_actionSlideHolder,
  .employee_actionPayrollHourly .employee_actionSlideHolder {
    width: 100%;
  }
}
.employee_actionAbsence .employee_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .employee_actionAbsence .employee_actionSlideHolder {
    width: 100%;
  }
}
.employee_actionLearning .employee_actionSlideHolder {
  width: 800px;
}
@media (max-width: 1200px) {
  .employee_actionLearning .employee_actionSlideHolder {
    width: 100%;
  }
}
.employee_actionMove .employee_actionSlideHolder {
  width: 500px;
}
.employee_actionExport .employee_actionSlideHolder,
.employee_actionExportProgress .employee_actionSlideHolder,
.employee_actionExportDone .employee_actionSlideHolder {
  width: 500px;
}
.employee_actionExportProgress:before,
.employee_actionExportDone:before {
  opacity: 0 !important;
}
.employee_actionFileEmbed {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  overflow: hidden;
  margin: 1px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.employee_actionFileEmbed embed {
  width: 100%;
  height: 100%;
}
.employee_actionApproval:not(.employee_actionSlide):last-child {
  border-bottom: 1px solid #e5e5e5;
}
.employee_actionApproval .contentToggleBar:not(:hover) {
  background: #fafafa;
}
.employee_actionApproval .contentToggleBar.active {
  background: #3296fa;
  color: #fff;
}
.employee_actionApproval .contentToggleBar.active:after {
  filter: brightness(2);
}
.employee_actionApproval .contentToggleBar .circlebutton {
  box-shadow: 0 0 0 2px #fff;
}
.employee_actionApproval .contentToggleBar .headline {
  overflow: hidden;
}
.employee_actionApproval .contentToggleBar .circlebutton {
  float: right;
  margin: -2px 0 -2px 15px;
}
.employee_actionApprovalComment {
  background: #fafafa;
}
.employee_actionApprovalComment .smartTableToggle.active .smartTableElement {
  background: rgba(50, 150, 250, 0.05);
}
.employee_actionApprovalComment .smartTableIcon {
  transition: all 0.25s;
}
.employee_actionApprovalComment .smartTableToggle.active .smartTableIcon {
  background: #3296fa;
  border-color: #3296fa;
}
.employee_actionApprovalComment .smartTableToggle.active .smartTableIcon img {
  filter: brightness(2);
}
.employee_actionApprovalComment .smartTableTitle {
  font-weight: bold;
}
.employee_actionApprovalComment .smartTableToggleContent {
  background: #fff;
  padding: 0 25px;
}
.employee_actionApprovalComment .smartTableToggle:not(.disabled).active .smartTableToggleContent {
  padding: 25px;
}
.employee_actionApprovalTable {
  display: table;
}
.employee_actionApprovalTable:not(:last-child) {
  margin-bottom: 20px;
}
.employee_actionApprovalTableRow {
  display: table-row;
}
.employee_actionApprovalTableCell {
  position: relative;
  display: table-cell;
  vertical-align: top;
}
.employee_actionApprovalTableRow:not(:last-child) .employee_actionApprovalTableCell {
  padding-bottom: 10px;
}
.employee_actionApprovalTableCell:first-child {
  font-weight: bold;
  color: #999;
}
.employee_actionApprovalTableCell:last-child {
  padding-left: 25px;
}
.employee_actionApprovalTableCellArrow {
  background: url(/img/icons/12/arrow_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 22px;
}
.employee_actionApprovalSwitch {
  height: 20px;
  margin-top: 10px;
}
.employee_actionApprovalSwitch .switch {
  margin-right: 10px;
}
.employee_actionApprovalComment .textarea {
  float: right;
  width: calc(100% - 55px);
}
.employee_actionApprovalCommentButtons {
  margin-left: 55px;
}
.employee_actionApprovalCommentButtons .button {
  margin-right: 15px;
}
.employee_actionApprovalCancelApproval {
  float: right;
  margin: 0px !important;
  opacity: 0.5;
}
.employee_actionApprovalCancelApproval:hover {
  opacity: 1;
}
.employee_actionApprovalLog:not(:last-child) {
  margin-bottom: 25px;
}
.employee_actionApprovalLog .avatars,
.employee_actionApprovalLog .avatar {
  margin-right: 15px;
}
.employee_actionApprovalLog .avatars .avatar {
  margin-left: -15px;
  margin-right: 0 !important;
}
.employee_actionApprovalLog .avatars .avatar:first-child {
  margin-left: 0px;
}
.employee_actionApprovalLog .avatar.needed {
  animation: logApprovalNeededRotationButton 4s infinite;
  background: #F54B4B url(/img/icons/12/bell_ffffff.svg) 50% 50% no-repeat;
}
@keyframes logApprovalNeededRotationButton {
  0% {
    transform: scale(1) rotate(0deg);
  }
  5% {
    transform: scale(0.75) rotate(-90deg);
  }
  10% {
    transform: scale(1) rotate(45deg);
  }
  15% {
    transform: scale(1) rotate(-35deg);
  }
  20% {
    transform: scale(1) rotate(25deg);
  }
  25% {
    transform: scale(1) rotate(-15deg);
  }
  30% {
    transform: scale(1) rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.employee_actionApprovalLog .avatar.awaits {
  animation: logAwaitsApprovalRotationButton 4s infinite;
  background: #3296fa url(/img/icons/12/update_ffffff.svg) 50% 50% no-repeat;
}
@keyframes logAwaitsApprovalRotationButton {
  0% {
    transform: scale(1) rotate(0deg);
  }
  5% {
    transform: scale(0.75) rotate(-90deg);
  }
  25% {
    transform: scale(1) rotate(360deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
  }
}
.employee_actionApprovalLog .avatar.accepted {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.employee_actionApprovalLog .avatar.rejected {
  background: #F54B4B url(/img/icons/12/notallowed_ffffff.svg) 50% 50% no-repeat;
}
.employee_actionApprovalLog .avatar.awaitsLayer:after,
.employee_actionApprovalLog .avatar.acceptedLayer:after,
.employee_actionApprovalLog .avatar.rejectedLayer:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 150, 250, 0.5);
}
.employee_actionApprovalLog .avatar.acceptedLayer:after {
  background: rgba(100, 200, 75, 0.5);
}
.employee_actionApprovalLog .avatar.rejectedLayer:after {
  background: rgba(245, 75, 75, 0.5);
}
.employee_actionApprovalLogText {
  overflow: hidden;
}
.employee_actionApprovalLogUpcoming {
  background: url(/img/icons/12/arrow_aaaaaa.svg) 5px 50% no-repeat;
  padding-left: 22px;
  font-style: italic;
  color: #999;
}
.employee_actionApprovalLogTextDate {
  display: inline-block;
  font-style: italic;
  color: #999;
}
.employee_actionApprovalLogComment {
  padding: 10px 15px;
  background: rgba(255, 255, 0, 0.1);
  border: 1px solid rgba(255, 170, 0, 0.25);
  border-radius: 3px;
  margin-top: 5px;
}
.employee_actionApprovalLogDelete {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/trash_aaaaaa.svg) 50% 50% no-repeat;
  margin-left: 10px;
  opacity: 0.5;
}
.employee_actionApprovalLogDelete:hover {
  opacity: 1;
}
.employee_actionApprovalDottedline:not(:last-child) {
  height: 0;
  overflow: hidden;
  border-bottom: 2px dashed #ddd;
  margin-bottom: 25px;
}
.tree_holder {
  position: absolute;
  top: 171px;
  right: 0;
  bottom: 71px;
  left: 0;
  overflow: auto;
}
.tree_holderPadding {
  display: block;
  padding: 84px 25px 25px 25px;
}
.tree_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: #fff;
  border-top: 1px solid #e5e5e5;
}
.tree_bottomBreadcrumbs {
  position: relative;
  display: block;
  overflow: hidden;
}
.tree_bottomBreadcrumbs:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  background-image:
    linear-gradient(
      to left,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 0));
  z-index: 1;
}
.tree_bottomBreadcrumbsScroll {
  position: relative;
  display: block;
  padding: 25px;
  font-size: 0;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: auto;
}
.tree_bottomBreadcrumbs a,
.tree_bottomBreadcrumbs div.disabled {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  line-height: 21px;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  padding-right: 10px;
  overflow: hidden;
}
.tree_bottomBreadcrumbs a:hover {
  text-decoration: underline;
  color: #666;
}
.tree_bottomBreadcrumbs a:not(:first-child),
.tree_bottomBreadcrumbs div.disabled:not(:first-child) {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 0% 50% no-repeat;
  padding-left: 19px;
}
.tree_bottomBreadcrumbs .active {
  font-weight: bold;
  color: #3296fa !important;
}
.tree_bottomZoom {
  float: right;
  padding: 25px 25px 0 10px;
}
.tree_bottomZoomMinus,
.tree_bottomZoomPlus {
  transition: all 0.25s;
  float: left;
  width: 20px;
  height: 20px;
  background: #ccc url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
}
.tree_bottomZoomMinus:hover,
.tree_bottomZoomPlus:hover {
  background-color: #3296fa;
}
.tree_bottomZoomPlus {
  background-image: url(/img/icons/12/plus_ffffff.svg);
}
.tree_bottomZoom .slider {
  float: left;
  width: 160px;
  margin: 0 5px;
}
.jobprofile_content {
  height: calc(100% - 103px);
  background: #f3f3f3;
  padding: 25px;
  box-sizing: border-box;
  overflow: auto;
}
.jobprofile_avatarscroll {
  padding: 25px;
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
}
.jobprofile_avatarscroll .avatars {
  height: 40px;
  padding-right: 25px;
}
.jobprofile_avatarscroll .avatar {
  position: relative;
  float: none;
  display: inline-block;
  vertical-align: top;
}
.jobprofile_benchmark {
  display: flex;
  margin: 0 -8px 0 -7px;
}
.jobprofile_benchmarkOption {
  flex: 1;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  margin: 0 8px 0 7px;
}
.jobprofile_benchmarkDelete {
  transition: all 0.25s;
  position: absolute;
  top: 9px;
  left: 9px;
  width: 20px;
  height: 20px;
  background: url(/img/icons/12/cross_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  opacity: 0;
}
.jobprofile_benchmarkOption:hover .jobprofile_benchmarkDelete {
  opacity: 1;
}
.jobprofile_benchmarkOption:hover .jobprofile_benchmarkDelete:hover {
  background-color: #f54b4b;
}
.jobprofile_benchmarkAdd {
  margin: 0 8px 0 7px;
}
.jobprofile_benchmarkAdd:nth-child(6) {
  display: none;
}
.jobprofile_chart {
  height: calc(100% - 55px);
  overflow: hidden;
}
.jobprofile_chartCanvas {
  float: left;
  width: calc(100% - 277px);
  height: 100%;
  padding: 25px;
  box-sizing: border-box;
}
.jobprofile_chartSwitches {
  transition: all 0.25s;
  float: right;
  width: 276px;
  height: 100%;
  background: #fafafa;
  overflow: auto;
  border-left: 1px solid #eee;
}
.jobprofile_chartSwitch {
  padding: 15px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}
.jobprofile_chartSwitchGroup .jobprofile_chartSwitch {
  padding: 5px;
  font-size: 12px;
  font-weight: normal;
  border: 0;
}
.jobprofile_chartSwitchTitle {
  float: right;
  width: calc(100% - 44px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.jobprofile_chartSwitchGroup {
  background: rgba(255, 255, 255, 0.5);
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.jobprofile_tooltipEmpSkills {
  min-width: 260px;
  margin: -6px -14px 4px -14px;
}
.jobprofile_tooltipEmpSkillsTitle {
  text-transform: uppercase;
  line-height: 20px;
  font-weight: bold;
  font-size: 12px;
  color: #999;
  overflow: hidden;
  margin: 15px 15px 5px 15px;
}
.jobprofile_tooltipEmpSkillsNumber {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #aaa;
  vertical-align: top;
  line-height: 21px;
  text-align: center;
  font-weight: normal;
  color: #fff;
  overflow: hidden;
  border-radius: 50%;
  margin-left: 5px;
}
.jobprofile_tooltipEmpSkillsEmployee {
  transition: all 0.25s;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  padding: 5px 15px;
}
.jobprofile_tooltipEmpSkillsEmployee:hover {
  background: rgba(255, 255, 255, 0.05);
}
.jobprofile_tooltipEmpSkills .avatar {
  margin-right: 10px;
}
.jobprofile_tooltipEmpSkillsEmployee .jobprofile_tooltipEmpSkillsNumber {
  float: right;
  margin-top: 5px;
}
.jobprofile_tooltipEmpSkillsEmployeeBenchmark {
  float: right;
  height: 30px;
  line-height: 31px;
  overflow: hidden;
  margin-left: 15px;
}
.jobprofile_tooltipEmpSkillsEmployeeBenchmark img {
  float: right;
  margin: 9px 0 0 5px;
}
.jobprofile_tooltipEmpSkillsEmployeeName {
  height: 30px;
  line-height: 31px;
  font-weight: bold;
  overflow: hidden;
}
.jobprofile_tooltipEmpSkillsDots {
  height: 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
  margin: 5px 15px;
}
.certificate_overviewListExpired:not(:hover) .advTableLeft * {
  text-decoration: line-through;
  color: rgba(0, 0, 0, 0.5);
}
.certificate_overviewListExpired:not(:hover) .advTableLeft,
.certificate_overviewListExpired:not(:hover) .advTableColumn,
.goal_overviewListOverdue:not(:hover) .advTableLeft,
.goal_overviewListOverdue:not(:hover) .advTableColumn {
  background: #FFF7F6 !important;
}
.certificate_overviewListExpired .certificate_overviewListExpiredCell,
.goal_overviewListOverdue .goal_overviewListOverdueCell {
  font-weight: bold;
  color: #f54b4b;
}
.goal_overviewBoxes {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.goal_overviewBox {
  float: left;
  width: 33.3333%;
}
.goal_overviewBox .contentbox {
  padding: 20px 25px;
}
.goal_overviewBox strong {
  background: url(/img/icons/12/calendar_f54b4b.svg) 0 2px no-repeat;
  padding-left: 22px;
  color: #666;
}
.goal_overviewBox .headline {
  margin-left: 22px;
}
.goal_overviewBox a.headline {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: left;
  max-width: calc(100% - 22px);
  padding-right: 19px;
  text-decoration: none;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px dotted #3296fa;
  margin-bottom: -1px;
}
.goal_overviewBox a.headline:hover,
.goal_overviewBox a.headline.active {
  color: #3296fa;
}
.goal_overviewBox a.headline:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 26px;
  background: url(/img/icons/9/arrowdown_3296fa.svg) 0 50% no-repeat;
}
.goal_overviewBox a.headline.active:after {
  transform: rotate(180deg);
}
.goal_overviewBox .progressbar {
  margin-top: 7px;
}
.goal_overviewList {
  height: calc(100vh - 379px);
  margin-top: 10px;
}
.goal_overviewList .advTableLeft .switch {
  position: absolute;
  top: 15px;
  right: 15px;
  font-weight: normal;
}
.goal_overviewList .advTableLeft .circlebutton {
  position: absolute;
  top: 10px;
  right: 15px;
}
.goal_icon,
.feedback_icon {
  transition: all 0.25s;
  background: url(/img/icons/12/target_3296fa.svg) 50% 50% / 18px no-repeat #DDEEFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.goal_icon:not(.d40),
.feedback_icon:not(.d40) {
  background-size: 12px;
}
.goal_popupHeadlineIcon {
  float: left;
  margin: -7px 0 -6px 0;
}
.goal_popupHeadline {
  float: right;
  width: calc(100% - 55px);
}
.goal_popupHeadline .id {
  padding-left: 10px;
}
.goal_popupHeadline .id img {
  display: inline-block;
  vertical-align: top;
  margin: 7px 5px 0 0;
}
.goal_popupInfoHolder {
  max-height: calc(100vh - 300px);
  background: #f3f3f3;
  overflow: auto;
}
.goal_popupTable {
  display: flex;
}
.goal_popupTableCell {
  flex: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.goal_popupTableCell:not(:first-child) {
  padding-left: 15px;
}
.goal_popupTableCell > strong {
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 12px;
  color: #666;
  margin-bottom: 5px;
}
.goal_popupTableCellText {
  float: right;
  width: calc(100% - 40px);
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.goal_popupTableCell .progressbar {
  margin-top: 10px;
}
.goal_popupInfoHolder .contentToggleBar:after {
  bottom: inherit;
  height: 85px;
}
.goal_popupObjectiveProgress {
  position: relative;
  float: left;
  width: 46px;
  height: 46px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  margin-right: 15px;
}
.goal_popupObjectiveProgress:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  border-radius: 50%;
}
.goal_popupObjectiveProgress span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 40px;
  height: 40px;
  line-height: 41px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border-radius: 50%;
}
.goal_popupObjectiveProgress span.p100 {
  background: url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
  background-size: 18px;
}
.goal_popupObjectiveDates {
  float: right;
  font-family: courier;
  font-size: 12px;
  color: #999;
}
.goal_popupObjectiveDates div {
  background: url(/img/icons/12/arrowstart_64c84b.svg) 0% 50% no-repeat;
  padding-left: 22px;
}
.goal_popupObjectiveDates div:nth-child(2) {
  background-image: url(/img/icons/12/arrowend_f54b4b.svg);
  margin-top: 5px;
}
.goal_popupObjectiveTitle {
  overflow: hidden;
}
.goal_popupObjectiveTitle strong {
  display: block;
  margin-right: 15px;
}
.goal_popupObjectiveTitle span {
  float: left;
  font-size: 12px;
  color: #666;
  margin: 5px 15px 0 0;
}
.goal_popupObjectiveTitle .avatar {
  transform: scale(0.6666);
  margin: -5px 0 -5px -5px;
}
.goal_popupObjectiveTarget {
  float: right;
  background: url(/img/icons/12/target_3296fa.svg) 100% 50% no-repeat;
  padding-right: 17px;
  font-size: 12px;
  color: #666;
}
.absence_overviewListRowApproved .advTableLeft,
.absence_overviewListRowApproved .advTableColumn {
  background: #fff !important;
}
.absence_overviewListRowPending:not(:hover) .advTableLeft,
.absence_overviewListRowPending:not(:hover) .advTableColumn {
  background: #F5FAFE !important;
}
.absence_overviewListRowRejected * {
  text-decoration: line-through;
  color: rgba(0, 0, 0, 0.5);
}
.absence_overviewListRowRejected:hover * {
  text-decoration: none;
}
.absence_overviewListRowRejected:not(:hover) .advTableLeft,
.absence_overviewListRowRejected:not(:hover) .advTableColumn {
  background: #FFF7F6 !important;
}
.absence_overviewListColumnDateRange {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 25px;
  background: url(/img/icons/12/calendar_3296fa.svg) 100% calc(50% - 1px) no-repeat;
  padding-right: 17px;
  text-decoration: none;
  font-weight: bold;
}
.absence_overviewListColumnType {
  float: left;
  background: red;
  padding: 0 15px 0 10px;
  line-height: 30px;
  white-space: nowrap;
  text-decoration: none;
  color: #fff;
  border-radius: 15px;
  margin-top: 10px;
}
.simTable .absence_overviewListColumnType {
  margin: -5px 0px;
}
.absence_overviewListColumnType img {
  display: inline-block;
  vertical-align: top;
  margin: 9px 5px 0 0;
}
.absence_overviewListColumnType.documentation:before {
  content: "";
  float: right;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.1) url(/img/icons/12/file_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 0 -15px 0 10px;
}
.absence_overviewCalendar {
  display: grid;
  overflow: auto;
  max-height: calc(100vh - 280px);
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
}
.absence_overviewCalendarRow {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 50px;
  background: #fff;
}
.absence_overviewCalendarRow:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.absence_overviewCalendarRow:not(.top):hover .absence_overviewCalendarName,
.absence_overviewCalendarRow:not(.top):hover .absence_overviewCalendarDay {
  box-shadow: 0 0 0 1000px rgba(255, 255, 0, 0.05) inset;
}
.absence_overviewCalendarRow.active .absence_overviewCalendarName,
.absence_overviewCalendarRow.active .absence_overviewCalendarDay,
.absence_overviewCalendarRow.active:hover .absence_overviewCalendarName,
.absence_overviewCalendarRow.active:hover .absence_overviewCalendarDay {
  box-shadow: 0 0 0 1000px rgba(50, 150, 250, 0.05) inset;
}
.activeSelection .absence_overviewCalendarRow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 30;
}
.absence_overviewCalendarRow.top {
  position: sticky;
  top: 0;
  height: 70px;
  z-index: 20;
}
.absence_overviewCalendarName {
  transition: all 0.25s;
  position: sticky;
  left: 0;
  width: 270px;
  height: 50px;
  background: #fff;
  padding: 0 15px;
  line-height: 51px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-right: 1px solid #eee;
  z-index: 10;
}
.absence_overviewCalendarRow.top .absence_overviewCalendarName {
  height: 70px;
}
.absence_overviewCalendarRow .absence_overviewCalendarName:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: rgb(50, 150, 250);
  opacity: 0;
  overflow: hidden;
}
.absence_overviewCalendarRow.active .absence_overviewCalendarName:before {
  width: 3px;
  opacity: 1;
}
.absence_overviewCalendarName .checkbox {
  margin: 17px 17px 0 2px !important;
}
.absence_overviewCalendarRow.top .absence_overviewCalendarName .checkbox {
  margin-top: 13px !important;
}
.absence_overviewCalendarName .avatar {
  margin: 10px 10px 0 0;
}
.absence_overviewCalendarName .id {
  padding-left: 5px;
  font-weight: 300;
  color: #999;
}
.absence_overviewCalendarName .boxlink {
  left: 50px;
}
.absence_overviewCalendarZoom {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.absence_overviewCalendarZoomOut,
.absence_overviewCalendarZoomIn {
  transition: all 0.25s;
  float: left;
  display: block;
  width: 26px;
  height: 26px;
  background: url(/img/icons/12/minus_3296fa.svg) 50% 50% no-repeat;
}
.absence_overviewCalendarZoomIn {
  background-image: url(/img/icons/12/plus_3296fa.svg);
  border-left: 1px solid #eee;
}
.absence_overviewCalendarZoomOut:hover,
.absence_overviewCalendarZoomIn:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.absence_overviewCalendarZoomOut.disabled,
.absence_overviewCalendarZoomIn.disabled {
  filter: grayscale(1);
  background-color: #fafafa;
  cursor: default !important;
}
.absence_overviewCalendarTopDate {
  overflow: hidden;
  height: 26px;
  padding: 0 15px 0 0;
  border-bottom: 1px solid #eee;
  margin: 0 -15px;
}
.absence_overviewCalendarTopDateToday {
  transition: all 0.25s;
  float: left;
  display: block;
  width: 50px;
  height: 26px;
  background: url(/img/icons/12/arrowstart_aaaaaa.svg) 50% 50% no-repeat;
  opacity: 0.5;
}
.absence_overviewCalendarTopDateToday:hover {
  opacity: 1;
}
.absence_overviewCalendarTopDateActive {
  float: left;
  display: block;
  line-height: 27px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #3296fa;
}
.absence_overviewCalendarName .advTableSorting {
  float: left;
  line-height: 20px;
  font-weight: bold;
  margin-top: 12px;
}
.absence_overviewCalendarName .advTableSorting.active:after {
  background-image: url(/img/icons/9/arrowdown_3296fa.svg);
}
.absence_overviewCalendarAllowance {
  position: relative;
  float: right;
  min-width: 18px;
  height: 18px;
  background: #aaa;
  padding: 0 5px;
  line-height: 19px;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  border-radius: 9px;
  color: #fff;
  box-sizing: border-box;
  margin: 16px -5px 0 5px;
  cursor: default;
  z-index: 1;
}
.absence_overviewCalendarAllowance.positive {
  background: #64c84b;
}
.absence_overviewCalendarAllowance.negative {
  background: #f54b4b;
}
.absence_overviewCalendarRow.top .absence_overviewCalendarAllowance {
  position: absolute;
  top: 40px;
  right: 10px;
  float: none;
  max-width: 120px;
  background: #fff;
  padding: 0 3px 0 10px;
  font-weight: normal;
  text-overflow: ellipsis;
  color: #666;
  box-shadow: 0 0 0 1px #ddd inset;
  margin: 0px;
  cursor: pointer;
}
.absence_overviewCalendarRow.top .absence_overviewCalendarAllowance.active {
  background: #fff;
  color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa inset;
}
.absence_overviewCalendarRow.top .absence_overviewCalendarAllowance:before {
  transition: all 0.25s;
  content: "";
  float: right;
  width: 19px;
  height: 18px;
  background: url(/img/icons/9/arrowdown_aaaaaa.svg) 50% 50% no-repeat;
}
.absence_overviewCalendarRow.top .absence_overviewCalendarAllowance.asce:before {
  transform: rotate(180deg);
}
.absence_overviewCalendarRow.top .absence_overviewCalendarAllowance.active:before {
  background-image: url(/img/icons/9/arrowdown_3296fa.svg);
}
.absence_overviewCalendarContent {
  display: flex;
  margin-left: -1px;
}
.absence_overviewCalendarMonth {
  position: relative;
}
.absence_overviewCalendarRow:not(.top) .absence_overviewCalendarMonth {
  display: flex;
}
.absence_overviewCalendarMonthTitle {
  position: relative;
  height: 26px;
  background: #fff;
  overflow: hidden;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.absence_overviewCalendarMonthTitle span {
  position: absolute;
  top: 0;
  left: 10px;
  width: 500px;
  line-height: 27px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.absence_overviewCalendarMonthTitle.fixed span {
  position: fixed;
  top: 256px;
  left: 338px;
}
.activeFilterLeft .absence_overviewCalendarMonthTitle.fixed span {
  left: 698px;
}
.absence_overviewCalendarMonthTitle span:last-child {
  display: none;
}
.absence_overviewCalendarDayHolder {
  display: flex;
}
.absence_overviewCalendarDay {
  position: relative;
  width: calc(((100vw - 352px) / 31) - 1px);
  min-height: 44px;
  border-left: 1px solid #eee;
}
.absence_overviewCalendarDay.dayoff {
  background: #F6F5F4;
}
.absence_overviewCalendarDay.today {
  background: rgba(50, 150, 250, 0.05);
}
.absence_overviewCalendarDay.is_weekend {
  color: #A79C90;
}
.absence_overviewCalendarDay.today:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: calc(100% + 1px);
  border-left: 1px solid #3296fa;
  border-right: 1px solid #3296fa;
  opacity: 0.5;
  z-index: 1;
}
.absence_overviewCalendarRow.add .absence_overviewCalendarDay:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background: rgba(100, 200, 75, 0.15) url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  border: 1px solid rgba(100, 200, 75, 0.15);
  border-radius: 3px;
  opacity: 0;
}
.absence_overviewCalendarRow.add .absence_overviewCalendarDay:hover:after {
  opacity: 1;
}
.absence_overviewCalendarWeekTitle {
  position: absolute;
  top: -7px;
  left: 0;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  font-size: 10px;
  background: #eee;
  line-height: 15px;
  text-align: center;
  color: #666;
  overflow: hidden;
  border-radius: 8px;
  transform: translate(-50%, 0);
  box-sizing: border-box;
  z-index: 1;
}
.absence_overviewCalendarWeekTitle.active {
  background: #3296fa;
  color: #fff;
  z-index: 2;
}
.absence_overviewCalendarDayTitle,
.absence_overviewCalendarDayNumber {
  width: 100%;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  overflow: hidden;
}
.absence_overviewCalendarDay.today .absence_overviewCalendarDayTitle,
.absence_overviewCalendarDay.today .absence_overviewCalendarDayNumber {
  color: #3296fa;
}
.absence_overviewCalendarDayTitle {
  margin-top: 6px;
}
.absence_overviewCalendarDayNumber {
  font-weight: bold;
  margin-bottom: 6px;
}
.absence_overviewCalendarEvent {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 30px;
  background: #3296fa;
  padding: 9px 0px 7px 0px;
  white-space: nowrap;
  line-height: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  overflow: hidden;
  border-radius: 3px;
  z-index: 2;
  cursor: default;
}
.absence_overviewCalendarEvent.noicon {
  text-indent: 10px;
}
.absence_overviewCalendarEvent.lasthalf {
  margin-left: 50%;
}
.absence_overviewCalendarEvent.new {
  background-color: #666 !important;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.absence_overviewCalendarEvent.new:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.absence_overviewCalendarEvent.rejected {
  background-color: #FEF6F6 !important;
  text-decoration: line-through;
  color: #f54b4b;
  box-shadow: 0 0 0 1px rgba(245, 75, 75, 0.5) inset;
}
.absence_overviewCalendarEvent.active:not(.new) {
  background-color: #333 !important;
  box-shadow: 0 0 200px 100px rgba(255, 255, 255, 0.75);
  z-index: 3;
}
.absence_overviewCalendarEvent img {
  float: left;
  margin: 8px 17px 10px 17px;
  transform: scale(1.5);
}
.absence_overviewCalendarEvent.rejected img {
  filter: invert(60%) sepia(100%) saturate(3000%) hue-rotate(340deg) brightness(100%) contrast(80%);
}
.absence_overviewCalendarEvent.new:before {
  content: "";
  float: left;
  width: 20px;
  height: 30px;
}
.absence_overviewCalendarEvent.new:after,
.absence_overviewCalendarEvent.pending:after,
.absence_overviewCalendarEvent.rejected:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(/img/linepattern.svg);
  background-position: 0 0;
  opacity: 0.1;
  z-index: -1;
}
.absence_overviewCalendarEvent.rejected:after {
  opacity: 0.025;
}
.absence_overviewCalendarEvent span {
  display: block;
  font-weight: normal;
}
.absence_overviewCalendarEventDrag {
  position: absolute;
  top: 0;
  width: 11px;
  height: 100%;
  background: #000;
  opacity: 0.25;
  cursor: ew-resize;
}
.absence_overviewCalendarEventDrag:hover {
  opacity: 0.5;
}
.absence_overviewCalendarEventDrag.left {
  left: 0;
}
.absence_overviewCalendarEventDrag.right {
  right: 0;
}
.absence_overviewCalendarEventDrag:before,
.absence_overviewCalendarEventDrag:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: calc(50% - 6px);
  left: 4px;
  width: 1px;
  height: 12px;
  background: #fff;
}
.absence_overviewCalendarEventDrag:after {
  left: 6px;
}
@media (min-width: 0px) {
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarMonth:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #eee;
  }
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarMonthTitle span:first-child {
    display: none;
  }
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarMonthTitle span:last-child {
    display: block;
  }
  .absence_overviewCalendar[days="7"] .absence_overviewCalendarDay {
    width: calc(((100vw - 352px) / 7) - 1px);
  }
  .absence_overviewCalendar[days="14"] .absence_overviewCalendarDay {
    width: calc(((100vw - 352px) / 14) - 1px);
  }
  .absence_overviewCalendar[days="62"] .absence_overviewCalendarDay {
    width: calc(((100vw - 352px) / 62) - 1px);
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDay {
    width: calc(((100vw - 352px) / 92) - 1px);
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDay {
    width: calc(((100vw - 352px) / 184) - 1px);
  }
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarDay {
    width: calc(((100vw - 352px) / 365) - 1px);
    padding-left: 1px;
    border-left: 0;
  }
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarDay.dayoff {
    background: none;
  }
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarDay.today {
    background: none;
  }
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarDay.today:before {
    width: 0px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDayTitle,
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDayNumber {
    font-size: 10px;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarWeekTitle {
    top: 5px;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDayNumber {
    font-size: 8px;
    font-weight: normal;
    margin: 23px 0 0 0px;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDayTitle,
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarDayTitle,
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarDayNumber {
    display: none;
  }
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarWeekTitle {
    top: 14px;
  }
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarEvent {
    left: 0;
    font-size: 0px;
    padding-right: 4px;
  }
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarEvent img {
    visibility: hidden;
  }
}
@media (max-width: 2200px) {
  .absence_overviewCalendar[days="62"] .absence_overviewCalendarDayTitle,
  .absence_overviewCalendar[days="62"] .absence_overviewCalendarDayNumber {
    font-size: 10px;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDayNumber {
    font-size: 8px;
    font-weight: normal;
    margin: 23px 0 0 0px;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDayNumber,
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDayTitle {
    display: none;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarWeekTitle {
    top: 5px;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarWeekTitle {
    top: 14px;
  }
}
@media (max-width: 1800px) {
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarMonth:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #eee;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDay {
    padding-left: 1px;
    border-left: 0;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDay.dayoff {
    background: none;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDay.today {
    background: none;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDay.today:before {
    width: 0px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDayTitle,
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarDayNumber {
    display: none;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarWeekTitle {
    top: 14px;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarEvent {
    left: 0;
    font-size: 0px;
    padding-right: 4px;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarEvent img {
    visibility: hidden;
  }
}
@media (max-width: 1600px) {
  .absence_overviewCalendar[days="62"] .absence_overviewCalendarDayNumber {
    font-size: 8px;
    font-weight: normal;
    margin: 23px 0 0 0px;
  }
  .absence_overviewCalendar[days="62"] .absence_overviewCalendarDayTitle {
    display: none;
  }
  .absence_overviewCalendar[days="62"] .absence_overviewCalendarWeekTitle {
    top: 5px;
  }
}
@media (max-width: 1400px) {
  .absence_overviewCalendar[days="31"] .absence_overviewCalendarDayTitle,
  .absence_overviewCalendar[days="31"] .absence_overviewCalendarDayNumber {
    font-size: 10px;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDayNumber {
    display: none;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarWeekTitle {
    top: 14px;
  }
}
@media (max-width: 1100px) {
  .absence_overviewCalendar[days="365"] .absence_overviewCalendarMonthTitle span {
    font-size: 10px;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarMonthTitle span:first-child {
    display: none;
  }
  .absence_overviewCalendar[days="184"] .absence_overviewCalendarMonthTitle span:last-child {
    display: block;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarMonth:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #eee;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDay {
    padding-left: 1px;
    border-left: 0;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDay.dayoff {
    background: none;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDay.today {
    background: none;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarDay.today:before {
    width: 0px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarEvent {
    left: 0;
    font-size: 0px;
    padding-right: 4px;
  }
  .absence_overviewCalendar[days="92"] .absence_overviewCalendarEvent img {
    visibility: hidden;
  }
}
.absence_profileTop {
  background: rgb(255, 255, 235);
}
.absence_profileTop .circlebutton {
  float: right;
  margin: 25px;
}
.absence_profileTopLeft {
  display: block;
  overflow: hidden;
}
.absence_profileTopLeft .avatar {
  margin-right: 15px;
}
.absence_profileTopLeft .headline,
.absence_profileTopLeft .absence_profileTopLeftSub {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.absence_profileTopLeft .headline {
  margin-top: 16px;
}
.absence_profileDateRange {
  transition: all 0.25s;
  float: right;
  background: url(/img/icons/12/calendar_3296fa.svg) 100% calc(50% - 1px) no-repeat;
  padding-right: 17px;
  text-decoration: none;
  font-weight: bold;
  margin: 7px 25px 0 0;
}
.absence_profileStats {
  text-align: center;
  font-size: 0px;
  margin: -12px 0 -13px 0;
}
.absence_profileStat {
  display: inline-block;
  width: 25%;
  padding: 12px 0 13px 0;
}
.absence_profileStatTitle {
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 5px;
}
.absence_profileStatPie {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  background-color: #64C84B !important;
  border-radius: 50%;
}
.absence_profileStatPie:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 74px;
  height: 74px;
  background-color: #fafafa;
  border-radius: 50%;
  z-index: 1;
}
.absence_profileStatPie div {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 84px;
  height: 84px;
  border-radius: 50%;
}
.absence_profileStatPie span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 70px;
  background: #fafafa;
  line-height: 71px;
  font-size: 24px;
  font-weight: 900;
  color: #999;
  overflow: hidden;
  border-radius: 50%;
  margin-top: 5px;
  z-index: 2;
}
.absence_profileStatPie span.plus {
  color: #000;
}
.absence_profileStatPie span.minus {
  color: #F54B4B;
}
.absence_profileRowEdit {
  display: block;
  width: 50px;
  height: 50px;
  background: url(/img/icons/12/edit_aaaaaa.svg) 50% 50% no-repeat;
  margin: -15px;
}
.absence_profileRowEdit:hover {
  background-image: url(/img/icons/12/edit_3296fa.svg);
}
.absence_profileAllowance:not(:last-child) {
  margin-bottom: 15px;
}
.absence_profileAllowanceDate {
  float: right;
  padding: 5px 0;
  white-space: nowrap;
  font-size: 12px;
  color: #999;
}
.absence_profileAllowanceText {
  padding: 5px 15px 5px 10px;
  overflow: hidden;
}
.absence_profileAllowanceText span {
  display: inline-block;
  vertical-align: top;
  background: rgb(255, 255, 235);
  padding: 0 4px;
  font-size: 12px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.payroll_overviewBoxes {
  float: left;
  width: 100%;
  margin-top: 10px;
}
.payroll_overviewBox {
  position: relative;
  float: left;
  width: 33.3333%;
}
.payroll_overviewBox .contentbox {
  padding: 20px 25px;
}
.payroll_overviewBox strong {
  background: url(/img/icons/12/calendar_f54b4b.svg) 0 2px no-repeat;
  padding-left: 22px;
  color: #666;
}
.payroll_overviewBox .headline {
  margin-left: 22px;
}
.payroll_overviewBox a.headline {
  transition: all 0.25s;
  position: relative;
  display: block;
  float: left;
  max-width: calc(100% - 22px);
  padding-right: 19px;
  text-decoration: none;
  color: #000;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px dotted #3296fa;
  margin-bottom: -1px;
}
.payroll_overviewBox a.headline:hover,
.payroll_overviewBox a.headline.active {
  color: #3296fa;
}
.payroll_overviewBox a.headline:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 26px;
  background: url(/img/icons/9/arrowdown_3296fa.svg) 0 50% no-repeat;
}
.payroll_overviewBox a.headline.active:after {
  transform: rotate(180deg);
}
.payroll_overviewBox .options_window {
  display: none;
  top: 88px;
}
.payroll_overviewList {
  height: calc(100vh - 379px);
  margin-top: 10px;
}

/* apps/shared-assets/css/platform_settings_feedback.css */
.feedback_overviewViews {
  margin-bottom: -34px;
}
.feedback_overviewButtonsLeft {
  float: left;
}
.feedback_overviewButtonsLeft .button {
  margin-right: 15px;
}
.feedback_overviewList .contentbox {
  max-height: calc(100vh - 281px);
  margin-top: 10px;
}
.feedback_editHeadline {
  background: rgb(255, 255, 235);
}
.feedback_editHeadline .headline {
  transition: all 0.25s;
  float: left;
  max-width: 100%;
  padding-right: 20px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 6px) 50% no-repeat;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
.feedback_editHeadline .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.feedback_editTabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fafafa;
  box-sizing: border-box;
}
.feedback_editTabsTab {
  display: table-cell;
  vertical-align: top;
  line-height: 0;
  font-size: 0;
  border-right: 1px solid #ddd;
}
.feedback_editTabsTab:last-child {
  border-right: 0;
}
.feedback_editTabs a {
  transition: all 0.25s;
  position: relative;
  display: block;
  padding: 20px;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  text-overflow: ellipsis;
  height: 31px;
  overflow: hidden;
  box-shadow: 0 -1px 0 #ddd inset;
}
.feedback_editTabs a.active {
  background: #fff;
  box-shadow: 0 -3px 0 rgb(50, 150, 250) inset;
}
.feedback_editTabs a:before {
  transition: background-color 0.25s;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #aaa;
  border-radius: 50%;
}
.feedback_editTabs a.done:not(.active):before {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.feedback_editTabs a:hover:before {
  background-color: #666;
}
.feedback_editTabs a.active:before {
  background-color: rgb(50, 150, 250);
}
.feedback_editTabs a img {
  display: inline-block;
  margin: 9px 21px 9px -21px;
}
.feedback_editTabs a.done:not(.active) img {
  visibility: hidden;
}
.feedback_editTabs a span {
  transition: all 0.25s;
  display: inline-block;
  height: 30px;
  line-height: 31px;
  font-weight: bold;
  font-size: 14px;
  color: #999;
  overflow: hidden;
}
.feedback_editTabs a:hover span,
.feedback_editTabs a.active span {
  color: #000;
}
.feedback_editButtons {
  display: none;
  position: relative;
  width: 100%;
  height: 70px;
  background: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  z-index: 10;
}
.feedback_editButtons.active {
  display: block;
}
.feedback_editButtonsList {
  float: right;
  margin: 15px 10px 0 0;
}
.feedback_editButtonsList .button {
  margin-right: 15px;
}
.feedback_editContent {
  display: none;
  position: absolute;
  top: 220px;
  left: 0;
  width: 100%;
  height: calc(100% - 220px);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.feedback_editContent.active {
  display: block;
}
.feedback_editInfo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #f3f3f3;
  padding: 25px 25px 0px 25px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.feedback_editInfoHeadline {
  background: #fafafa;
  padding: 17px 25px 16px 25px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.feedback_editInfoHeadline .switch {
  margin: 3px 15px 0 0;
}
.feedback_editContent .form_builder {
  top: 0;
  height: 100%;
}
.feedback_editContent .form_builderAddStep.settings {
  background: #fff;
  box-shadow: 0 1px 0 0 #E8F7E4 inset, 0 -1px 0 0 #f5f5f5 inset;
}
.feedback_editContent .form_builderAddStep.settings:hover {
  background: #fcfcfc;
}
.feedback_editContent .form_builderAddStep.settings:before {
  background: url(/img/icons/16/cogwheel_3296fa.svg) 50% 50% no-repeat;
  border-radius: none;
  box-shadow: none;
  filter: saturate(0);
}
.feedback_editContent .form_preview {
  top: 0;
  background: #f3f3f3;
}
.feedback_editContent .form_previewBanner {
  top: 220px;
  right: 70px;
}
@media (min-height: 801px) and (min-width: 1201px) {
  .popup:not(.fullscreenExtra) .feedback_editContent .form_previewBanner {
    right: 55px;
  }
}
.feedback_typeIcon {
  transition: all 0.25s;
  background: url(/img/icons/12/chat_3296fa.svg) 50% 50% / 18px no-repeat #DDEEFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.feedback_typeIcon:not(.d40) {
  background-size: 12px;
}
.feedback_typeIconPicker {
  margin: -5px;
}
.feedback_typeIconPicker .avatar {
  margin: 5px;
  cursor: pointer;
}
.feedback_typeIconPicker .avatar.active {
  box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #3296fa;
}
.feedback_typeColorPicker .fill .ui-resizable-e {
  position: absolute;
  top: 0;
  right: -7px;
  width: 14px;
  height: 14px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.feedback_typeColorPicker .fill .ui-resizable-e:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

/* apps/shared-assets/css/platform_settings_account_roles_new.css */
.roles_overviewButtonsLeft {
  float: left;
  margin-top: -34px;
}
.roles_overviewButtonsLeft .button {
  margin-right: 15px;
}
.roles_overviewList .contentbox {
  max-height: calc(100vh - 281px);
  margin-top: 10px;
}
.roles_roleTop {
  background: rgb(255, 255, 235);
}
.roles_roleViewsWidgets .roles_roleTop {
  background: #3296fa;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1) inset;
}
.roles_roleTop .headline {
  transition: all 0.25s;
  float: left;
  max-width: 100%;
  padding-right: 20px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 6px) 50% no-repeat;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow: hidden;
}
.roles_roleTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
  cursor: pointer;
}
.roles_roleViewsWidgets .roles_roleTop .headline {
  background-size: 0px !important;
  color: #fff !important;
  cursor: initial !important;
}
.roles_roleViewsWidgets .roles_roleTop .headline .arrow {
  background-image: url(/img/icons/9/arrowright_ffffff.svg);
}
.roles_roleTabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
}
.roles_roleTabsTab {
  display: table-cell;
  vertical-align: top;
  line-height: 0;
  font-size: 0;
  border-right: 1px solid #ddd;
}
.roles_roleTabsTab:last-child {
  border-right: 0;
}
.roles_roleTabs a {
  transition: all 0.25s;
  position: relative;
  display: block;
  padding: 20px;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  text-overflow: ellipsis;
  height: 31px;
  overflow: hidden;
  box-shadow: 0 -1px 0 #ddd inset;
}
.roles_roleTabs a.active {
  box-shadow: 0 -3px 0 rgb(50, 150, 250) inset;
}
.roles_roleTabs a:before {
  transition: background-color 0.25s;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: #aaa;
  border-radius: 50%;
}
.roles_roleTabs a:hover:before {
  background-color: #666;
}
.roles_roleTabs a.active:before {
  background-color: rgb(50, 150, 250);
}
.roles_roleTabs a img {
  display: inline-block;
  margin: 9px 21px 9px -21px;
}
.roles_roleTabs a span {
  transition: all 0.25s;
  display: inline-block;
  height: 30px;
  line-height: 31px;
  font-weight: bold;
  font-size: 14px;
  color: #999;
  overflow: hidden;
}
.roles_roleTabs a:hover span,
.roles_roleTabs a.active span {
  color: #000;
}
.roles_roleAreas,
.roles_roleAreasPermissions {
  background: #f3f3f3;
  overflow: auto;
}
.roles_roleAreas {
  height: calc(100% - 265px);
  padding-bottom: 0;
}
.roles_roleAreasPermissions {
  max-height: calc(100vh - 340px);
}
.roles_roleAreas .contentbox,
.roles_roleAreasPermissions .contentbox {
  overflow: hidden;
}
.roles_roleAreaRow {
  position: relative;
  height: 50px;
  overflow: hidden;
}
.roles_roleAreaRow:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.roles_roleAreaRow:hover {
  background: rgba(255, 255, 0, 0.05) !important;
}
.roles_roleAreaRow.top.closed {
  margin-bottom: -1px;
}
.disabled .roles_roleAreaRow,
.roles_roleAreaRow.off {
  background: rgba(245, 75, 75, 0.025) !important;
}
.disabled .roles_roleAreaRow:hover,
.roles_roleAreaRow.off:hover {
  background: rgba(245, 75, 75, 0.05) !important;
}
.roles_roleAreaRow:before {
  transition: all 0.25s;
  content: "";
  float: left;
  width: 20px;
  height: 20px;
  background: url(/img/icons/9/arrowdown_3296fa.svg) 50% 50% no-repeat;
  margin: 15px;
  transform: rotate(-90deg);
}
.roles_roleAreaRow.top:before {
  transform: rotate(0deg);
}
.disabled .roles_roleAreaRow:before,
.roles_roleAreaRow.off:before {
  filter: saturate(0);
  opacity: 0.5;
}
.roles_roleAreaRow.top:not(.closed):before {
  transform: rotate(180deg);
}
.roles_roleAreaRow.top.noToggle:before {
  transform: rotate(-90deg);
}
.roles_roleAreaRowAccess {
  transition: all 0.25s;
  position: relative;
  float: right;
  padding: 10px 5px 10px 15px;
  z-index: 1;
}
.disabled .roles_roleAreaRowAccess {
  transform: translate(100%, 0);
  opacity: 0;
}
.roles_roleAreaRowAccess .circlebutton {
  margin-right: 10px;
  opacity: 0.5;
}
.roles_roleAreaRow:hover .roles_roleAreaRowAccess .circlebutton {
  opacity: 1;
}
.roles_roleAreaRowAccessSetting {
  transition: all 0.25s;
  float: left;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.15) url(/img/icons/12/eye_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  margin: 0 10px 0 0 !important;
  cursor: pointer;
}
.roles_roleAreaRowAccessSetting:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.roles_roleAreaRowAccessSetting.active {
  background-color: #64c84b;
}
.roles_roleAreaRowAccessSetting.disabled {
  opacity: 0.15;
}
.roles_roleAreaRowAccessSetting.hide {
  background-image: url(/img/icons/12/eye_none_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.hide.active {
  background-color: #f54b4b;
}
.roles_roleAreaRowAccessSetting.own {
  background-image: url(/img/icons/12/silhouette_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.own.active {
  background-color: #ffbe00;
}
.roles_roleAreaRowAccessSetting.custom {
  background-image: url(/img/icons/12/cogwheel_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.custom.active {
  background-color: #3296fa;
}
.roles_roleAreaRowAccessSetting.all {
  background-image: url(/img/icons/12/company_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.all.active {
  background-color: #64c84b;
}
.roles_roleAreaRowAccessSetting.delete {
  background-image: url(/img/icons/12/trash_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.widgets {
  background-image: url(/img/icons/12/tiles_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.widgets:not(.disabled) {
  background-color: #3296fa;
}
.roles_roleAreaRowAccessSetting.read.active {
  background-color: #666;
}
.roles_roleAreaRowAccessSetting.optional {
  background-image: url(/img/icons/12/lock_open_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.optional.active {
  background-color: #3296fa;
}
.roles_roleAreaRowAccessSetting.mandatory {
  background-image: url(/img/icons/12/lock_closed_ffffff.svg);
}
.roles_roleAreaRowAccessSetting.mandatory.active {
  background-color: #ff9100;
}
.roles_roleAreaRowAccessSetting.default {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #f54b4b;
}
.roles_roleAreaRowAccessSetting.default.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #64c84b;
}
.roles_roleAreaRowTitle {
  transition: all 0.25s;
  padding: 15px 0 15px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.roles_roleAreaRow.top:not(.normal) .roles_roleAreaRowTitle {
  padding: 16px 0 14px 0;
  font-weight: bold;
  font-size: 16px;
}
.roles_roleAreaRow.off .roles_roleAreaRowTitle,
.disabled .roles_roleAreaRowTitle {
  color: #c82323;
}
.roles_roleAreaRowTitle .arrow {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 20px;
  background: url(/img/icons/9/arrowdown_3296fa.svg) 50% 50% no-repeat;
  transform: rotate(-90deg);
  filter: saturate(0);
  opacity: 0.5;
}
.roles_roleAreaRow.top .roles_roleAreaRowTitle .arrow {
  margin-top: -1px;
}
.roles_roleAreaRowTitle .number {
  display: inline-block;
  vertical-align: top;
  min-width: 20px;
  height: 20px;
  background: #3296fa;
  padding: 0 5px;
  line-height: 21px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 10px;
  margin-left: 10px;
}
.roles_roleAreaRow.top .roles_roleAreaRowTitle .arrow,
.roles_roleAreaRow.top .roles_roleAreaRowTitle .number {
  margin-top: -1px;
}
.roles_roleAreaRow.top .boxlink {
  cursor: pointer !important;
}
.roles_roleCriterias {
  list-style: none;
  padding: 0;
  margin: -5px 0 0 0;
}
.roles_roleCriteria {
  padding-top: 5px;
}
.roles_roleCriteriaQuestion,
.roles_roleCriteriaOption {
  float: left;
  width: 35%;
}
.roles_roleCriteriaQuestion {
  margin-right: 5px;
}
.roles_roleCriteriaOption {
  margin-left: 5px;
}
.roles_roleCriteriaActions {
  float: right;
  width: calc(30% - 55px);
}
.roles_roleCriteriaActions .selectbuttons {
  width: calc(100% - 76px);
}
.roles_roleCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.roles_roleCriteriaActions .button {
  margin-left: 5px;
}
.roles_roleCriteriaSort {
  position: relative;
  float: right;
  height: 40px;
  width: 16px;
  cursor: move;
  cursor: grab;
}
.ui-sortable-helper .roles_roleCriteriaSort {
  cursor: grabbing;
}
.disableSort .roles_roleCriteriaSort {
  visibility: hidden;
  cursor: default !important;
}
.roles_roleCriteriaSort span {
  transition: all 0.25s;
  position: absolute;
  top: 16px;
  right: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.roles_roleCriteriaSort span:before,
.roles_roleCriteriaSort span:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 1px;
  background: #ccc;
}
.roles_roleCriteriaSort:hover span,
.roles_roleCriteriaSort:hover span:before,
.roles_roleCriteriaSort:hover span:after,
.ui-sortable-helper .roles_roleCriteriaSort span,
.ui-sortable-helper .roles_roleCriteriaSort span:before,
.ui-sortable-helper .roles_roleCriteriaSort span:after {
  background: #3296fa;
}
.roles_roleCriteriaSort span:after {
  top: 6px;
}
.roles_roleViewsWidgets {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 100;
}
.roles_roleViewsWidgets .tabs {
  padding: 0 25px;
}
.roles_roleViewsWidgetsHolder {
  position: relative;
  height: calc(100% - 220px);
  background: #f3f3f3;
  padding: 0;
  overflow: auto;
}
.roles_roleViewsWidgetsTabContent,
.roles_roleViewsWidgetsTabContentOverlay {
  position: relative;
  background: #f3f3f3;
  width: 100%;
  height: 100%;
  padding: 25px;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}
.roles_roleViewsWidgetsTabContentOverlay {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ddd;
  overflow: hidden;
  opacity: 0;
  z-index: 2;
}
.editBox .roles_roleViewsWidgetsTabContentOverlay {
  transition: opacity 0.25s;
  display: block;
  opacity: 0.5;
}
.roles_roleViewsWidgetsTabContentColumn {
  float: left;
  width: calc(50% - 12px);
  min-height: calc(100vh - 178px);
  list-style: none;
  padding: 0;
  margin: 0;
}
.roles_roleViewsWidgetsTabContentColumn:last-child {
  float: right;
  width: calc(50% - 13px);
}
.roles_roleViewsWidgetsTabContentColumn li:not(.roles_roleViewsWidgetsTabContentColumnAddWidget):not(.roles_roleViewsWidgetsTabContentColumnPlaceholder):not(:last-child) {
  margin-bottom: 25px;
}
.roles_roleViewsWidgetsTabContentColumn .ui-sortable-placeholder {
  position: relative;
  visibility: visible !important;
  background: #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
}
.roles_roleViewsWidgetsTabContentColumnAdd:before {
  content: "";
  transition: all 0.25s;
  display: block;
  height: 149px;
  background: url(/img/icons/12/add_64c84b.svg) 50% 50% no-repeat;
  background-size: 24px;
  border: 2px dashed rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-shadow: none;
  cursor: pointer;
}
.roles_roleViewsWidgetsTabContentColumnAdd:hover:before {
  background-color: rgba(255, 255, 255, 0.35);
  background-size: 36px;
}
.roles_roleViewsWidgetsTabContentBox {
  transition: all 0.25s;
}
.roles_roleViewsWidgetsTabContentColumnAddWidget {
  height: 0;
  transform: scale(0);
}
.roles_roleViewsWidgetsTabContentColumnAddWidget.active {
  height: auto;
  transform: none;
}
.roles_roleViewsWidgetsTabContentColumnAddWidget .roles_roleViewsWidgetsTabContentBox {
  margin-bottom: 25px;
}
.roles_roleViewsWidgetsTabContentBoxHeadline {
  padding: 0;
}
.roles_roleViewsWidgetsTabContentBox.editBox,
.ui-sortable-helper .roles_roleViewsWidgetsTabContentBox {
  border-color: #3296fa;
  box-shadow: 0 0 0 1px #3296fa, 0 0 50px rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.roles_roleViewsWidgetsTabContentBoxSort,
.roles_roleViewsWidgetsTabContentBoxEdit {
  transition: all 0.25s;
  float: right;
  width: 60px;
  height: 60px;
  background: url(/img/icons/12/edit_3296fa.svg) 50% 50% no-repeat;
  background-size: 20px;
  border-left: 1px solid #e5e5e5;
  cursor: pointer;
}
.roles_roleViewsWidgetsTabContentBoxSort {
  background-image: url(/img/icons/12/move_3296fa.svg);
  background-size: 24px;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.roles_roleViewsWidgetsTabContentBoxSort:hover,
.roles_roleViewsWidgetsTabContentBoxEdit:hover {
  background-color: rgba(50, 150, 250, 0.05);
}
.roles_roleViewsWidgetsTabContentBoxSort:active {
  background-color: rgba(50, 150, 250, 0.05);
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.roles_roleViewsWidgetsTabContentBoxHeadline .roles_roleAreaRowAccess {
  padding: 15px 5px 0 0;
}
.roles_roleViewsWidgetsTabContentBoxHeadline .headline {
  height: 60px;
  padding: 0 25px;
  line-height: 61px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.roles_roleViewsWidgetsTabContentBoxHeadline .headline .arrow {
  display: inline-block;
  width: 29px;
  height: 58px;
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 50% 50% no-repeat;
  vertical-align: top;
}
.roles_roleViewsWidgetsTabContentBoxHeadline .circlebutton {
  float: right;
  margin: 15px 25px 0 0;
}
.roles_roleViewsWidgetsTabContentBoxInfoIcon {
  float: left;
  width: 40px;
  height: 40px;
  background: #4BC8C8 url(/img/icons/12/form_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  margin-right: 15px;
}
.roles_roleViewsWidgetsTabContentBoxInfoText {
  overflow: hidden;
}
.roles_roleViewsWidgetsTabContentBoxInfoText * {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.roles_roleViewsWidgetsTabContentBox .selectbuttons {
  box-shadow: none;
}
.roles_roleViewsWidgetsTabContentBoxNew {
  margin-top: -15px;
}
.roles_roleViewsWidgetsTabContentBoxNewWidget {
  transition: all 0.25s;
  float: left;
  width: calc(33.3333% - 10px);
  background: #fafafa;
  height: 60px;
  padding: 15px;
  line-height: 30px;
  white-space: nowrap;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 3px;
  box-sizing: border-box;
  margin-top: 15px;
  cursor: pointer;
}
.roles_roleViewsWidgetsTabContentBoxNewWidget:not(:nth-child(3n+3)) {
  margin-right: 15px;
}
.roles_roleViewsWidgetsTabContentBoxNewWidget:hover {
  background: rgba(50, 150, 250, 0.05);
  border-color: #3296fa;
}
.roles_roleViewsWidgetsTabContentBoxNewWidget .icon {
  float: left;
  width: 30px;
  height: 30px;
  background: #4BC8C8 url(/img/icons/12/form_ffffff.svg) 50% 50% no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset;
  margin-right: 15px;
}
.i_form {
  background-color: #4BC8C8 !important;
  background-image: url(/img/icons/12/form_ffffff.svg) !important;
}
.i_organisation {
  background-color: #aaaaaa !important;
  background-image: url(/img/icons/12/silhouettes_ffffff.svg) !important;
}
.i_events {
  background-color: #F54B4B !important;
  background-image: url(/img/icons/12/calendar_ffffff.svg) !important;
}
.i_tasks {
  background-color: #64C84B !important;
  background-image: url(/img/icons/12/checkmark_ffffff.svg) !important;
}
.i_experience {
  background-color: #aa64aa !important;
  background-image: url(/img/icons/12/bag_ffffff.svg) !important;
}
.i_education {
  background-color: #4bafaf !important;
  background-image: url(/img/icons/12/book_ffffff.svg) !important;
}
.i_payroll {
  background-color: #d78750 !important;
  background-image: url(/img/icons/12/wallet_ffffff.svg) !important;
}
.i_rating {
  background-color: #c8647d !important;
  background-image: url(/img/icons/12/maybe_ffffff.svg) !important;
}
.i_general {
  background-color: #d78750 !important;
  background-image: url(/img/icons/12/edit_ffffff.svg) !important;
}
.i_learning {
  background-color: #3264fa !important;
  background-image: url(/img/icons/12/education_ffffff.svg) !important;
}
.i_skills {
  background-color: #FFAA00 !important;
  background-image: url(/img/icons/12/star_ffffff.svg) !important;
}
.i_languages {
  background-color: #7d87af !important;
  background-image: url(/img/icons/12/language_ffffff.svg) !important;
}
.i_tags {
  background-color: #646464 !important;
  background-image: url(/img/icons/12/tag_ffffff.svg) !important;
}
.i_absence {
  background-color: #c8647d !important;
  background-image: url(/img/icons/12/island_ffffff.svg) !important;
}
.i_goals {
  background-color: #ffd100 !important;
  background-image: url(/img/icons/12/target_ffffff.svg) !important;
}
.i_related {
  background-color: #e6b482 !important;
  background-image: url(/img/icons/12/link_ffffff.svg) !important;
}
.i_traveltime {
  background-color: #aed21f !important;
  background-image: url(/img/icons/12/pin_ffffff.svg) !important;
}
.i_activity {
  background-color: #3296fa !important;
  background-image: url(/img/icons/12/pulse_ffffff.svg) !important;
}
.i_team {
  background-color: #aa64aa !important;
  background-image: url(/img/icons/12/silhouettes_ffffff.svg) !important;
}
.roles_roleViewsOnboardingPipelineHolder {
  float: right;
  width: calc(100% - 102px);
  position: relative;
  height: 80px;
  background: #ddd;
  overflow: hidden;
  border-radius: 3px;
  margin: 2px;
}
.roles_roleViewsOnboardingPipeline {
  transition: all 0.25s;
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 30px;
}
.roles_roleViewsOnboardingPipeline.switchedOff {
  filter: blur(2px) saturate(0);
  opacity: 0.5;
}
.roles_roleViewsOnboardingPipelineStage {
  display: table-cell;
  line-height: 0;
  font-size: 0;
}
.roles_roleViewsOnboardingPipelineStageTasks {
  transition: all 0.25s;
  display: block;
  position: relative;
  height: 30px;
  background: #999 url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
  text-decoration: none;
  padding: 0 10px;
}
.roles_roleViewsOnboardingPipelineStage.active .roles_roleViewsOnboardingPipelineStageTasks {
  background: #3296fa url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineStage.overdue .roles_roleViewsOnboardingPipelineStageTasks {
  background: #F54B4B url(/img/icons/12/minus_ffffff.svg) 50% 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineStage.solved .roles_roleViewsOnboardingPipelineStageTasks {
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 50% 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineStageTasks:before,
.roles_roleViewsOnboardingPipelineStageTasks:after {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -35px;
  right: -6px;
  border-left: 20px solid #fff;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 1;
}
.roles_roleViewsOnboardingPipelineStageTasks:after {
  border-left-color: #999;
  right: -5px;
}
.roles_roleViewsOnboardingPipelineStage.active .roles_roleViewsOnboardingPipelineStageTasks:after {
  border-left-color: #3296fa;
}
.roles_roleViewsOnboardingPipelineStage.overdue .roles_roleViewsOnboardingPipelineStageTasks:after {
  border-left-color: #F54B4B;
}
.roles_roleViewsOnboardingPipelineStage.solved .roles_roleViewsOnboardingPipelineStageTasks:after {
  border-left-color: #64C84B;
}
.roles_roleViewsOnboardingPipelineStage:last-child .roles_roleViewsOnboardingPipelineStageTasks:before,
.roles_roleViewsOnboardingPipelineStage:last-child .roles_roleViewsOnboardingPipelineStageTasks:after {
  display: none;
}
.roles_roleViewsOnboardingPipelineStage .roles_roleViewsOnboardingPipelineStageTasks div {
  position: relative;
  display: block;
  white-space: nowrap;
  text-align: center;
  line-height: 31px;
  font-size: 12px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 2;
}
.roles_roleViewsOnboardingPipelineStage.solved .roles_roleViewsOnboardingPipelineStageTasks div {
  opacity: 0;
}
.roles_roleViewsOnboardingPipelineStageInfo {
  position: relative;
  height: 50px;
  background: #eee;
  line-height: 20px;
  font-size: 12px;
  z-index: 2;
}
.roles_roleViewsOnboardingPipelineStage:not(:last-child) .roles_roleViewsOnboardingPipelineStageInfo {
  border-right: 1px solid #fff;
}
.roles_roleViewsOnboardingPipelineStageProgress {
  background: #ddd;
  height: 3px;
  overflow: hidden;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.roles_roleViewsOnboardingPipelineStageProgress div {
  float: left;
  height: 3px;
}
.roles_roleViewsOnboardingPipelineStageDate {
  background: url(/img/icons/12/minus_aaaaaa.svg) 50% 50% no-repeat;
  padding: 13px 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.roles_roleViewsOnboardingPipelineStageDate.none {
  height: 20px;
  background: url(/img/icons/12/arrow_aaaaaa.svg) 50% 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineStageDate .before,
.roles_roleViewsOnboardingPipelineStageDate .exceeded {
  background: #64C84B;
  padding: 0 3px;
  color: #fff;
  border-radius: 3px;
  margin-left: 5px;
}
.roles_roleViewsOnboardingPipelineStageDate .exceeded {
  background: #F54B4B;
}
.roles_roleViewsOnboardingPipelineBoxes {
  transition: all 0.25s;
  max-height: 348px;
  overflow: hidden;
}
.roles_roleViewsOnboardingPipelineBoxes.switchedOff {
  max-height: 153px;
}
.roles_roleViewsOnboardingPipelineBox {
  transition: all 0.25s;
  height: 43px;
  background: #aaa url(/img/icons/12/minus_ffffff.svg) 25px 50% no-repeat;
  border-radius: 3px;
}
.roles_roleViewsOnboardingPipelineBox:not(:first-child) {
  margin-top: 15px;
}
.roles_roleViewsOnboardingPipelineBox.solved {
  background: #64c84b url(/img/icons/12/checkmark_ffffff.svg) 25px 50% no-repeat;
}
.roles_roleViewsOnboardingPipelineBox.active {
  background-color: #3296fa;
}
.roles_roleViewsOnboardingPipelineBoxes.switchedOff .roles_roleViewsOnboardingPipelineBox {
  height: 40px;
  filter: blur(2px) saturate(0);
  opacity: 0.5;
}
.roles_roleViewsOnboardingPipelineBoxes.switchedOff .roles_roleViewsOnboardingPipelineBox:not(:first-child) {
  opacity: 0;
}

/* apps/shared-assets/css/platform_feedback.css */
.feedback_overviewButtonsLeft {
  float: left;
}
.feedback_overviewButtonsLeft .button {
  margin-right: 15px;
}
.feedback_overviewButtonsRight {
  float: right;
}
.feedback_overviewButtonsRight .button {
  margin-left: 15px;
}
.feedback_overviewList {
  height: calc(100vh - 427px);
  margin-top: 10px;
}
.feedback_overviewListResponses {
  height: calc(100vh - 492px);
  margin-top: 10px;
}
.feedback_overviewStats {
  margin-top: 10px;
}
.feedback_overviewStatsIncoming {
  float: left;
  width: 66.666%;
}
.feedback_overviewStatsIncomingTitle,
.feedback_overviewStatsPendingTitle {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #3296FA;
}
.feedback_overviewStatsIncomingChart {
  height: 120px;
  margin: 0 -35px -25px -35px;
}
.feedback_overviewStatsPending {
  float: right;
  width: calc(33.333% - 10px);
}
.feedback_overviewStatsPendingTitle {
  color: #F54B4B;
}
.feedback_overviewStatsPendingNumber {
  transition: all 0.25s;
  height: 95px;
  line-height: 96px;
  text-align: center;
  font-size: 40px;
  font-weight: 900;
  color: #F54B4B;
  overflow: hidden;
}
.feedback_icon {
  transition: all 0.25s;
  background: url(/img/icons/12/target_3296fa.svg) 50% 50% / 18px no-repeat #DDEEFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.feedback_icon:not(.d40) {
  background-size: 12px;
}
.feedback_overviewListColumnColor {
  text-align: center;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  filter: saturate(0.65);
}
.feedback_overviewListColumnColor.p0 {
  background-color: #aaa !important;
}
.feedback_overviewListColumnColor:not(.p0):not(.p10):not(.p20):not(.p30):not(.p40):not(.p50):not(.p60):not(.p70):not(.p80):not(.p90):not(.p100) {
  color: rgba(0, 0, 0, 0.25);
  text-shadow: none;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.15) inset;
}
.feedback_overviewListColumnColor span {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.85);
}
.feedback_overviewListColumnColor span img {
  display: inline-block;
  vertical-align: top;
  opacity: 0.5;
  margin: 18px 5px 0 5px;
}
.feedback_overviewListColumnColor .boxlink {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset !important;
}
.feedback_tooltipCompare {
  min-width: 200px;
  padding: 10px 15px 5px 15px;
  font-size: 12px;
  margin: -6px -14px;
}
.feedback_tooltipCompare .progressbar {
  background: rgba(255, 255, 255, 0.15);
  margin-bottom: 10px;
}
.feedback_tooltipCompare span {
  float: right;
  color: #999;
  padding-left: 10px;
}
.feedback_popupContent {
  background: #f3f3f3;
  height: calc(100% - 219px);
  overflow: auto;
}
.feedback_popupChart {
  height: 200px;
}

/* node_modules/tooltipster/dist/css/tooltipster.bundle.min.css */
.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
  -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
}
.tooltipster-base {
  display: flex;
  pointer-events: none;
  position: absolute;
}
.tooltipster-box {
  flex: 1 1 auto;
}
.tooltipster-content {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}
.tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
  opacity: 1;
}
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
}
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
  -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
  -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
  -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
  -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
  transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
}
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading .4s;
}
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating .6s;
}
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling .6s;
}
.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid #000;
  border-radius: 4px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}
.tooltipster-sidetip .tooltipster-content {
  color: #fff;
  line-height: 18px;
  padding: 6px 14px;
}
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #000;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #000;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #000;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #000;
}
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

/* apps/shared-assets/css/tooltipster-borderless.css */
.tooltipster-sidetip .tooltipster-box {
  border: none;
  background: #333;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}
.tooltipster-sidetip .tooltipster-arrow {
  height: 8px;
  margin-left: -8px;
  width: 16px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 16px;
  margin-left: 0;
  margin-top: -8px;
  width: 8px;
}
.tooltipster-sidetip .tooltipster-arrow-background {
  display: none;
}
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 8px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #333;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #333;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #333;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #333;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -8px;
}

/* apps/shared-assets/css/magnific-popup.css */
.mfp-bg {
  animation: mfpBgAni 0.25s;
  transition: all 0.25s;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.75);
  background: radial-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.95));
  opacity: 1;
}
@keyframes mfpBgAni {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mfp-bg.mfp-removing {
  opacity: 0;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  display: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family:
    Arial,
    Baskerville,
    monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  background: #000;
  border-radius: 3px;
}
img.mfp-img {
  width: auto;
  max-width: calc(100% - 200px);
  height: auto;
  max-height: calc(100% - 200px);
  display: block;
  line-height: 0;
  box-sizing: border-box;
  margin: 0 auto;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.mfp-figure {
  line-height: 0;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* apps/shared-assets/css/temporary-fixes.css */
.hidden {
  display: none;
}
.disclaimer {
  background: #FFFCD9;
}
.candidate_tooltipPipelineDisqualifyReason.active span {
  background: rgba(245, 75, 75, 0.5);
}
.candidate_pipeline.disqualified .candidate_pipelineStage.past:after {
  background: #f54b4b;
}
.candidate_tooltipPipeline.disqualified .candidate_tooltipPipelineDisqualifyReason.active span {
  background: rgba(245, 75, 75, 0.5);
}
.candidate_tooltipPipeline.disqualified .candidate_tooltipPipelineDisqualifyReason.active:after {
  top: -21px;
  width: 10px;
  height: 2px;
  background: #FFF;
  border-radius: 0;
}
.candidate_tooltipPipelineProceedStage:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  background: #333 url(/img/icons/12/arrow_ffffff.svg) -12px 50% no-repeat;
  border: 2px solid #666;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 2;
}
.candidate_tooltipLikeOptions_comments {
  float: right;
  padding: unset;
}
.comments_tooltipster {
  min-width: 368px;
}
.comments_tooltipster_box {
  max-height: 458px;
  min-height: 135px;
}
.candidate_tooltipCommentIcons img {
  cursor: pointer;
}
.cover-view-item {
  margin: 0 !important;
}
.cover-view-item .actions .action:first-child {
  width: calc(50% - 1px) !important;
}
.cover-view-item .actions .action a {
  text-decoration: none !important;
}
.cover-view-item .actions .action a:not(:hover) {
  color: black !important;
}
.mini-dashboard-viewer {
  height: 155px !important;
}
.forms_element.active .forms_extra {
  height: auto !important;
}
.forms_elementsettings_tooltip > form {
  margin: 0;
}
li.gu-mirror {
  list-style: none;
}
li.gu-mirror .forms_element {
  border-color: #0099ff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15), 0 0 0 1px #0099ff inset;
  margin-top: 0;
}
li.gu-mirror .forms_page {
  background: #0099ff;
}
.forms_sortable li.ui-sortable-dragula-ignore {
  cursor: auto;
}
form {
  margin: 0 !important;
}
.star {
  cursor: pointer;
}
.candidate_overviewPin.pinned {
  opacity: 1 !important;
}
.candidate_overviewPin.pinned:after {
  background-color: rgba(0, 0, 0, 0.05);
}
.candidate_overviewPin.pinned:after {
  background-image: url(/img/icons/12/pin2_0099ff.svg);
  margin-left: 5px;
}
.candidate_actionMessage .button.success {
  display: block !important;
}
.jobs_overviewCardInfoStats.candidates:hover {
  cursor: pointer;
  background: rgba(50, 150, 250, 0.2);
  transition: background 0.25s;
}
.platform_searchmenu_resultJobStage.psr_requesition {
  background-color: #FFD200;
}
.jobs_overviewCardHeader .headline:hover {
  cursor: pointer;
}
.jobs_overviewCardStage.published:hover {
  cursor: pointer;
}
.jobs_overviewCardStage.archived:before {
  background: #A9A9A9;
}
.dropdown:focus {
  border-color: #3296FA;
}
.dropdown.icon .icon_holder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 38px;
  background-color: #f9f9f9;
  background-position: 50% 13px;
  background-repeat: no-repeat;
  border-right: 1px solid #eee;
  border-radius: 2px 0 0 2px;
}
.dropdown.icon .options_window {
  left: 40px;
  min-width: calc(100% - 40px);
}
.options_window .option {
  height: 20px;
}
.jobs_createDeadline .temp_jobs_createDeadlineTime .dropdown {
  transition: all 0.15s;
  float: right;
  width: 0;
  z-index: 1000;
}
.jobs_createDeadline:not(.active) .temp_jobs_createDeadlineTime .dropdown {
  padding: 0;
  border-width: 0;
}
.jobs_createDeadline.active .temp_jobs_createDeadlineTime .dropdown {
  transition: all 0.25s;
  width: calc(30%);
}
.candidates_dragndrop {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100%;
}
.candidates_dragndrop .dragndrop {
  height: 100%;
  opacity: 0.7;
  z-index: 100;
}
.candidate_follow {
  display: inline-block;
}
.candidate_appliedBox {
  top: 63px;
}
.candidate_appliedMapJob,
.candidate_appliedMapCandidate {
  top: -8px;
  left: -8px;
}
.platform_content_filterContent.scroll_fix {
  height: auto;
}
.platform_content_sectionheader .headline .vacancy_title {
  cursor: pointer;
}
.candidate_appliedBoxTravel {
  width: 170px;
}
.candidate_location {
  pointer-events: none;
  opacity: 0;
  top: 13%;
  left: 25%;
  left: calc(100% - 376px - 600px);
  border: 1px solid black;
  top: 125px;
  transition: opacity 1s;
  position: fixed;
  width: 100%;
  z-index: 100;
  transition: height 0s linear 0.5s, opacity 0.5s;
}
.candidate_location.active {
  transition: height 0s, opacity 0.5s;
  height: calc(100% - 60px);
  opacity: 1;
  pointer-events: auto;
}
.location-arrow {
  content: "";
  position: absolute;
  top: 49%;
  left: 100%;
  margin-top: -5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}
.none_pointer_events {
  pointer-events: none;
}
.chrome_holder .popup {
  top: 0px;
}
.chrome_holder .popup.active {
  height: calc(100%);
}
.windows-chrome-user-agent ::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 100px;
}
.windows-chrome-user-agent ::-webkit-scrollbar:vertical {
  width: 10px;
}
.windows-chrome-user-agent ::-webkit-scrollbar:horizontal {
  height: 10px;
}
.windows-chrome-user-agent ::-webkit-scrollbar:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.windows-chrome-user-agent ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 100px;
}
.windows-chrome-user-agent ::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.61);
  -webkit-border-radius: 100px;
}
.dots_loader {
  position: fixed;
  height: 20px;
  width: 100%;
  top: 50%;
  z-index: 100;
}
.dots_loader.profile_loader {
  z-index: 1000;
}
.dots_loader .center {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.form_builderSlide {
  right: calc(100% + 20px);
}
.form_builderSlideScroll {
  max-width: 450px;
}
.emplyForm .cke_emply,
.form_previewElement .cke_emply {
  position: relative;
}
.jobs_editDeadline .deadlineDate .input {
  float: left;
  width: 100%;
}
.jobs_editDeadline.active .deadlineDate .input {
  width: calc(70% - 5px);
}
.jobs_editDeadline.activeWithoutTime .deadlineDate .input {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right-color: rgb(238, 238, 238);
  width: calc(100% - 39px);
}
.jobs_editDeadline .deadlineTime .input {
  transition: all 0.15s;
  float: right;
  width: 0;
}
.jobs_editDeadline:not(.active) .deadlineTime .input {
  padding: 0;
  border-width: 0;
}
.jobs_editDeadline.active .deadlineTime .input {
  transition: all 0.25s;
  width: calc(30%);
}
.jobs_editDeadline .deadlineTimeZoneButton {
  float: left;
  background: #f9f9f9;
  padding: 0 10px;
  line-height: 38px;
  border: 1px solid rgb(221, 221, 221);
  border-left-width: 0px;
  border-radius: 0 2px 2px 0;
}
.popup.fullscreenExtra .cke_emply_container .editor {
  height: calc(100vh - 198px) !important;
}
body {
  background: #f3f3f3;
}
.platform_login_overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #25211E;
}
.platform_actionmenu.active {
  bottom: 0;
  opacity: 1;
}
.advert_editor_wrapper .cke_contents {
  height: calc(100vh - 453px) !important;
}
@media (max-width: 1200px), (max-height: 800px) {
  .advert_editor_wrapper .cke_contents {
    height: calc(100vh - 385px) !important;
  }
}
.candidate_topTitleRelations :not(:last-child) a {
  margin-right: 1px;
}
.candidates_overviewActionsRelations :not(:last-child) a {
  border-right: 1px solid #e5e5e5;
}
.candidates_overviewCards .choosebox .checkbox {
  margin-top: 0px;
}
.focusable a:focus,
a.focusable:focus,
.focused {
  border: 1px solid #3296fa;
}
.iti__selected-flag:focus {
  border: 1px solid #3296fa;
  outline: none;
}
.dropdown.mini:focus {
  outline: none;
  color: #3296fa;
}
.dropdown.options_parent:focus {
  outline-color: #3296fa;
}
.radiobutton.focusable input,
.checkbox.focusable input {
  visibility: visible;
  opacity: 0;
  cursor: pointer;
  position: fixed;
}
.options_window .option.focused {
  background: rgba(50, 150, 250, 0.1);
  border: none;
}
.options_window .treeview li div.focused {
  border: none;
}
.options_window .treeview li div.focused a.element {
  text-decoration: underline;
}
.candidates_overviewCards .candidates_overviewCard .selectElement.active .contentbox .overlay {
  background: rgba(50, 150, 250, 0.05) !important;
  border: 2px solid #0099ff;
  margin: -1px;
}
.candidates_overviewCards .candidates_overviewCard .contentbox .overlay {
  cursor: pointer;
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(50, 150, 250, 0);
  border: none;
  border-radius: 2px;
  z-index: 20;
}
.message_editor_wrapper .cke_contents {
  height: calc(100vh - 525px) !important;
}
@media (max-width: 1200px), (max-height: 800px) {
  .message_editor_wrapper .cke_contents {
    height: calc(100vh - 475px) !important;
  }
}
.calendarWeeklyEvent.dragger {
  transition: all none !important;
  -webkit-animation: all none !important;
  animation: all none !important;
  -webkit-transition: all none !important;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
  z-index: 1;
  opacity: 1;
}
.calendarWeeklyEvent.resized {
  transition: all none !important;
  -webkit-animation: all none !important;
  animation: all none !important;
  -webkit-transition: all none !important;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
  transition: opacity 50ms cut;
}
.hideDragged {
  opacity: 0 !important;
}
.draggedOver * {
  pointer-events: none;
}
.calendarWeeklyEventDelete,
.calendarWeeklyEventDrag {
  opacity: 0;
}
.calendarWeeklyEvent:hover .calendarWeeklyEventDelete,
.calendarWeeklyEvent:hover .calendarWeeklyEventDrag {
  opacity: inherit;
}
.candidate_actionScheduleCalendar .contentPadding {
  border-bottom: none;
}
.candidate_actionScheduleTableInfoFixe {
  margin-bottom: 5px;
}
.hiddenVisibility {
  visibility: hidden;
}
.candidate_top {
  z-index: 51;
}
.candidates_overviewCardDataElement:last-child {
  padding-bottom: 0px;
}
.candidates_overviewCardDataElement:first-child {
  padding-top: 0px;
}
.candidates_overviewCardData {
  padding-bottom: 23px;
}
.platform_actionmenu_moreOptions .button.disabled {
  background: none !important;
}
.candidate_actionScheduleNotify:before {
  opacity: 0.9 !important;
}
.activeActionsMenu .platform_content {
  padding-bottom: 82px;
}
.advTableRow > :first-child {
  transition: box-shadow 0.25s;
}
.advTableRow > :first-child::before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  background: rgb(50, 150, 250);
  opacity: 0;
  overflow: hidden;
}
.advTableRow.active > :first-child::before {
  opacity: 1;
  width: 3px;
}
.advTableContent.activeSelection .advTableRow .advTableLeft:after,
.advTableContent.activeSelection .advTableRow .advTableColumn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 15;
}
.advTable.forms_overviewList {
  margin-top: 0;
}
.treeTableHolder.active .treeTableHolder:not(:first-child):before {
  height: 100% !important;
}
.treeTableHolder.active > .treeTableHolder:last-child:before {
  height: 20px !important;
}
.candidate_contentSearchIcon_fixed {
  transition: all 0.25s;
  position: absolute;
  top: 20px;
  left: 25px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 1px #ddd inset;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: text;
}
.candidate_contentSearchIcon_fixed.active {
  box-shadow: 0 0 0 15px #3296fa inset;
}
.candidate_contentSearchIcon_fixed div {
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/img/icons/12/search_aaaaaa.svg) 50% 50% no-repeat;
}
.candidate_contentSearchIcon_fixed.active div {
  background-image: url(/img/icons/12/search_ffffff.svg);
}
.candidate_formElementContent .searched {
  background: rgba(50, 150, 250, 0.25);
}
.advTableRow .searched {
  background: rgba(50, 150, 250, 0.25);
}
.translations_cell.sorting {
  background-image: none;
  background-position: none;
}
.translations_cell.sorting:after {
  content: "";
  float: right;
  height: 41px;
  width: 9px;
  transition: all .25s;
  background-image: url(/img/icons/9/arrowdown_ffffff.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  margin-left: 10px;
}
.translations_cell.sorting.asc:after {
  transform: rotate(180deg);
}
.candidates_overviewCardScreening,
.candidates_overviewListScreeningCircle,
.candidate_topScreening {
  transition: all 0.25s 0.5s, margin 0s ease 0s;
}
.templates_hiringPipelineStage.sortable-handler,
.templates_hiringPipelineStage.sortable-handler:hover {
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.templates_hiringPipelineStage.sortable-handler:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.cke_margin_fix p {
  margin: 0;
}
body:not(.editReport) .langselector {
  height: 40px !important;
  padding: 15px 25px !important;
  white-space: nowrap !important;
  line-height: 0 !important;
  text-align: left !important;
  font-size: 0 !important;
  overflow: auto !important;
  border-bottom: 1px solid #e5e5e5 !important;
  margin: 0px !important;
}
.jobs_editDeadline .input:nth-child(2n+1) {
  float: left;
  width: 100%;
}
.jobs_editDeadline.active .deadlineTime .input {
  transition: all 0.25s;
  width: 100%;
}
.jobs_editDeadline .deadlineTime {
  transition: all 0.15s;
  float: right;
  width: 0;
  overflow: hidden;
}
.jobs_editDeadline.active .deadlineTime {
  transition: all 0.25s;
  width: calc(30%);
}
:focus {
  outline: none;
}
.roles_roleAreaHeader eui-switcher > .switch {
  margin: 3px 15px 0 0;
}
.roles_roleAreaSubHeader eui-switcher > .switch {
  margin: 0 15px 0 0;
}
.platform_avatarmenu.platform_topAction .avatar a {
  transition: all 0.25s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75) url(/img/icons/12/camera_ffffff.svg) 50% 50% no-repeat;
  background-size: 24px;
  opacity: 0;
}
.platform_avatarmenu.platform_topAction .avatar a:hover {
  opacity: 0.75;
}
.platform_avatarmenu.platform_topAction .avatar {
  position: relative;
}
.logMainCell.icon {
  float: left;
  margin: 19px 10px 0 0;
}
.eui_options_container.dark .options_window {
  background: #222;
  border-color: #444;
}
.options_parent.dark {
  background: #222;
  border-color: #444;
  color: #999;
}
.eui_options_container.dark .options_window .input.search {
  background-color: #222;
  border: 0;
  border-radius: 0;
}
.eui_options_container.dark .options_window .input.search input {
  color: #fff;
}
.eui_options_container.dark .options_window .option {
  color: #fff;
}
.advTableColumn.tags .tag {
  display: inline-block;
  height: 28px;
  background: #fff;
  padding: 0 10px;
  vertical-align: middle;
  line-height: 27px;
  font-size: 12px;
  border: 1px solid #eee;
  border-radius: 2px;
  box-sizing: border-box;
}
.advTableColumn.tags .tag .number {
  background: #aaa;
  padding: 0 3px;
  color: #fff;
  border-radius: 2px;
  margin-left: 5px;
}
.advTableColumn.tags > .tag .hover {
  border-color: #3296fa;
}
.advTableColumn.tags.exportTemplateAreas tags-cell {
  display: inline-block;
}
.advTableColumn.tags .tag:not(:first-child) {
  margin-left: 5px;
}
.textarea {
  transition: none;
}
.textarea .contentEditable {
  transition: none;
}
.fileCell.icon {
  float: left;
  margin: 19px 10px 0 0;
}
.entityAccessRule .input.tags input {
  width: auto;
}
.view_setup.platform_content_filterBottom .button {
  width: calc(50% - 5px);
  text-align: center;
}
.jobs_overviewListColumnComments .jobs_overviewComments {
  margin: 10px;
}
.richtexteditor .textarea {
  border: 0;
  border-radius: 0;
}
.media_contentData .button {
  transition: none;
}
.activeActionsMenu .candidates_overviewList {
  height: calc(100vh - 406px);
}
.activeActionsMenu .jobs_overviewList {
  height: calc(100vh - 347px);
}
.activeFilterRight .platform_content_sectionheader {
  margin-right: 343px;
}
.activeFilterLeft .platform_content_sectionheader {
  margin-left: 343px;
}
.activeFilterLeft .showReport .platform_content_sectionheader {
  margin-left: -18px;
}
.candidates_overviewPipelineStage.disqualified.active a {
  background-color: #f54b4b;
}
.candidates_overviewPipelineStage.disqualified.active a:after {
  border-left-color: #f54b4b;
}
.disqualified .views .lava {
  background: #f54b4b;
}
.disqualified .views .view.active .number {
  color: #f54b4b;
}
.video_recorder_container,
.video_player_container {
  position: absolute;
  border-radius: 5px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
[id^=videoRecorder][id$=videoRecorder] {
  position: absolute;
  height: 100%;
  margin: auto;
  left: -9999px;
  right: -9999px;
}
[id^=videoPlayer][id$=videoPlayer] {
  height: 100%;
  width: 100%;
}
[id^=videoPlayer][id$=videoPlayer] video,
[id^=videoPlayer][id$=videoPlayer] object {
  position: absolute;
  height: 100%;
  margin: auto;
  left: -9999px;
  right: -9999px;
}
[id^=videoPlayer][id$=videoPlayer] object {
  width: 200%;
}
.account_feature .account_feature.not_last_child_force:before {
  height: 100%;
}
.account_feature.contentPadding.not_last_child_force {
  border-bottom: 1px solid #e5e5e5;
}
.documentSection .uploadFileButton,
.otherDocumentsSection .uploadFileButton {
  float: left;
  margin-right: 15px;
}
.documentSection .uploadFileButton .button.secondary,
.otherDocumentsSection .uploadFileButton .button.secondary {
  margin-bottom: 0px !important;
}
.exportToggleType .smartTableToggle {
  border-top: 1px solid #eee !important;
}
.exportToggleType :first-child :first-child .smartTableToggle:first-child {
  border: 0 !important;
}
.promote_checkoutError {
  transition: all 0.5s;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(300, 100, 75, 0.85);
  padding: 50px;
  box-sizing: border-box;
  z-index: 2;
  transform: translate(0, 101%);
}
.promote_checkoutError.active {
  transform: translate(0, 0);
}
.promote_checkoutError .headline {
  text-align: center;
  color: #fff;
}
.promote_checkoutError .button {
  background: #fafafa;
  border-color: #fff !important;
  margin: 0 -50% 0 50%;
  transform: translate(-50%, 0);
}
.message_teaserText .sms {
  float: left;
  height: 13px;
  padding: 0 3px;
  background: #fff;
  font-size: 10px;
  font-weight: normal;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-right: 5px;
}
.i_evaluation {
  background-color: #FF44B4 !important;
  background-image: url(/img/icons/12/radar_ffffff.svg) !important;
}
.dhx_diagram.dhx_widget {
  background: transparent;
}
.dhx_diagram_item.dhx_diagram_image .shape_content {
  cursor: pointer;
}
.dhx_diagram_item.department-item {
  cursor: pointer;
}
.dhx_diagram_item.dhx_diagram_image.department-item .dhx_content_img {
  border-radius: 0;
  background-color: transparent !important;
}
.dhx_diagram_item.dhx_diagram_image.department-employee-item .dhx_content_img {
  background-color: transparent !important;
}
.department-employee-item .dhx_item_header {
  stroke: transparent !important;
  fill: transparent !important;
}
.dhx_diagram_item.dhx_diagram_image .shape_content .dhx_content_text {
  white-space: pre;
}
.employees_overviewCardHeader {
  height: 187px;
}
.headline_new {
  line-height: 27px;
  font-size: 18px;
  font-weight: bold;
}
.approval_processTop .headline_new {
  transition: all 0.25s;
  float: left;
  max-width: 70%;
  padding-right: 20px;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
}
.media_placeholders_popup_content {
  height: calc(100vh - 100px);
}
.automation_workflowTop.contentPadding.not_last_child_force,
.contentPadding.showApprovalAwaits.jobs_editAdFullscreenHide.not_last_child_force {
  border-bottom: 1px solid #e5e5e5;
}
.content.employee_simple .candidate_actionSlide.candidate_actionTask.active .candidate_actionSlideHolder {
  width: 700px;
}
.windows-edge-user-agent .content.employee_simple-blur-fix,
.windows-chrome-user-agent .content.employee_simple-blur-fix {
  max-height: calc(100vh - 51px);
}
.tooltipster-content {
  white-space: pre-line;
}
.form_builderSlideCell_fixed {
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  overflow: auto;
  display: table-cell;
  position: relative;
}
.form_builderPermissionIcons_fixed {
  float: none;
}
:not(.showSettings) .smartTable .switch {
  margin-top: 0;
}
body:not(.editReport) .hoverdelete,
.ui-sortable-helper .hoverdelete {
  display: block !important;
}
body.fix_reportNotEdit .hoverdelete,
.fix_reportPage .ui-sortable-helper .hoverdelete {
  display: none !important;
}
.form_builderOptionlist_option_visible {
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-size: 20px;
  z-index: 100;
  background-image: url(/img/icons/12/eye_3296fa.svg);
}
.form_builderOptionlist_option_visible.inactive {
  background-image: url(/img/icons/12/eye_none_aaaaaa.svg);
  cursor: pointer !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.integrations_appPopup .platform_content_holder.advTable {
  margin-top: 0px;
  padding-top: 0px;
}
.integrations_appPopup .platform_content_holder.advTable > .contentbox {
  margin-top: 0px;
}
.integrations_appPopup .platform_content_holder.advTable .contentbox .advTableRow .circlebutton {
  float: right;
  opacity: 1;
}
messages-counter-icon,
events-counter-icon,
tasks-counter-icon {
  display: block;
  height: 45px;
  float: left;
  position: relative;
  width: 45px;
}
.form_previewElement:before {
  opacity: 1 !important;
  background: rgba(255, 255, 0, 0.00);
  border: 2px solid rgba(0, 0, 0, 0.00);
}
.form_previewElement:hover:before {
  opacity: 1 !important;
  background: rgba(255, 255, 0, 0.05);
  border: 2px solid rgba(0, 0, 0, 0.05);
}
.windows-chrome-user-agent .vacancy-approval-popup-fix .job_approvalCancelApproval,
.windows-edge-user-agent .vacancy-approval-popup-fix .job_approvalCancelApproval {
  opacity: 1 !important;
  background: rgba(255, 255, 255, 0.50);
  border: 1px solid rgba(204, 204, 204, 0.50);
  color: rgba(51, 51, 51, 0.50);
}
.windows-chrome-user-agent .vacancy-approval-popup-fix .job_approvalCancelApproval:hover,
.windows-edge-user-agent .vacancy-approval-popup-fix .job_approvalCancelApproval:hover {
  opacity: 1 !important;
  background: rgba(255, 255, 255, 1.00);
  border: 1px solid rgba(170, 170, 170, 1.00);
  color: rgba(0, 0, 0, 1.00);
}
.windows-chrome-user-agent .profile-popup-blur-fix,
.windows-edge-user-agent .profile-popup-blur-fix {
  overflow: visible !important;
}
.windows-chrome-user-agent .profile-popup-blur-fix .infoicon:before,
.windows-chrome-user-agent .popup-blur-fix .infoicon:before,
.windows-edge-user-agent .profile-popup-blur-fix .infoicon:before,
.windows-edge-user-agent .popup-blur-fix .infoicon:before {
  transform: scale(1);
  background-size: 66.66% 66.66%;
}
.windows-chrome-user-agent .profile-popup-blur-fix .checkbox,
.windows-chrome-user-agent .profile-popup-blur-fix .radiobutton,
.windows-chrome-user-agent .popup-blur-fix .checkbox,
.windows-chrome-user-agent .popup-blur-fix .radiobutton,
.windows-edge-user-agent .profile-popup-blur-fix .checkbox,
.windows-edge-user-agent .profile-popup-blur-fix .radiobutton,
.windows-edge-user-agent .popup-blur-fix .checkbox,
.windows-edge-user-agent .popup-blur-fix .radiobutton {
  overflow: visible;
}
.windows-chrome-user-agent .profile-popup-blur-fix .employee_actionSlide,
.windows-chrome-user-agent .profile-popup-blur-fix .candidate_actionSlide,
.windows-chrome-user-agent .profile-popup-blur-fix .profile_actionSlide,
.windows-edge-user-agent .profile-popup-blur-fix .employee_actionSlide,
.windows-edge-user-agent .profile-popup-blur-fix .candidate_actionSlide,
.windows-edge-user-agent .profile-popup-blur-fix .profile_actionSlide {
  border-radius: unset;
}
.windows-chrome-user-agent .popup-blur-fix .content,
.windows-edge-user-agent .popup-blur-fix .content {
  overflow: none !important;
}
.popup .holder {
  backface-visibility: hidden !important;
}
.windows-chrome-user-agent .popup-blur-fix .smartTable,
.windows-edge-user-agent .popup-blur-fix .smartTable {
  overflow: visible !important;
}
.windows-chrome-user-agent .popup-blur-fix .contentPadding,
.windows-edge-user-agent .popup-blur-fix .contentPadding {
  backface-visibility: hidden;
}
.windows-chrome-user-agent .popup-blur-fix .dropdown:after,
.windows-edge-user-agent .popup-blur-fix .dropdown:after {
  z-index: 1000;
}
.windows-chrome-user-agent .popup-blur-fix.approval-blur-fix,
.windows-edge-user-agent .popup-blur-fix.approval-blur-fix {
  overflow: visible !important;
}
.windows-chrome-user-agent .learning-blur-fix,
.windows-edge-user-agent .learning-blur-fix {
  overflow: hidden;
}
.windows-chrome-user-agent .learning-blur-fix .course-blur-fix,
.windows-edge-user-agent .learning-blur-fix .course-blur-fix {
  overflow: auto;
  max-height: calc(100vh - 50px);
}
.windows-chrome-user-agent .learning-blur-fix .course-blur-fix .smartTable,
.windows-edge-user-agent .learning-blur-fix .course-blur-fix .smartTable {
  backface-visibility: hidden;
  overflow: visible !important;
}
.windows-chrome-user-agent .learning-blur-fix .course-blur-fix .course-message-blur-fix .dropdown:after,
.windows-edge-user-agent .learning-blur-fix .course-blur-fix .course-message-blur-fix .dropdown:after {
  z-index: 1000;
}
.windows-chrome-user-agent .vacancy-blur-fix .jobs_editAdRight,
.windows-chrome-user-agent .vacancy-blur-fix .smartTable,
.windows-chrome-user-agent .vacancy-blur-fix .selectbuttons,
.windows-chrome-user-agent .vacancy-blur-fix .forms_delete span,
.windows-chrome-user-agent .vacancy-blur-fix .checkbox,
.windows-chrome-user-agent .vacancy-blur-fix .radiobutton,
.windows-chrome-user-agent .vacancy-blur-fix .switch,
.windows-chrome-user-agent .vacancy-blur-fix .jobs_editPipeline,
.windows-edge-user-agent .vacancy-blur-fix .jobs_editAdRight,
.windows-edge-user-agent .vacancy-blur-fix .smartTable,
.windows-edge-user-agent .vacancy-blur-fix .selectbuttons,
.windows-edge-user-agent .vacancy-blur-fix .forms_delete span,
.windows-edge-user-agent .vacancy-blur-fix .checkbox,
.windows-edge-user-agent .vacancy-blur-fix .radiobutton,
.windows-edge-user-agent .vacancy-blur-fix .switch,
.windows-edge-user-agent .vacancy-blur-fix .jobs_editPipeline {
  overflow: visible !important;
}
.windows-chrome-user-agent .vacancy-blur-fix .jobs_editPipelineHolder,
.windows-edge-user-agent .vacancy-blur-fix .jobs_editPipelineHolder {
  border-radius: unset;
}
.windows-chrome-user-agent .vacancy-blur-fix .radiobutton:before,
.windows-edge-user-agent .vacancy-blur-fix .radiobutton:before {
  z-index: 1000;
}
.windows-chrome-user-agent .integration-blur-fix,
.windows-edge-user-agent .integration-blur-fix {
  overflow: visible !important;
}
.windows-chrome-user-agent .log-info-popup-blur-fix,
.windows-edge-user-agent .log-info-popup-blur-fix {
  backface-visibility: hidden;
}
.windows-chrome-user-agent .department-blur-fix .smartTable,
.windows-chrome-user-agent .department-blur-fix .switch,
.windows-chrome-user-agent .integration-blur-fix .smartTable,
.windows-chrome-user-agent .integration-blur-fix .switch,
.windows-chrome-user-agent .message-template-blur-fix .smartTable,
.windows-chrome-user-agent .message-template-blur-fix .switch,
.windows-chrome-user-agent .vacancy-approval-popup-fix .smartTable,
.windows-edge-user-agent .department-blur-fix .smartTable,
.windows-edge-user-agent .department-blur-fix .switch,
.windows-edge-user-agent .integration-blur-fix .smartTable,
.windows-edge-user-agent .integration-blur-fix .switch,
.windows-edge-user-agent .message-template-blur-fix .smartTable,
.windows-edge-user-agent .message-template-blur-fix .switch,
.windows-edge-user-agent .vacancy-approval-popup-fix .smartTable {
  backface-visibility: hidden;
  overflow: visible !important;
}
.windows-chrome-user-agent .vacancy-blur-fix .dropdown:after,
.windows-chrome-user-agent .vacancy-blur-fix .smartTable .smartTableToggleBar:after,
.windows-chrome-user-agent .department-blur-fix .dropdown:after,
.windows-chrome-user-agent .department-blur-fix .smartTable .smartTableToggleBar:after,
.windows-chrome-user-agent .integration-blur-fix .smartTable .smartTableToggleBar:after,
.windows-chrome-user-agent .message-template-blur-fix .dropdown:after,
.windows-chrome-user-agent .message-template-blur-fix .smartTable .smartTableToggleBar:after,
.windows-chrome-user-agent .course-edit-popup-blur-fix .dropdown:after,
.windows-chrome-user-agent .course-edit-popup-blur-fix .contentToggleBar:after,
.windows-chrome-user-agent .user-role-edit-popup-fix .roles_roleAreaRow:after,
.windows-edge-user-agent .vacancy-blur-fix .dropdown:after,
.windows-edge-user-agent .vacancy-blur-fix .smartTable .smartTableToggleBar:after,
.windows-edge-user-agent .department-blur-fix .dropdown:after,
.windows-edge-user-agent .department-blur-fix .smartTable .smartTableToggleBar:after,
.windows-edge-user-agent .integration-blur-fix .smartTable .smartTableToggleBar:after,
.windows-edge-user-agent .message-template-blur-fix .dropdown:after,
.windows-edge-user-agent .message-template-blur-fix .smartTable .smartTableToggleBar:after,
.windows-edge-user-agent .course-edit-popup-blur-fix .dropdown:after,
.windows-edge-user-agent .course-edit-popup-blur-fix .contentToggleBar:after,
.windows-edge-user-agent .user-role-edit-popup-fix .roles_roleAreaRow:after {
  z-index: 1000;
}
.windows-chrome-user-agent .vacancy-approval-popup-fix .job_approvalLog .avatars .avatar,
.windows-edge-user-agent .vacancy-approval-popup-fix .job_approvalLog .avatars .avatar {
  z-index: 1000;
}
.windows-chrome-user-agent .department-blur-fix .infoicon:before,
.windows-chrome-user-agent .message-template-blur-fix .infoicon:before,
.windows-chrome-user-agent .course-edit-popup-blur-fix .infoicon:before,
.windows-edge-user-agent .department-blur-fix .infoicon:before,
.windows-edge-user-agent .message-template-blur-fix .infoicon:before,
.windows-edge-user-agent .course-edit-popup-blur-fix .infoicon:before {
  transform: none;
  background-size: 66.66% 66.66%;
}
.windows-chrome-user-agent .employee-create-popup-blur-fix,
.windows-chrome-user-agent .course-edit-popup-blur-fix,
.windows-chrome-user-agent .user-role-edit-popup-fix,
.windows-edge-user-agent .employee-create-popup-blur-fix,
.windows-edge-user-agent .course-edit-popup-blur-fix,
.windows-edge-user-agent .user-role-edit-popup-fix {
  overflow: visible !important;
}
.windows-chrome-user-agent .course-popup-blur-fix .content,
.windows-chrome-user-agent .course-popup-blur-fix .selectbuttons,
.windows-chrome-user-agent .course-popup-blur-fix .checkbox,
.windows-chrome-user-agent .course-popup-blur-fix .radiobutton,
.windows-chrome-user-agent .team-member-add-popup-fix.content,
.windows-edge-user-agent .course-popup-blur-fix .content,
.windows-edge-user-agent .course-popup-blur-fix .selectbuttons,
.windows-edge-user-agent .course-popup-blur-fix .checkbox,
.windows-edge-user-agent .course-popup-blur-fix .radiobutton,
.windows-edge-user-agent .team-member-add-popup-fix.content {
  overflow: visible;
}
.windows-chrome-user-agent .table-data-type-popup-blur-fix .selectbuttons,
.windows-chrome-user-agent .table-data-type-popup-blur-fix .checkbox,
.windows-chrome-user-agent .table-data-type-popup-blur-fix .radiobutton,
.windows-edge-user-agent .table-data-type-popup-blur-fix .selectbuttons,
.windows-edge-user-agent .table-data-type-popup-blur-fix .checkbox,
.windows-edge-user-agent .table-data-type-popup-blur-fix .radiobutton {
  overflow: visible;
}
.windows-chrome-user-agent .course-edit-popup-blur-fix .course_editRight,
.windows-edge-user-agent .course-edit-popup-blur-fix .course_editRight {
  backface-visibility: hidden;
  overflow-x: hidden;
  overflow-y: visible;
}
.windows-chrome-user-agent .onboarding-process-action-blur-fix .onboarding_processAction,
.windows-chrome-user-agent .onboarding-process-action-blur-fix .onboarding_process,
.windows-edge-user-agent .onboarding-process-action-blur-fix .onboarding_processAction,
.windows-edge-user-agent .onboarding-process-action-blur-fix .onboarding_process {
  border-radius: unset;
}
.windows-chrome-user-agent .onboarding-process-action-blur-fix .onboarding_processToggle,
.windows-chrome-user-agent .onboarding-process-action-blur-fix .onboarding_processToggleAll a,
.windows-edge-user-agent .onboarding-process-action-blur-fix .onboarding_processToggle,
.windows-edge-user-agent .onboarding-process-action-blur-fix .onboarding_processToggleAll a {
  overflow: visible;
}
.windows-chrome-user-agent .onboarding-process-action-blur-fix .onboarding_processAction .smartTable,
.windows-edge-user-agent .onboarding-process-action-blur-fix .onboarding_processAction .smartTable {
  backface-visibility: hidden;
  overflow: visible !important;
}
.windows-chrome-user-agent .onboarding-process-action-blur-fix .onboarding_processAction .chooseboxed:after,
.windows-edge-user-agent .onboarding-process-action-blur-fix .onboarding_processAction .chooseboxed:after {
  z-index: 1000;
}
.windows-chrome-user-agent .onboarding-process-action-blur-fix .onboarding_process .infoicon:before,
.windows-edge-user-agent .onboarding-process-action-blur-fix .onboarding_process .infoicon:before {
  transform: none;
  background-size: 66.66% 66.66%;
}
.windows-chrome-user-agent .automation-popup-blur-fix,
.windows-edge-user-agent .automation-popup-blur-fix {
  overflow: visible !important;
}
.windows-chrome-user-agent .skill-create-popup-blur-fix,
.windows-edge-user-agent .skill-create-popup-blur-fix {
  border-radius: unset;
}
.windows-chrome-user-agent .form-fill-popup-blur-fix,
.windows-edge-user-agent .form-fill-popup-blur-fix {
  border-radius: unset;
}
.windows-chrome-user-agent .job-profile-create-popup-blur-fix,
.windows-edge-user-agent .job-profile-create-popup-blur-fix {
  border-radius: unset;
}
.windows-chrome-user-agent .profile-popup-blur-fix .employee_actionSlide.employee_actionPayroll .employee_actionSlideHolder .contentPadding .smartTable .smartTableToggle,
.windows-edge-user-agent .profile-popup-blur-fix .employee_actionSlide.employee_actionPayroll .employee_actionSlideHolder .contentPadding .smartTable .smartTableToggle {
  border-top: 1px solid #eee;
}
.candidate_tooltipComments,
.job_tooltipComments {
  max-height: 50vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.learning_participantList .advTable {
  margin-top: 0;
}
.learning_participantList .advTable .contentbox {
  margin-top: 0;
}
restriction {
  display: inline-block;
}
.integration_log .advTableLeft {
  padding-left: 35px;
}
.integration_log .advTableLeft:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 30px;
  height: 30px;
  background: rgb(50, 150, 250) url(/img/icons/12/info_ffffff.svg) 6px 7px no-repeat;
  border-radius: 3px 0 30px 0;
  opacity: 1;
}
.integration_log.success .advTableLeft,
.integration_log.success .advTableColumn {
  background: rgba(100, 200, 75, 0.1) !important;
}
.integration_log.success .advTableLeft:before {
  background-color: rgb(100, 200, 75);
  background-image: url(/img/icons/12/checkmark_ffffff.svg);
}
.integration_log.warning .advTableLeft,
.integration_log.warning .advTableColumn {
  background: rgba(255, 255, 0, 0.1) !important;
}
.integration_log.warning .advTableLeft:before {
  background-color: rgb(255, 170, 0);
  background-image: url(/img/icons/12/warning_ffffff.svg);
}
.integration_log.error .advTableLeft,
.integration_log.error .advTableColumn {
  background: rgba(245, 75, 75, 0.1) !important;
}
.integration_log.error .advTableLeft:before {
  background-color: rgb(245, 75, 75);
  background-image: url(/img/icons/12/notallowed_ffffff.svg);
}
.smartTable.error {
  background: rgba(200, 0, 0, 0.015) !important;
  border-color: #C80000 !important;
}
.editable-dropdown:after {
  content: "";
  transition: all 0.25s;
  position: absolute;
  top: 0;
  right: 15px;
  width: 9px;
  height: 100%;
  background-image: url(/img/icons/9/arrowdown_aaaaaa.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.editable-dropdown.active:after {
  transform: rotate(180deg);
}
.circlebutton .loading {
  float: right;
  margin: 12px 25px 0 -10px;
}
.circlebutton .loading span {
  padding: 0 !important;
}
.calendarWeeklyDay {
  height: 1970px;
}
.employee_goalsOverviewGoal:hover .employee_goalsOverviewGoalInfo span,
.employee_goalsOverviewGoal .employee_goalsOverviewGoalInfo :first-child span {
  opacity: 1;
  filter: grayscale(0%);
}
.employee_goalsOverviewGoal.overdue .employee_goalsOverviewGoalInfo :first-child span {
  color: #f54b4b;
}
.employee_goalsOverviewGoal:not(:hover) .employee_goalsOverviewGoalInfo :not(:first-child) span {
  opacity: 0.1;
  filter: grayscale(0%);
}
.employee_goalsOverviewGoal.overdue .employee_goalsOverviewGoalInfo :not(:first-child) span {
  color: #666;
}
.smartTableElement_overviewSortlistColumns {
  float: right;
  margin-left: 15px;
}
.smartTableElement_overviewSortlistColumn {
  position: relative;
  float: left;
  width: 170px;
  padding: 0 15px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-left: 1px solid #eee;
}
.smartTableSortlist_notDruggable .smartTableSort {
  cursor: auto;
}
.popup .holder {
  position: fixed;
}
.profile-log .avatar {
  position: relative;
  margin: 10px 10px 0 0;
}
.employee_activityDate {
  padding: unset !important;
}
.activityLog_overviewList {
  height: calc(100vh - 265px);
  margin-top: 10px;
}
.onboardingAccessionMessage * {
  vertical-align: middle !important;
  white-space: nowrap !important;
}
.onboarding_processChild {
  z-index: 1000;
}
.smartTableTitle .searched {
  background: rgba(50, 150, 250, 0.25);
}
.compact_search {
  height: 34px;
}
.compact_search.input input {
  padding: 8px 0;
  height: 34px;
}
.compact_search.input .icon_holder {
  background-position: 50% 11px;
}
.employees_clearSearchButton {
  float: right !important;
  margin-right: 10px;
}
.employees_overviewSearch {
  width: 200px;
  overflow: hidden;
  margin-bottom: 10px;
  float: right;
}
.platform_topbar {
  background: #25211E;
}
.platform_toplogo img {
  width: 83px;
  height: 32px;
}
.platform_login_logo {
  width: 83px;
  height: 32px;
}
.platform_login_top {
  background: #25211E;
}
.platform_topmenu:hover,
.platform_topmenu.active {
  background: #E28D50;
}
.platform_sidemenu_link:before {
  background: #E28D50;
}
.lsl_top {
  background: #25211E;
}
.csl_bottomPowered {
  background: url(/img/careersite/new_logo_poweredby.svg) 50% 50% no-repeat;
}
.shareable_bottomPowered {
  background: url(/img/careersite/new_logo_poweredby.svg) 50% 50% no-repeat;
}
.platform_sidemenu_back:hover {
  background: #E28D50;
}
.platform_sidemenu_back:before {
  background: #E28D50 url(/img/icons/14/back_ffffff.svg) 50% 50% no-repeat;
}
.popup .content {
  border-radius: 0px !important;
}
.feedbackButtons {
  position: sticky;
  bottom: 0;
}
.unclickable_automationIcon:hover {
  cursor: default !important;
  background-color: transparent !important;
}
.candidate_sourceApplication {
  display: inline-block;
  vertical-align: top;
  background: #3296fa;
  padding: 0 3px;
  height: 14px;
  line-height: 15px;
  font-size: 10px;
  font-weight: 400;
  color: #fff !important;
  overflow: hidden;
  border-radius: 3px;
  margin: 3px 0 0 5px;
}
.employee_payrollBenefitsTable.blur_fix {
  border-radius: 1px !important;
}
.data-change {
  color: #73CD87;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.28px;
}
.data-correction {
  color: #E28D50;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.28px;
}
.preparatory-element-container .data-element-change.input,
.preparatory-element-container .data-element-change.dropdown {
  border: 1px solid #73CD87 !important;
}
.preparatory-element-container .data-element-correction.input,
.preparatory-element-container .data-element-correction.dropdown {
  border: 1px solid #E28D50 !important;
}
.preparatory-element-container .data-element-change.before-control.input > *,
.preparatory-element-container .data-element-change.before-control.dropdown > *,
.preparatory-element-container .data-element-correction.before-control.input > *,
.preparatory-element-container .data-element-correction.before-control.dropdown > * {
  text-decoration: line-through;
}
.payroll_table .advTableLeft,
.payroll_table .advTableColumn {
  border-right: 1px #D9D8D9 solid;
  border-bottom: 1px #D9D8D9 solid;
}
.payroll_row_correction .advTableLeft,
.payroll_row_correction .advTableColumn {
  background: #F9E8DC !important;
}
.payroll_row_change .advTableLeft,
.payroll_row_change .advTableColumn {
  background: #E3F5E7 !important;
}
.candidates_overviewPipelineStage.active a.personal_info,
.candidates_overviewPipelineStage.active a.salary,
.candidates_overviewPipelineStage.active a.benefits,
.candidates_overviewPipelineStage.active a.absence {
  background-color: #B9B0A6;
  color: #fff;
}
.candidates_overviewPipelineStage.active a.personal_info:after,
.candidates_overviewPipelineStage.active a.salary:after,
.candidates_overviewPipelineStage.active a.benefits:after,
.candidates_overviewPipelineStage.active a.absence:after {
  border-left-color: #B9B0A6;
}
.candidates_overviewPipelineStage.active a.approve {
  background-color: #73CD87;
  color: #fff;
}
.candidates_overviewPipelineStage.active a.approve:after {
  border-left-color: #73CD87;
}
.candidates_overviewPipelineStage.active a.review {
  background-color: #E28D50;
  color: #fff;
}
.candidates_overviewPipelineStage.active a.review:after {
  border-left-color: #E28D50;
}
.payroll_table .advTableRow:hover .advTableLeft,
.payroll_table .advTableRow:hover .advTableColumn {
  box-shadow: none;
}
.closeButton-fix {
  background: none;
  box-shadow: none;
  border-radius: 3px;
  border: 1px solid #CCC;
  color: #333;
  font-family: "Proxima Nova";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}
.closeButton-fix:hover {
  background: none !important;
}
.sysnotification.green {
  background: #73CD87;
}

/* apps/shared-assets/css/ck-editor-image-fix.css */
:not(.ck-content) .image-style-block-align-left .image-style-block-align-right {
  max-width: calc(100% - 1.5em);
}
:not(.ck-content) .image-style-align-left .image-style-align-right {
  clear: none;
}
:not(.ck-content) .image-style-side {
  float: right;
  margin-left: 1.5em;
  max-width: 50%;
}
:not(.ck-content) .image-style-align-left {
  float: left;
  margin-right: 1.5em;
}
:not(.ck-content) .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
:not(.ck-content) .image-style-align-right {
  float: right;
  margin-left: 1.5em;
}
:not(.ck-content) .image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}
:not(.ck-content) .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
:not(.ck-content) p + .image-style-align-left p + .image-style-align-right p + .image-style-side {
  margin-top: 0;
}
:not(.ck-content) .image-inline .image-style-align-left .image-style-align-right {
  margin-top: calc(1.5em / 2);
  margin-bottom: calc(1.5em / 2);
}
:not(.ck-content) .image-inline .image-style-align-left {
  margin-right: calc(1.5em / 2);
}
:not(.ck-content) .image-inline .image-style-align-right {
  margin-left: calc(1.5em / 2);
}
:not(.ck-content) .image.image_resized img {
  width: 100%;
}
:not(.ck-content) .image {
  clear: both;
  display: table;
  margin: 0.9em auto;
  min-width: 50px;
  text-align: center;
}

/* apps/shared-assets/css/course_fixes.css */
.circle_image {
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
.css_teamPhoto .circle_image,
.css_quotePhoto .circle_image {
  height: 178px;
  width: 178px;
}
.cse_team li .circle_image {
  float: left;
  width: 85px;
  height: 85px;
}
.css_quotePhoto .circle_image_wrap {
  width: 200px;
  height: 200px;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
}
.css_quotePhoto:first-child .circle_image_wrap {
  margin-right: 40px;
}
.css_quotePhoto:last-child .circle_image_wrap {
  margin-left: 40px;
}
@media (max-width: 795px) {
  .css_quotePhoto:first-child .circle_image_wrap {
    margin: 0 0 24px 0;
  }
  .css_quotePhoto:last-child .circle_image_wrap {
    margin: 24px 0 0 0;
  }
}
.css_quoteCell .css_headline,
.css_quoteCell .css_subheadline {
  transition: unset;
  -webkit-transition: unset;
}
google-map {
  height: 140px;
  width: 100%;
  cursor: pointer;
}
google-map .gmnoprint * {
  line-height: 14px !important;
}
google-map .gm-style-iw + div {
  display: none;
}
google-map .gm-style-iw + div + img {
  display: none;
}
ec-link-button:not(:first-child) .css_button {
  margin-top: 40px;
}
.css_perksbenefitsBox .css_button {
  font-size: 16px;
}
.activeMenu .lsl_content iframe {
  left: 0px;
  width: 100%;
}
.lsl_content .ui_course_content_container {
  transition: all 0.25s;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  border: 0;
  overflow: auto;
  overflow-x: hidden;
}
.hideTop .lsl_content .ui_course_content_container {
  top: 0;
  height: 100%;
}
.lsl_content old-ng2-pdfjs-viewer iframe {
  top: 0;
  height: 100%;
}
.css_surveyRatingScores.error {
  border-color: #F54B4B;
}

/* apps/shared-assets/css/platform_settings_integrations.css */
.integrations_overviewViews {
  margin-bottom: -34px;
}
.integrations_overviewButtonsLeft {
  float: left;
}
.integrations_overviewButtonsLeft .button {
  margin-right: 15px;
}
.integrations_overviewButtonsRight {
  float: right;
}
.integrations_overviewButtonsRight .button {
  margin-left: 15px;
}
.integrations_overviewList .contentbox {
  max-height: calc(100vh - 281px);
  margin-top: 10px;
}
.integrations_appsTopActivity,
.integrations_appsTopCountry {
  float: right;
  width: 40px;
  padding: 9px;
  border-color: #ddd;
  cursor: pointer;
  margin-left: 15px;
}
.integrations_appsTopActivity img {
  float: left;
  margin: 4px;
}
.integrations_appsTopCountry img {
  transition: all 0.25s;
  float: left;
  width: 20px;
  height: 20px;
}
.integrations_appsTopCountry:hover img {
  transform: scale(0.8);
}
.integrations_appsTopActivated {
  float: right;
  width: auto;
  border-color: #ddd;
  cursor: pointer;
  margin-left: 15px;
}
.integrations_appsTopActivated .switch {
  margin: 9px;
}
.integrations_appsTopCategory {
  float: right;
  width: auto;
  margin-left: 15px;
}
.integrations_appsTopSearch {
  overflow: hidden;
  width: auto;
}
.integrations_apps {
  margin-top: 10px;
}
.integrations_app {
  float: left;
  width: 20%;
}
@media (min-width: 1861px) {
  .integrations_app:nth-child(5n+6) {
    clear: left;
  }
}
@media (max-width: 1860px) and (min-width: 1495px) {
  .integrations_app {
    width: 25%;
  }
  .integrations_app:nth-child(4n+5) {
    clear: left;
  }
}
@media (max-width: 1494px) and (min-width: 1130px) {
  .integrations_app {
    width: 33.3333%;
  }
  .integrations_app:nth-child(3n+4) {
    clear: left;
  }
}
@media (max-width: 1129px) {
  .integrations_app {
    width: 50%;
  }
  .integrations_app:nth-child(2n+3) {
    clear: left;
  }
}
.integrations_app.active .contentbox {
  overflow: hidden;
  border-color: #64C84B;
}
.integrations_app.active .contentbox:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 30px;
  height: 30px;
  background: #64C84B url(/img/icons/12/checkmark_ffffff.svg) 6px 7px no-repeat;
  border-radius: 0 0 30px 0;
  z-index: 1;
}
.integrations_app.warning .contentbox {
  overflow: hidden;
  border-color: #ffaa00;
}
.integrations_app.warning .contentbox:before {
  transition: all 0.25s;
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 30px;
  height: 30px;
  background: #ffaa00 url(/img/icons/12/warning_ffffff.svg) 6px 7px no-repeat;
  border-radius: 0 0 30px 0;
  z-index: 1;
}
.integrations_app .contentPadding {
  border-color: #eee;
}
.integrations_appText div {
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.integrations_appLogo {
  position: relative;
  height: 50px;
}
.integrations_appLogo img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 160px;
  max-height: 50px;
  transform: translate(-50%, -50%);
}
.integrations_app .button {
  width: 100%;
  text-align: center;
  white-space: nowrap;
}
.integrations_appTwoButtons .button {
  width: calc(50% - 5px);
}
.integrations_appTwoButtons .button:nth-child(2) {
  float: right;
}
.integrations_jobProLeft,
.integrations_jobProRight {
  position: absolute;
  bottom: 0px;
  width: 50%;
  min-width: 490px;
  height: calc(100% - 171px);
  padding: 17px 17px 18px 18px;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
.integrations_jobProLeft {
  left: 0;
}
.integrations_jobProRight {
  right: 0;
  border-left: 1px solid #e5e5e5;
}
.integrations_jobProTop {
  margin-bottom: 10px;
}
.integrations_jobProTop .button {
  margin-right: 15px;
}
.integrations_jobProTop .contentbox {
  overflow: hidden;
  width: auto;
}
.integrations_jobProTop .infomessage {
  background: #EBF5FF;
  padding-top: 9px;
  padding-bottom: 9px;
  white-space: nowrap;
  border-color: #3296fa;
}
.integrations_jobProTop .infomessage:hover {
  white-space: normal;
}
.integrations_jobProMediaToggle .contentToggleBar img {
  float: left;
  margin: 3px 15px 0 0;
}
.integrations_jobProMediaToggle .contentToggleBar span,
.integrations_jobProMediaPopupAgentToggle .contentToggleBar span {
  transition: all 0.25s;
  display: inline-block;
  vertical-align: top;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 300;
  color: #3296fa;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 0 0 1px #3296fa inset;
  box-sizing: border-box;
  border-radius: 12px;
  margin: 3px 0 0 15px;
}
.integrations_jobProMediaToggle .contentToggleBar:hover span,
.integrations_jobProMediaToggle .contentToggleBar.active span,
.integrations_jobProMediaPopupAgentToggle .contentToggleBar:hover span,
.integrations_jobProMediaPopupAgentToggle .contentToggleBar.active span {
  color: #fff;
  box-shadow: 0 0 0 11px #3296fa inset;
}
.integrations_jobProLeft .contentToggle,
.integrations_jobProRight .contentToggle {
  background: #fafafa;
}
.integrations_jobProMediaToggle .contentPadding {
  padding: 18px 18px 17px 17px;
}
.integrations_jobProMedia {
  transition: all 0.25s;
  position: relative;
  float: left;
  width: calc(50% - 15px);
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin: 7px 7px 8px 8px;
}
@media (max-width: 1600px) {
  .integrations_jobProMedia {
    width: calc(100% - 15px);
  }
}
.integrations_jobProMedia.inactive {
  opacity: 0.5;
}
.integrations_jobProMediaLogo {
  transition: all 0.25s;
  position: relative;
  height: 90px;
  padding: 0 25px;
  line-height: 91px;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-bottom: 1px solid #eee;
}
.integrations_jobProMediaLogo img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 120px;
  max-height: 40px;
  transform: translate(-50%, -50%);
}
.integrations_jobProMediaInfo {
  display: table;
  margin: 15px auto;
}
.integrations_jobProMediaInfoRow {
  display: table-row;
}
.integrations_jobProMediaInfoCell {
  display: table-cell;
}
.integrations_jobProMediaInfoCell:first-child {
  padding-right: 15px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #999;
}
.integrations_jobProMediaInfoRow:not(:first-child) .integrations_jobProMediaInfoCell {
  padding-top: 5px;
}
.integrations_jobProMediaInfoCell span {
  float: left;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.integrations_jobProMediaInfoCell:first-child span {
  float: right;
}
.integrations_jobProMedia .boxlink {
  transition: all 0.25s;
  background: url(/img/icons/12/edit_aaaaaa.svg) calc(100% + 15px) 15px no-repeat;
}
.integrations_jobProMedia .boxlink:hover {
  background-color: rgba(255, 255, 0, 0.05);
  background-position: calc(100% - 15px) 15px;
}
.integrations_jobProMedia .boxlink.noEdit {
  background-image: none !important;
}
.integrations_jobProMediaID {
  position: absolute;
  top: 15px;
  left: 15px;
  opacity: 0;
}
.integrations_jobProMedia:hover .integrations_jobProMediaID {
  opacity: 1;
}
.integrations_jobProMedia .switch {
  position: absolute;
  top: 15px;
  right: 15px;
}
.integrations_jobProMediaPopupGlobalHeader {
  border-bottom: 1px solid #e5e5e5;
}
.integrations_jobProMediaPopupGlobalHeaderLogo {
  position: relative;
  height: 120px;
  padding: 0 25px;
  line-height: 121px;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.integrations_jobProMediaPopupGlobalHeaderLogo img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 160px;
  max-height: 50px;
  transform: translate(-50%, -50%);
}
.integrations_jobProMediaPopupGlobalInfo {
  padding: 25px 25px 10px 25px;
}
.integrations_jobProMediaPopupGlobalInfo strong,
.integrations_jobProMediaPopupGlobalInfoLink {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 5px;
}
.integrations_jobProMediaPopupGlobalInfoLink {
  transition: all 0.25s;
  background: url(/img/icons/12/link_aaaaaa.svg) 0 50% no-repeat;
  text-decoration: none;
  padding-left: 17px;
  cursor: pointer;
}
.integrations_jobProMediaPopupGlobalInfoLink:hover {
  text-decoration: underline;
}
.integrations_jobProMediaPopupGlobalInfoPrice {
  float: right;
  height: 20px;
  background: #fafafa;
  padding: 0 6px;
  font-size: 12px;
  text-transform: uppercase;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 0 0 1px #e5e5e5 inset;
}
.integrations_jobProMediaPopupGlobalInfoPrice.free {
  background: rgba(100, 200, 75, 0.1);
  color: rgb(100, 200, 75);
  box-shadow: 0 0 0 1px rgba(100, 200, 75, 0.5) inset;
}
.integrations_jobProMediaPopupGlobalInfoPrice span {
  display: inline-block;
  color: #999;
  margin-right: 5px;
}
.integrations_jobProMediaPopupOverviewToggle {
  border-bottom: 1px solid #e5e5e5;
}
.integrations_jobProMediaPopupOverviewCodeTitle {
  background: #222;
  padding: 5px 25px;
  font-family: courier;
  color: #666;
  cursor: default;
}
.integrations_jobProMediaPopupOverviewCode {
  background: #333;
  padding: 25px;
  font-family: courier;
  white-space: nowrap;
  color: #fff;
  outline: none;
  overflow: auto;
}
.integrations_jobProMediaPopupAgentToggle {
  border-bottom: 1px solid #e5e5e5;
}
.integrations_jobProMediaPopupAgentIcon {
  float: left;
  width: 30px;
  height: 30px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin: -2px 15px -1px 0;
}
.integrations_jobProMediaPopupAgentMessageInvolved {
  display: table;
  width: 100%;
}
.integrations_jobProMediaPopupAgentMessageInvolvedRow {
  display: table-row;
}
.integrations_jobProMediaPopupAgentMessageInvolvedText {
  display: table-cell;
  position: relative;
  width: 1px;
  padding: 0 5px 5px 16px;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
}
.integrations_jobProMediaPopupAgentMessageInvolvedText:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 5px;
  left: 0;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
}
.integrations_jobProMediaPopupAgentMessageInvolvedText * {
  position: relative;
}
.integrations_jobProMediaPopupAgentMessageInvolvedField {
  display: table-cell;
  position: relative;
  padding-bottom: 5px;
}
.integrations_jobProMediaPopupAgentMessageInvolvedField .input,
.integrations_jobProMediaPopupAgentMessageInvolvedField .dropdown {
  border-radius: 0 3px 3px 0;
}
.integrations_jobProMediaPopupAgentMessageCcbccLink {
  transition: all 0.25s;
  position: absolute;
  display: none;
  top: 1px;
  right: 1px;
  height: 38px;
  background:
    linear-gradient(
      to right,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1) 85px);
  padding: 0 15px 0 100px;
  line-height: 39px;
  text-decoration: none;
  font-size: 12px;
  color: #999;
  border-radius: 2px;
}
.integrations_jobProMediaPopupAgentMessageCcbccLink.active {
  display: block;
}
.integrations_jobProMediaPopupAgentMessageCcbccLink.active:hover {
  color: #000;
}
.integrations_jobProMediaPopupAgentMessageCcbcc {
  display: none;
}
.integrations_jobProMediaPopupAgentMessageCcbcc.active {
  display: table-row;
}
.integrations_jobProMediaPopupAgentMessageSettings {
  min-height: 40px;
  background: #fff;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.integrations_jobProMediaPopupAgentMessageSettingsIcons {
  float: right;
  margin: -2px -7px;
}
.integrations_jobProMediaPopupAgentMessageSettingsIcons a {
  float: left;
  padding: 5px;
  background: #eee;
  border-radius: 2px;
  margin-left: 5px;
}
.integrations_jobProMediaPopupAgentMessageSettingsIcons a:hover {
  background: #e5e5e5;
}
.integrations_jobProMediaPopupAgentMessageSettingsIcons img {
  float: left;
}
.integrations_jobProMediaPopupAgentMessageSettingsAttached {
  display: none;
  float: left;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  padding: 10px 15px 0 15px;
  margin: 9px -15px -9px -15px;
}
.integrations_jobProMediaPopupAgentMessageSettingsAttached.active {
  display: block;
}
.integrations_jobProMediaPopupAgentMessageSettingsAttachedFile {
  height: 27px;
}
.integrations_jobProMediaPopupAgentMessageSettingsAttachedFileLink {
  display: block;
  float: left;
  width: calc(100% - 27px);
  white-space: nowrap;
  line-height: 18px;
  font-size: 12px;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.integrations_jobProRuleToggle .contentToggleBar .headline {
  transition: all 0.25s;
  float: left;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 14px) 50% no-repeat;
  background-size: 0px;
  padding: 0 27px 0 10px;
  outline: none;
  border-radius: 3px;
  margin: 0 -10px;
}
.integrations_jobProRuleToggle .contentToggleBar .headline:hover,
.integrations_jobProRuleToggle .contentToggleBar .headline:focus {
  background-color: rgba(50, 150, 250, 0.15);
  background-position: calc(100% - 8px);
  background-size: 12px;
}
.integrations_jobProRuleToggle .contentToggleBar .headline:empty:after {
  content: attr(placeholder);
  color: rgba(0, 0, 0, 0.5);
}
.integrations_jobProRuleToggle .chooseboxed {
  width: calc(50% - 3px);
  white-space: nowrap;
  overflow: hidden;
}
.integrations_jobProRuleToggle .chooseboxed:nth-child(2n+2) {
  float: right;
  width: calc(50% - 2px);
}
.integrations_jobProRuleToggle .chooseboxed:nth-child(1),
.integrations_jobProRuleToggle .chooseboxed:nth-child(2) {
  margin-bottom: 5px;
}
.integrations_jobProRuleToggle .chooseboxed:hover,
.integrations_jobProRuleToggle .chooseboxed.active {
  background-color: #EBF5FF;
}
.integrations_jobProRuleCriteria {
  margin-top: 5px;
}
.integrations_jobProRuleCriteriaQuestion,
.integrations_jobProRuleCriteriaOption {
  float: left;
  width: 35%;
}
.integrations_jobProRuleCriteriaQuestion {
  margin-right: 5px;
}
.integrations_jobProRuleCriteriaActions {
  float: right;
  width: calc(30% - 10px);
}
.integrations_jobProRuleCriteriaActions .selectbuttons {
  width: calc(100% - 45px);
}
.integrations_jobProRuleCriteriaActions .selectbutton {
  padding: 0 !important;
  text-overflow: clip !important;
}
.integrations_jobProRuleCriteriaActions .button {
  float: right;
}
@media (max-width: 1500px) {
  .integrations_jobProRuleCriteriaQuestion {
    width: calc(50% - 25px);
  }
  .integrations_jobProRuleCriteriaOption {
    width: calc(50% - 25px);
  }
  .integrations_jobProRuleCriteriaActions {
    width: 100%;
    margin-top: 5px;
  }
}
.integrations_exportContent {
  height: calc(100% - 290px);
  background: #f3f3f3;
  overflow: auto;
}
.integrations_exportContentToggles {
  margin: -26px -25px -25px -25px;
}
.integrations_exportContentToggles .contentToggleBar:not(.disabled) {
  background: #fff;
}
.integrations_apikeyTop {
  background: rgb(255, 255, 235);
}
.integrations_apikeyTop .switch {
  float: right;
  margin: 4px 0 0 25px;
}
.integrations_apikeyTop .headline {
  transition: all 0.25s;
  float: left;
  max-width: 70%;
  padding-right: 20px;
  background: url(/img/icons/12/edit_3296fa.svg) calc(100% - 6px) 50% no-repeat;
  background-size: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.integrations_apikeyTop .headline:hover {
  background-position: 100% 50%;
  background-size: 12px;
  color: #3296fa;
}
.integrations_apikeyContent {
  height: calc(100% - 219px);
  background: #f3f3f3;
  overflow: auto;
}
.integrations_apikeyArea {
  overflow: hidden;
}
.integrations_apikeyArea:not(.active) {
  box-shadow: none;
}
.integrations_apikeyAreaHeader {
  transition: all 0.25s;
  padding: 20px 25px;
  border: 0;
}
.integrations_apikeyArea:not(.active) .integrations_apikeyAreaHeader {
  background: #eee;
  color: #666;
}
.integrations_apikeyAreaHeader > .switch {
  margin: 3px 15px 0 0;
}
.integrations_apikeyAreaContent {
  display: none;
  background: #fafafa;
  padding: 25px 25px 10px 25px;
  border-top: 1px solid #e5e5e5;
}
.integrations_apikeyAreaSub {
  background: #fff;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin-bottom: 15px;
}
.integrations_apikeyAreaSubHeader {
  transition: all 0.25s;
  height: 50px;
  padding: 15px;
  line-height: 21px;
  font-weight: bold;
  box-sizing: border-box;
  overflow: hidden;
  border: 0;
}
.integrations_apikeyAreaSub:not(.active) .integrations_apikeyAreaSubHeader {
  background: #eee;
  color: #666;
}
.integrations_apikeyAreaSubHeader > .switch {
  margin: 0 15px 0 0;
}
.integrations_apikeyAreaSubHeader span {
  background: url(/img/icons/9/arrowright_aaaaaa.svg) 5px 50% no-repeat;
  padding: 0 0 0 19px;
}
.integrations_apikeyAreaSubContent {
  display: none;
  border-top: 1px solid #e5e5e5;
  padding: 15px 15px 0 15px;
}
.integrations_apikeyAreaSwitches {
  display: flex;
  flex-wrap: wrap;
}
.integrations_apikeyAreaSwitch {
  width: 33.3333%;
  padding-right: 25px;
  box-sizing: border-box;
  margin: 0 0 15px 0;
}
.integrations_apikeyAreaSwitch div {
  transition: all 0.25s;
  float: right;
  width: calc(100% - 49px);
  margin: 1px 0 -1px 0;
}
.integrations_apikeyAreaSwitch:not(.active) div {
  color: #999;
}

/* apps/shared-assets/css/intl-tel-input.css */
.iti-flag {
  background-image: url("./media/flags-645KQKNA.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("./media/flags@2x-E4CMA2OR.png");
  }
}

/* node_modules/intl-tel-input/build/css/intlTelInput.css */
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.iti__country {
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name,
.iti__dial-code {
  vertical-align: middle;
}
.iti__flag-box,
.iti__country-name {
  margin-right: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}
.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}
.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("./media/flags-645KQKNA.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("./media/flags@2x-E4CMA2OR.png");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

/* css-inline-fonts:https://fonts.googleapis.com/css?family=Roboto:400,500 */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format("woff2");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format("woff2");
  unicode-range:
    U+0302-0303,
    U+0305,
    U+0307-0308,
    U+0310,
    U+0312,
    U+0315,
    U+031A,
    U+0326-0327,
    U+032C,
    U+032F-0330,
    U+0332-0333,
    U+0338,
    U+033A,
    U+0346,
    U+034D,
    U+0391-03A1,
    U+03A3-03A9,
    U+03B1-03C9,
    U+03D1,
    U+03D5-03D6,
    U+03F0-03F1,
    U+03F4-03F5,
    U+2016-2017,
    U+2034-2038,
    U+203C,
    U+2040,
    U+2043,
    U+2047,
    U+2050,
    U+2057,
    U+205F,
    U+2070-2071,
    U+2074-208E,
    U+2090-209C,
    U+20D0-20DC,
    U+20E1,
    U+20E5-20EF,
    U+2100-2112,
    U+2114-2115,
    U+2117-2121,
    U+2123-214F,
    U+2190,
    U+2192,
    U+2194-21AE,
    U+21B0-21E5,
    U+21F1-21F2,
    U+21F4-2211,
    U+2213-2214,
    U+2216-22FF,
    U+2308-230B,
    U+2310,
    U+2319,
    U+231C-2321,
    U+2336-237A,
    U+237C,
    U+2395,
    U+239B-23B7,
    U+23D0,
    U+23DC-23E1,
    U+2474-2475,
    U+25AF,
    U+25B3,
    U+25B7,
    U+25BD,
    U+25C1,
    U+25CA,
    U+25CC,
    U+25FB,
    U+266D-266F,
    U+27C0-27FF,
    U+2900-2AFF,
    U+2B0E-2B11,
    U+2B30-2B4C,
    U+2BFE,
    U+3030,
    U+FF5B,
    U+FF5D,
    U+1D400-1D7FF,
    U+1EE00-1EEFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format("woff2");
  unicode-range:
    U+0001-000C,
    U+000E-001F,
    U+007F-009F,
    U+20DD-20E0,
    U+20E2-20E4,
    U+2150-218F,
    U+2190,
    U+2192,
    U+2194-2199,
    U+21AF,
    U+21E6-21F0,
    U+21F3,
    U+2218-2219,
    U+2299,
    U+22C4-22C6,
    U+2300-243F,
    U+2440-244A,
    U+2460-24FF,
    U+25A0-27BF,
    U+2800-28FF,
    U+2921-2922,
    U+2981,
    U+29BF,
    U+29EB,
    U+2B00-2BFF,
    U+4DC0-4DFF,
    U+FFF9-FFFB,
    U+10140-1018E,
    U+10190-1019C,
    U+101A0,
    U+101D0-101FD,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+1D2C0-1D2D3,
    U+1D2E0-1D37F,
    U+1F000-1F0FF,
    U+1F100-1F1AD,
    U+1F1E6-1F1FF,
    U+1F30D-1F30F,
    U+1F315,
    U+1F31C,
    U+1F31E,
    U+1F320-1F32C,
    U+1F336,
    U+1F378,
    U+1F37D,
    U+1F382,
    U+1F393-1F39F,
    U+1F3A7-1F3A8,
    U+1F3AC-1F3AF,
    U+1F3C2,
    U+1F3C4-1F3C6,
    U+1F3CA-1F3CE,
    U+1F3D4-1F3E0,
    U+1F3ED,
    U+1F3F1-1F3F3,
    U+1F3F5-1F3F7,
    U+1F408,
    U+1F415,
    U+1F41F,
    U+1F426,
    U+1F43F,
    U+1F441-1F442,
    U+1F444,
    U+1F446-1F449,
    U+1F44C-1F44E,
    U+1F453,
    U+1F46A,
    U+1F47D,
    U+1F4A3,
    U+1F4B0,
    U+1F4B3,
    U+1F4B9,
    U+1F4BB,
    U+1F4BF,
    U+1F4C8-1F4CB,
    U+1F4D6,
    U+1F4DA,
    U+1F4DF,
    U+1F4E3-1F4E6,
    U+1F4EA-1F4ED,
    U+1F4F7,
    U+1F4F9-1F4FB,
    U+1F4FD-1F4FE,
    U+1F503,
    U+1F507-1F50B,
    U+1F50D,
    U+1F512-1F513,
    U+1F53E-1F54A,
    U+1F54F-1F5FA,
    U+1F610,
    U+1F650-1F67F,
    U+1F687,
    U+1F68D,
    U+1F691,
    U+1F694,
    U+1F698,
    U+1F6AD,
    U+1F6B2,
    U+1F6B9-1F6BA,
    U+1F6BC,
    U+1F6C6-1F6CF,
    U+1F6D3-1F6D7,
    U+1F6E0-1F6EA,
    U+1F6F0-1F6F3,
    U+1F6F7-1F6FC,
    U+1F700-1F7FF,
    U+1F800-1F80B,
    U+1F810-1F847,
    U+1F850-1F859,
    U+1F860-1F887,
    U+1F890-1F8AD,
    U+1F8B0-1F8BB,
    U+1F8C0-1F8C1,
    U+1F900-1F90B,
    U+1F93B,
    U+1F946,
    U+1F984,
    U+1F996,
    U+1F9E9,
    U+1FA00-1FA6F,
    U+1FA70-1FA7C,
    U+1FA80-1FA89,
    U+1FA8F-1FAC6,
    U+1FACE-1FADC,
    U+1FADF-1FAE9,
    U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format("woff2");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format("woff2");
  unicode-range:
    U+0302-0303,
    U+0305,
    U+0307-0308,
    U+0310,
    U+0312,
    U+0315,
    U+031A,
    U+0326-0327,
    U+032C,
    U+032F-0330,
    U+0332-0333,
    U+0338,
    U+033A,
    U+0346,
    U+034D,
    U+0391-03A1,
    U+03A3-03A9,
    U+03B1-03C9,
    U+03D1,
    U+03D5-03D6,
    U+03F0-03F1,
    U+03F4-03F5,
    U+2016-2017,
    U+2034-2038,
    U+203C,
    U+2040,
    U+2043,
    U+2047,
    U+2050,
    U+2057,
    U+205F,
    U+2070-2071,
    U+2074-208E,
    U+2090-209C,
    U+20D0-20DC,
    U+20E1,
    U+20E5-20EF,
    U+2100-2112,
    U+2114-2115,
    U+2117-2121,
    U+2123-214F,
    U+2190,
    U+2192,
    U+2194-21AE,
    U+21B0-21E5,
    U+21F1-21F2,
    U+21F4-2211,
    U+2213-2214,
    U+2216-22FF,
    U+2308-230B,
    U+2310,
    U+2319,
    U+231C-2321,
    U+2336-237A,
    U+237C,
    U+2395,
    U+239B-23B7,
    U+23D0,
    U+23DC-23E1,
    U+2474-2475,
    U+25AF,
    U+25B3,
    U+25B7,
    U+25BD,
    U+25C1,
    U+25CA,
    U+25CC,
    U+25FB,
    U+266D-266F,
    U+27C0-27FF,
    U+2900-2AFF,
    U+2B0E-2B11,
    U+2B30-2B4C,
    U+2BFE,
    U+3030,
    U+FF5B,
    U+FF5D,
    U+1D400-1D7FF,
    U+1EE00-1EEFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format("woff2");
  unicode-range:
    U+0001-000C,
    U+000E-001F,
    U+007F-009F,
    U+20DD-20E0,
    U+20E2-20E4,
    U+2150-218F,
    U+2190,
    U+2192,
    U+2194-2199,
    U+21AF,
    U+21E6-21F0,
    U+21F3,
    U+2218-2219,
    U+2299,
    U+22C4-22C6,
    U+2300-243F,
    U+2440-244A,
    U+2460-24FF,
    U+25A0-27BF,
    U+2800-28FF,
    U+2921-2922,
    U+2981,
    U+29BF,
    U+29EB,
    U+2B00-2BFF,
    U+4DC0-4DFF,
    U+FFF9-FFFB,
    U+10140-1018E,
    U+10190-1019C,
    U+101A0,
    U+101D0-101FD,
    U+102E0-102FB,
    U+10E60-10E7E,
    U+1D2C0-1D2D3,
    U+1D2E0-1D37F,
    U+1F000-1F0FF,
    U+1F100-1F1AD,
    U+1F1E6-1F1FF,
    U+1F30D-1F30F,
    U+1F315,
    U+1F31C,
    U+1F31E,
    U+1F320-1F32C,
    U+1F336,
    U+1F378,
    U+1F37D,
    U+1F382,
    U+1F393-1F39F,
    U+1F3A7-1F3A8,
    U+1F3AC-1F3AF,
    U+1F3C2,
    U+1F3C4-1F3C6,
    U+1F3CA-1F3CE,
    U+1F3D4-1F3E0,
    U+1F3ED,
    U+1F3F1-1F3F3,
    U+1F3F5-1F3F7,
    U+1F408,
    U+1F415,
    U+1F41F,
    U+1F426,
    U+1F43F,
    U+1F441-1F442,
    U+1F444,
    U+1F446-1F449,
    U+1F44C-1F44E,
    U+1F453,
    U+1F46A,
    U+1F47D,
    U+1F4A3,
    U+1F4B0,
    U+1F4B3,
    U+1F4B9,
    U+1F4BB,
    U+1F4BF,
    U+1F4C8-1F4CB,
    U+1F4D6,
    U+1F4DA,
    U+1F4DF,
    U+1F4E3-1F4E6,
    U+1F4EA-1F4ED,
    U+1F4F7,
    U+1F4F9-1F4FB,
    U+1F4FD-1F4FE,
    U+1F503,
    U+1F507-1F50B,
    U+1F50D,
    U+1F512-1F513,
    U+1F53E-1F54A,
    U+1F54F-1F5FA,
    U+1F610,
    U+1F650-1F67F,
    U+1F687,
    U+1F68D,
    U+1F691,
    U+1F694,
    U+1F698,
    U+1F6AD,
    U+1F6B2,
    U+1F6B9-1F6BA,
    U+1F6BC,
    U+1F6C6-1F6CF,
    U+1F6D3-1F6D7,
    U+1F6E0-1F6EA,
    U+1F6F0-1F6F3,
    U+1F6F7-1F6FC,
    U+1F700-1F7FF,
    U+1F800-1F80B,
    U+1F810-1F847,
    U+1F850-1F859,
    U+1F860-1F887,
    U+1F890-1F8AD,
    U+1F8B0-1F8BB,
    U+1F8C0-1F8C1,
    U+1F900-1F90B,
    U+1F93B,
    U+1F946,
    U+1F984,
    U+1F996,
    U+1F9E9,
    U+1FA00-1FA6F,
    U+1FA70-1FA7C,
    U+1FA80-1FA89,
    U+1FA8F-1FAC6,
    U+1FACE-1FADC,
    U+1FADF-1FAE9,
    U+1FAF0-1FAF8,
    U+1FB00-1FBFF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* apps/shared-assets/assets/scripts/diagram/diagram-editor/codebase/diagram-editor.css */
/*
@license

dhtmlxDiagram v.2.1.0 Trial
This software is covered by DHTMLX Evaluation License. Contact sales@dhtmlx.com to get Commercial or Enterprise license. Usage without proper license is prohibited.

(c) Dinamenta, UAB.
*/
.dhx_btn,
.dhx_btn_small {
  box-sizing: border-box;
  border: none;
  outline: none;
  padding: 6px 12px;
  border-radius: 2px;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
}
.dhx_btn .dxi,
.dhx_btn_small .dxi {
  font-size: 20px;
  margin-right: 4px;
  margin-left: -4px;
}
.dhx_btn_small span,
.dhx_btn span {
  line-height: 24px;
  position: relative;
  top: 1px;
}
.dhx_btn:hover,
.dhx_btn_small:hover {
  color: #fff;
  background: #0278b8;
  cursor: pointer;
}
.dhx_btn .action,
.dhx_btn:active,
.dhx_btn_small .action,
.dhx_btn_small:active {
  background: #0278b8;
}
.dhx_btn--active {
  background: #0288d1;
  color: #fff;
}
.dhx_btn--active:hover {
  color: #fff;
  background: #0278b8;
  cursor: pointer;
}
.dhx_btn--flat {
  border: none;
  background: transparent;
  color: #015785;
}
.dhx_btn--flat:hover {
  background: rgba(2, 136, 209, .2);
  color: #015785;
  cursor: pointer;
}
.dhx_btn_small {
  padding: 4px 8px !important;
  font-size: 14px;
  line-height: 20px;
}
.dhx_widget,
.dhx_widget button,
.dhx_widget input,
.dhx_widget select,
.dhx_widget textarea {
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  line-height: 1;
  color: rgba(0, 0, 0, .7);
  font-weight: 400;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dhx_widget button {
  font-weight: 500;
}
.dhx_widget .dxi,
.dhx_widget .fas,
.dhx_widget .mdi {
  font-size: 24px;
}
.dhx_noselect {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.dhx_widget input:focus::-webkit-input-placeholder {
  color: transparent;
}
.dhx_widget input:focus:-moz-placeholder,
.dhx_widget input:focus::-moz-placeholder {
  color: transparent;
}
.dhx_widget input:focus:-ms-input-placeholder {
  color: transparent;
}
.dhx_popup_toolbar {
  position: absolute;
  z-index: 50;
  animation: d .2s ease-in-out forwards;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3), 0 2px 4px 0 rgba(0, 0, 0, .04);
}
.dhx_popup_toolbar.hide {
  animation: e .2s ease-in-out forwards;
}
.dhx_item_toolbar {
  display: flex;
  height: 48px;
  padding: 0 8px;
  align-items: center;
}
.dhx_item_toolbar .dhx_icon {
  display: flex;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 50%;
  justify-content: center;
  align-items: center;
}
.dhx_item_toolbar .dhx_icon:hover {
  background-color: #f7f7f7;
}
.dhx_item_toolbar .dhx_icon:hover svg {
  fill: #0288d1;
}
.dhx_item_toolbar .dhx_icon:hover.dhx_remove svg {
  fill: #e10000;
}
.dhx_item_toolbar .dhx_icon.dhx_active svg {
  fill: #0288d1;
}
.dhx_item_toolbar .dhx_icon svg {
  fill: #8792a7;
}
.dhx_item_toolbar .dhx_remove:hover {
  background-color: #fff;
}
.dhx_diagram {
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  overflow: auto;
  font-size-adjust: 100%;
  text-align: center;
}
.dhx_diagram .dhx_wrapper {
  display: inline-block;
  position: relative;
}
.dhx_diagram_connector {
  stroke: #ccc;
  fill: none;
}
.dhx_diagram_item .dhx_hide_icon {
  display: none;
  -webkit-user-select: none;
  user-select: none;
  shape-rendering: auto;
}
.dhx_diagram_item .dhx_expand_icon {
  -webkit-user-select: none;
  user-select: none;
  shape-rendering: auto;
  cursor: pointer;
}
.dhx_diagram_item:hover .dhx_hide_icon {
  display: block;
  animation: a .5s ease-out;
  cursor: pointer;
}
.dhx_diagram_item .dhx_item_shape {
  fill: #fff;
}
.dhx_diagram_item .shape_content {
  display: table-cell;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.dhx_diagram_item.dhx_selected .dhx_item_shape {
  fill: #fff;
}
.dhx_diagram_item.dhx_diagram_image .shape_content {
  display: block;
  overflow: hidden;
  text-align: left;
}
.dhx_diagram_item.dhx_diagram_image .dhx_content_img {
  float: left;
  width: 60px;
  height: 60px;
  margin: 16px 12px 0 8px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
}
.dhx_diagram_item.dhx_diagram_image .dhx_content_text {
  margin-top: 5px;
  color: rgba(0, 0, 0, .7);
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dhx_diagram_item.dhx_diagram_image .dhx_content_text-alone {
  margin-top: 12px;
}
.dhx_diagram_item.dhx_diagram_image .dhx_content_title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: rgba(0, 0, 0, .38);
  font-size: 14px;
  line-height: 17px;
  margin-top: 25px;
  white-space: nowrap;
  text-transform: uppercase;
}
.dhx_diagram_item.dhx_diagram_svg-card .dhx_content_text {
  fill: rgba(0, 0, 0, .7);
}
.dhx_diagram_item.dhx_diagram_svg-card .dhx_content_title {
  font-weight: 500;
  text-transform: uppercase;
  fill: rgba(0, 0, 0, .38);
}
.dhx_free_diagram {
  background: #fff;
}
.dhx_free_diagram .dhx_diagram_connector {
  stroke: #2196f3;
  stroke-width: 2px;
}
.dhx_free_diagram .dhx_diagram_extra_lines {
  stroke-width: 2px;
}
@keyframes a {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  to {
    display: block;
    opacity: 1;
  }
}
@font-face {
  font-family: DHX Icons;
  src: url("./media/dhxicons-webfont-E2W5RPGS.eot");
  src: url("./media/dhxicons-webfont-E2W5RPGS.eot") format("embedded-opentype"), url("./media/dhxicons-webfont-VNQ4CVBD.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
.dxi-set,
.dxi:before {
  display: block;
  font: normal normal normal 24px/1 DHX Icons;
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dxi-access-point:before {
  content: "\f002";
}
.dxi-access-point-network:before {
  content: "\f003";
}
.dxi-account:before {
  content: "\f004";
}
.dxi-account-alert:before {
  content: "\f005";
}
.dxi-account-box:before {
  content: "\f006";
}
.dxi-account-box-outline:before {
  content: "\f007";
}
.dxi-account-card-details:before {
  content: "\f5d2";
}
.dxi-account-check:before {
  content: "\f008";
}
.dxi-account-circle:before {
  content: "\f009";
}
.dxi-account-convert:before {
  content: "\f00a";
}
.dxi-account-edit:before {
  content: "\f6bb";
}
.dxi-account-group:before {
  content: "\f848";
}
.dxi-account-key:before {
  content: "\f00b";
}
.dxi-account-location:before {
  content: "\f00c";
}
.dxi-account-minus:before {
  content: "\f00d";
}
.dxi-account-multiple:before {
  content: "\f00e";
}
.dxi-account-multiple-minus:before {
  content: "\f5d3";
}
.dxi-account-multiple-outline:before {
  content: "\f00f";
}
.dxi-account-multiple-plus:before {
  content: "\f010";
}
.dxi-account-multiple-plus-outline:before {
  content: "\f7ff";
}
.dxi-account-network:before {
  content: "\f011";
}
.dxi-account-off:before {
  content: "\f012";
}
.dxi-account-outline:before {
  content: "\f013";
}
.dxi-account-plus:before {
  content: "\f014";
}
.dxi-account-plus-outline:before {
  content: "\f800";
}
.dxi-account-remove:before {
  content: "\f015";
}
.dxi-account-search:before {
  content: "\f016";
}
.dxi-account-settings:before {
  content: "\f630";
}
.dxi-account-settings-variant:before {
  content: "\f631";
}
.dxi-account-star:before {
  content: "\f017";
}
.dxi-account-switch:before {
  content: "\f019";
}
.dxi-accusoft:before {
  content: "\f849";
}
.dxi-adjust:before {
  content: "\f01a";
}
.dxi-air-conditioner:before {
  content: "\f01b";
}
.dxi-airballoon:before {
  content: "\f01c";
}
.dxi-airplane:before {
  content: "\f01d";
}
.dxi-airplane-landing:before {
  content: "\f5d4";
}
.dxi-airplane-off:before {
  content: "\f01e";
}
.dxi-airplane-takeoff:before {
  content: "\f5d5";
}
.dxi-airplay:before {
  content: "\f01f";
}
.dxi-airport:before {
  content: "\f84a";
}
.dxi-alarm:before {
  content: "\f020";
}
.dxi-alarm-bell:before {
  content: "\f78d";
}
.dxi-alarm-check:before {
  content: "\f021";
}
.dxi-alarm-light:before {
  content: "\f78e";
}
.dxi-alarm-multiple:before {
  content: "\f022";
}
.dxi-alarm-off:before {
  content: "\f023";
}
.dxi-alarm-plus:before {
  content: "\f024";
}
.dxi-alarm-snooze:before {
  content: "\f68d";
}
.dxi-album:before {
  content: "\f025";
}
.dxi-alert:before {
  content: "\f026";
}
.dxi-alert-box:before {
  content: "\f027";
}
.dxi-alert-circle:before {
  content: "\f028";
}
.dxi-alert-circle-outline:before {
  content: "\f5d6";
}
.dxi-alert-decagram:before {
  content: "\f6bc";
}
.dxi-alert-octagon:before {
  content: "\f029";
}
.dxi-alert-octagram:before {
  content: "\f766";
}
.dxi-alert-outline:before {
  content: "\f02a";
}
.dxi-all-inclusive:before {
  content: "\f6bd";
}
.dxi-allo:before {
  content: "\f801";
}
.dxi-alpha:before {
  content: "\f02b";
}
.dxi-alphabetical:before {
  content: "\f02c";
}
.dxi-altimeter:before {
  content: "\f5d7";
}
.dxi-amazon:before {
  content: "\f02d";
}
.dxi-amazon-clouddrive:before {
  content: "\f02e";
}
.dxi-ambulance:before {
  content: "\f02f";
}
.dxi-amplifier:before {
  content: "\f030";
}
.dxi-anchor:before {
  content: "\f031";
}
.dxi-android:before {
  content: "\f032";
}
.dxi-android-debug-bridge:before {
  content: "\f033";
}
.dxi-android-head:before {
  content: "\f78f";
}
.dxi-android-studio:before {
  content: "\f034";
}
.dxi-angular:before {
  content: "\f6b1";
}
.dxi-angularjs:before {
  content: "\f6be";
}
.dxi-animation:before {
  content: "\f5d8";
}
.dxi-apple:before {
  content: "\f035";
}
.dxi-apple-finder:before {
  content: "\f036";
}
.dxi-apple-ios:before {
  content: "\f037";
}
.dxi-apple-keyboard-caps:before {
  content: "\f632";
}
.dxi-apple-keyboard-command:before {
  content: "\f633";
}
.dxi-apple-keyboard-control:before {
  content: "\f634";
}
.dxi-apple-keyboard-option:before {
  content: "\f635";
}
.dxi-apple-keyboard-shift:before {
  content: "\f636";
}
.dxi-apple-mobileme:before {
  content: "\f038";
}
.dxi-apple-safari:before {
  content: "\f039";
}
.dxi-application:before {
  content: "\f614";
}
.dxi-approval:before {
  content: "\f790";
}
.dxi-apps:before {
  content: "\f03b";
}
.dxi-archive:before {
  content: "\f03c";
}
.dxi-arrange-bring-forward:before {
  content: "\f03d";
}
.dxi-arrange-bring-to-front:before {
  content: "\f03e";
}
.dxi-arrange-send-backward:before {
  content: "\f03f";
}
.dxi-arrange-send-to-back:before {
  content: "\f040";
}
.dxi-arrow-all:before {
  content: "\f041";
}
.dxi-arrow-bottom-left:before {
  content: "\f042";
}
.dxi-arrow-bottom-right:before {
  content: "\f043";
}
.dxi-arrow-collapse:before {
  content: "\f615";
}
.dxi-arrow-collapse-all:before {
  content: "\f044";
}
.dxi-arrow-collapse-down:before {
  content: "\f791";
}
.dxi-arrow-collapse-horizontal:before {
  content: "\f84b";
}
.dxi-arrow-collapse-left:before {
  content: "\f792";
}
.dxi-arrow-collapse-right:before {
  content: "\f793";
}
.dxi-arrow-collapse-up:before {
  content: "\f794";
}
.dxi-arrow-collapse-vertical:before {
  content: "\f84c";
}
.dxi-arrow-down:before {
  content: "\f045";
}
.dxi-arrow-down-bold:before {
  content: "\f72d";
}
.dxi-arrow-down-bold-box:before {
  content: "\f72e";
}
.dxi-arrow-down-bold-box-outline:before {
  content: "\f72f";
}
.dxi-arrow-down-bold-circle:before {
  content: "\f047";
}
.dxi-arrow-down-bold-circle-outline:before {
  content: "\f048";
}
.dxi-arrow-down-bold-hexagon-outline:before {
  content: "\f049";
}
.dxi-arrow-down-box:before {
  content: "\f6bf";
}
.dxi-arrow-down-drop-circle:before {
  content: "\f04a";
}
.dxi-arrow-down-drop-circle-outline:before {
  content: "\f04b";
}
.dxi-arrow-down-thick:before {
  content: "\f046";
}
.dxi-arrow-expand:before {
  content: "\f616";
}
.dxi-arrow-expand-all:before {
  content: "\f04c";
}
.dxi-arrow-expand-down:before {
  content: "\f795";
}
.dxi-arrow-expand-horizontal:before {
  content: "\f84d";
}
.dxi-arrow-expand-left:before {
  content: "\f796";
}
.dxi-arrow-expand-right:before {
  content: "\f797";
}
.dxi-arrow-expand-up:before {
  content: "\f798";
}
.dxi-arrow-expand-vertical:before {
  content: "\f84e";
}
.dxi-arrow-left:before {
  content: "\f04d";
}
.dxi-arrow-left-bold:before {
  content: "\f730";
}
.dxi-arrow-left-bold-box:before {
  content: "\f731";
}
.dxi-arrow-left-bold-box-outline:before {
  content: "\f732";
}
.dxi-arrow-left-bold-circle:before {
  content: "\f04f";
}
.dxi-arrow-left-bold-circle-outline:before {
  content: "\f050";
}
.dxi-arrow-left-bold-hexagon-outline:before {
  content: "\f051";
}
.dxi-arrow-left-box:before {
  content: "\f6c0";
}
.dxi-arrow-left-drop-circle:before {
  content: "\f052";
}
.dxi-arrow-left-drop-circle-outline:before {
  content: "\f053";
}
.dxi-arrow-left-thick:before {
  content: "\f04e";
}
.dxi-arrow-right:before {
  content: "\f054";
}
.dxi-arrow-right-bold:before {
  content: "\f733";
}
.dxi-arrow-right-bold-box:before {
  content: "\f734";
}
.dxi-arrow-right-bold-box-outline:before {
  content: "\f735";
}
.dxi-arrow-right-bold-circle:before {
  content: "\f056";
}
.dxi-arrow-right-bold-circle-outline:before {
  content: "\f057";
}
.dxi-arrow-right-bold-hexagon-outline:before {
  content: "\f058";
}
.dxi-arrow-right-box:before {
  content: "\f6c1";
}
.dxi-arrow-right-drop-circle:before {
  content: "\f059";
}
.dxi-arrow-right-drop-circle-outline:before {
  content: "\f05a";
}
.dxi-arrow-right-thick:before {
  content: "\f055";
}
.dxi-arrow-top-left:before {
  content: "\f05b";
}
.dxi-arrow-top-right:before {
  content: "\f05c";
}
.dxi-arrow-up:before {
  content: "\f05d";
}
.dxi-arrow-up-bold:before {
  content: "\f736";
}
.dxi-arrow-up-bold-box:before {
  content: "\f737";
}
.dxi-arrow-up-bold-box-outline:before {
  content: "\f738";
}
.dxi-arrow-up-bold-circle:before {
  content: "\f05f";
}
.dxi-arrow-up-bold-circle-outline:before {
  content: "\f060";
}
.dxi-arrow-up-bold-hexagon-outline:before {
  content: "\f061";
}
.dxi-arrow-up-box:before {
  content: "\f6c2";
}
.dxi-arrow-up-drop-circle:before {
  content: "\f062";
}
.dxi-arrow-up-drop-circle-outline:before {
  content: "\f063";
}
.dxi-arrow-up-thick:before {
  content: "\f05e";
}
.dxi-artist:before {
  content: "\f802";
}
.dxi-assistant:before {
  content: "\f064";
}
.dxi-asterisk:before {
  content: "\f6c3";
}
.dxi-at:before {
  content: "\f065";
}
.dxi-atlassian:before {
  content: "\f803";
}
.dxi-atom:before {
  content: "\f767";
}
.dxi-attachment:before {
  content: "\f066";
}
.dxi-audiobook:before {
  content: "\f067";
}
.dxi-augmented-reality:before {
  content: "\f84f";
}
.dxi-auto-fix:before {
  content: "\f068";
}
.dxi-auto-upload:before {
  content: "\f069";
}
.dxi-autorenew:before {
  content: "\f06a";
}
.dxi-av-timer:before {
  content: "\f06b";
}
.dxi-azure:before {
  content: "\f804";
}
.dxi-baby:before {
  content: "\f06c";
}
.dxi-baby-buggy:before {
  content: "\f68e";
}
.dxi-backburger:before {
  content: "\f06d";
}
.dxi-backspace:before {
  content: "\f06e";
}
.dxi-backup-restore:before {
  content: "\f06f";
}
.dxi-badminton:before {
  content: "\f850";
}
.dxi-bandcamp:before {
  content: "\f674";
}
.dxi-bank:before {
  content: "\f070";
}
.dxi-barcode:before {
  content: "\f071";
}
.dxi-barcode-scan:before {
  content: "\f072";
}
.dxi-barley:before {
  content: "\f073";
}
.dxi-barrel:before {
  content: "\f074";
}
.dxi-baseball:before {
  content: "\f851";
}
.dxi-baseball-bat:before {
  content: "\f852";
}
.dxi-basecamp:before {
  content: "\f075";
}
.dxi-basket:before {
  content: "\f076";
}
.dxi-basket-fill:before {
  content: "\f077";
}
.dxi-basket-unfill:before {
  content: "\f078";
}
.dxi-basketball:before {
  content: "\f805";
}
.dxi-battery:before {
  content: "\f079";
}
.dxi-battery-10:before {
  content: "\f07a";
}
.dxi-battery-20:before {
  content: "\f07b";
}
.dxi-battery-30:before {
  content: "\f07c";
}
.dxi-battery-40:before {
  content: "\f07d";
}
.dxi-battery-50:before {
  content: "\f07e";
}
.dxi-battery-60:before {
  content: "\f07f";
}
.dxi-battery-70:before {
  content: "\f080";
}
.dxi-battery-80:before {
  content: "\f081";
}
.dxi-battery-90:before {
  content: "\f082";
}
.dxi-battery-alert:before {
  content: "\f083";
}
.dxi-battery-charging:before {
  content: "\f084";
}
.dxi-battery-charging-100:before {
  content: "\f085";
}
.dxi-battery-charging-20:before {
  content: "\f086";
}
.dxi-battery-charging-30:before {
  content: "\f087";
}
.dxi-battery-charging-40:before {
  content: "\f088";
}
.dxi-battery-charging-60:before {
  content: "\f089";
}
.dxi-battery-charging-80:before {
  content: "\f08a";
}
.dxi-battery-charging-90:before {
  content: "\f08b";
}
.dxi-battery-charging-wireless:before {
  content: "\f806";
}
.dxi-battery-charging-wireless-10:before {
  content: "\f807";
}
.dxi-battery-charging-wireless-20:before {
  content: "\f808";
}
.dxi-battery-charging-wireless-30:before {
  content: "\f809";
}
.dxi-battery-charging-wireless-40:before {
  content: "\f80a";
}
.dxi-battery-charging-wireless-50:before {
  content: "\f80b";
}
.dxi-battery-charging-wireless-60:before {
  content: "\f80c";
}
.dxi-battery-charging-wireless-70:before {
  content: "\f80d";
}
.dxi-battery-charging-wireless-80:before {
  content: "\f80e";
}
.dxi-battery-charging-wireless-90:before {
  content: "\f80f";
}
.dxi-battery-charging-wireless-alert:before {
  content: "\f810";
}
.dxi-battery-charging-wireless-outline:before {
  content: "\f811";
}
.dxi-battery-minus:before {
  content: "\f08c";
}
.dxi-battery-negative:before {
  content: "\f08d";
}
.dxi-battery-outline:before {
  content: "\f08e";
}
.dxi-battery-plus:before {
  content: "\f08f";
}
.dxi-battery-positive:before {
  content: "\f090";
}
.dxi-battery-unknown:before {
  content: "\f091";
}
.dxi-beach:before {
  content: "\f092";
}
.dxi-beaker:before {
  content: "\f68f";
}
.dxi-beats:before {
  content: "\f097";
}
.dxi-beer:before {
  content: "\f098";
}
.dxi-behance:before {
  content: "\f099";
}
.dxi-bell:before {
  content: "\f09a";
}
.dxi-bell-off:before {
  content: "\f09b";
}
.dxi-bell-outline:before {
  content: "\f09c";
}
.dxi-bell-plus:before {
  content: "\f09d";
}
.dxi-bell-ring:before {
  content: "\f09e";
}
.dxi-bell-ring-outline:before {
  content: "\f09f";
}
.dxi-bell-sleep:before {
  content: "\f0a0";
}
.dxi-beta:before {
  content: "\f0a1";
}
.dxi-bible:before {
  content: "\f0a2";
}
.dxi-bike:before {
  content: "\f0a3";
}
.dxi-bing:before {
  content: "\f0a4";
}
.dxi-binoculars:before {
  content: "\f0a5";
}
.dxi-bio:before {
  content: "\f0a6";
}
.dxi-biohazard:before {
  content: "\f0a7";
}
.dxi-bitbucket:before {
  content: "\f0a8";
}
.dxi-bitcoin:before {
  content: "\f812";
}
.dxi-black-mesa:before {
  content: "\f0a9";
}
.dxi-blackberry:before {
  content: "\f0aa";
}
.dxi-blender:before {
  content: "\f0ab";
}
.dxi-blinds:before {
  content: "\f0ac";
}
.dxi-block-helper:before {
  content: "\f0ad";
}
.dxi-blogger:before {
  content: "\f0ae";
}
.dxi-bluetooth:before {
  content: "\f0af";
}
.dxi-bluetooth-audio:before {
  content: "\f0b0";
}
.dxi-bluetooth-connect:before {
  content: "\f0b1";
}
.dxi-bluetooth-off:before {
  content: "\f0b2";
}
.dxi-bluetooth-settings:before {
  content: "\f0b3";
}
.dxi-bluetooth-transfer:before {
  content: "\f0b4";
}
.dxi-blur:before {
  content: "\f0b5";
}
.dxi-blur-linear:before {
  content: "\f0b6";
}
.dxi-blur-off:before {
  content: "\f0b7";
}
.dxi-blur-radial:before {
  content: "\f0b8";
}
.dxi-bomb:before {
  content: "\f690";
}
.dxi-bomb-off:before {
  content: "\f6c4";
}
.dxi-bone:before {
  content: "\f0b9";
}
.dxi-book:before {
  content: "\f0ba";
}
.dxi-book-minus:before {
  content: "\f5d9";
}
.dxi-book-multiple:before {
  content: "\f0bb";
}
.dxi-book-multiple-variant:before {
  content: "\f0bc";
}
.dxi-book-open:before {
  content: "\f0bd";
}
.dxi-book-open-page-variant:before {
  content: "\f5da";
}
.dxi-book-open-variant:before {
  content: "\f0be";
}
.dxi-book-plus:before {
  content: "\f5db";
}
.dxi-book-secure:before {
  content: "\f799";
}
.dxi-book-unsecure:before {
  content: "\f79a";
}
.dxi-book-variant:before {
  content: "\f0bf";
}
.dxi-bookmark:before {
  content: "\f0c0";
}
.dxi-bookmark-check:before {
  content: "\f0c1";
}
.dxi-bookmark-music:before {
  content: "\f0c2";
}
.dxi-bookmark-outline:before {
  content: "\f0c3";
}
.dxi-bookmark-plus:before {
  content: "\f0c5";
}
.dxi-bookmark-plus-outline:before {
  content: "\f0c4";
}
.dxi-bookmark-remove:before {
  content: "\f0c6";
}
.dxi-boombox:before {
  content: "\f5dc";
}
.dxi-bootstrap:before {
  content: "\f6c5";
}
.dxi-border-all:before {
  content: "\f0c7";
}
.dxi-border-bottom:before {
  content: "\f0c8";
}
.dxi-border-color:before {
  content: "\f0c9";
}
.dxi-border-horizontal:before {
  content: "\f0ca";
}
.dxi-border-inside:before {
  content: "\f0cb";
}
.dxi-border-left:before {
  content: "\f0cc";
}
.dxi-border-none:before {
  content: "\f0cd";
}
.dxi-border-outside:before {
  content: "\f0ce";
}
.dxi-border-right:before {
  content: "\f0cf";
}
.dxi-border-style:before {
  content: "\f0d0";
}
.dxi-border-top:before {
  content: "\f0d1";
}
.dxi-border-vertical:before {
  content: "\f0d2";
}
.dxi-bottle-wine:before {
  content: "\f853";
}
.dxi-bow-tie:before {
  content: "\f677";
}
.dxi-bowl:before {
  content: "\f617";
}
.dxi-bowling:before {
  content: "\f0d3";
}
.dxi-box:before {
  content: "\f0d4";
}
.dxi-box-cutter:before {
  content: "\f0d5";
}
.dxi-box-shadow:before {
  content: "\f637";
}
.dxi-bridge:before {
  content: "\f618";
}
.dxi-briefcase:before {
  content: "\f0d6";
}
.dxi-briefcase-check:before {
  content: "\f0d7";
}
.dxi-briefcase-download:before {
  content: "\f0d8";
}
.dxi-briefcase-outline:before {
  content: "\f813";
}
.dxi-briefcase-upload:before {
  content: "\f0d9";
}
.dxi-brightness-1:before {
  content: "\f0da";
}
.dxi-brightness-2:before {
  content: "\f0db";
}
.dxi-brightness-3:before {
  content: "\f0dc";
}
.dxi-brightness-4:before {
  content: "\f0dd";
}
.dxi-brightness-5:before {
  content: "\f0de";
}
.dxi-brightness-6:before {
  content: "\f0df";
}
.dxi-brightness-7:before {
  content: "\f0e0";
}
.dxi-brightness-auto:before {
  content: "\f0e1";
}
.dxi-broom:before {
  content: "\f0e2";
}
.dxi-brush:before {
  content: "\f0e3";
}
.dxi-buffer:before {
  content: "\f619";
}
.dxi-bug:before {
  content: "\f0e4";
}
.dxi-bulletin-board:before {
  content: "\f0e5";
}
.dxi-bullhorn:before {
  content: "\f0e6";
}
.dxi-bullseye:before {
  content: "\f5dd";
}
.dxi-bus:before {
  content: "\f0e7";
}
.dxi-bus-articulated-end:before {
  content: "\f79b";
}
.dxi-bus-articulated-front:before {
  content: "\f79c";
}
.dxi-bus-double-decker:before {
  content: "\f79d";
}
.dxi-bus-school:before {
  content: "\f79e";
}
.dxi-bus-side:before {
  content: "\f79f";
}
.dxi-cached:before {
  content: "\f0e8";
}
.dxi-cake:before {
  content: "\f0e9";
}
.dxi-cake-layered:before {
  content: "\f0ea";
}
.dxi-cake-variant:before {
  content: "\f0eb";
}
.dxi-calculator:before {
  content: "\f0ec";
}
.dxi-calendar:before {
  content: "\f0ed";
}
.dxi-calendar-blank:before {
  content: "\f0ee";
}
.dxi-calendar-check:before {
  content: "\f0ef";
}
.dxi-calendar-clock:before {
  content: "\f0f0";
}
.dxi-calendar-multiple:before {
  content: "\f0f1";
}
.dxi-calendar-multiple-check:before {
  content: "\f0f2";
}
.dxi-calendar-plus:before {
  content: "\f0f3";
}
.dxi-calendar-question:before {
  content: "\f691";
}
.dxi-calendar-range:before {
  content: "\f678";
}
.dxi-calendar-remove:before {
  content: "\f0f4";
}
.dxi-calendar-text:before {
  content: "\f0f5";
}
.dxi-calendar-today:before {
  content: "\f0f6";
}
.dxi-call-made:before {
  content: "\f0f7";
}
.dxi-call-merge:before {
  content: "\f0f8";
}
.dxi-call-missed:before {
  content: "\f0f9";
}
.dxi-call-received:before {
  content: "\f0fa";
}
.dxi-call-split:before {
  content: "\f0fb";
}
.dxi-camcorder:before {
  content: "\f0fc";
}
.dxi-camcorder-box:before {
  content: "\f0fd";
}
.dxi-camcorder-box-off:before {
  content: "\f0fe";
}
.dxi-camcorder-off:before {
  content: "\f0ff";
}
.dxi-camera:before {
  content: "\f100";
}
.dxi-camera-burst:before {
  content: "\f692";
}
.dxi-camera-enhance:before {
  content: "\f101";
}
.dxi-camera-front:before {
  content: "\f102";
}
.dxi-camera-front-variant:before {
  content: "\f103";
}
.dxi-camera-gopro:before {
  content: "\f7a0";
}
.dxi-camera-iris:before {
  content: "\f104";
}
.dxi-camera-metering-center:before {
  content: "\f7a1";
}
.dxi-camera-metering-matrix:before {
  content: "\f7a2";
}
.dxi-camera-metering-partial:before {
  content: "\f7a3";
}
.dxi-camera-metering-spot:before {
  content: "\f7a4";
}
.dxi-camera-off:before {
  content: "\f5df";
}
.dxi-camera-party-mode:before {
  content: "\f105";
}
.dxi-camera-rear:before {
  content: "\f106";
}
.dxi-camera-rear-variant:before {
  content: "\f107";
}
.dxi-camera-switch:before {
  content: "\f108";
}
.dxi-camera-timer:before {
  content: "\f109";
}
.dxi-cancel:before {
  content: "\f739";
}
.dxi-candle:before {
  content: "\f5e2";
}
.dxi-candycane:before {
  content: "\f10a";
}
.dxi-cannabis:before {
  content: "\f7a5";
}
.dxi-car:before {
  content: "\f10b";
}
.dxi-car-battery:before {
  content: "\f10c";
}
.dxi-car-connected:before {
  content: "\f10d";
}
.dxi-car-convertible:before {
  content: "\f7a6";
}
.dxi-car-estate:before {
  content: "\f7a7";
}
.dxi-car-hatchback:before {
  content: "\f7a8";
}
.dxi-car-pickup:before {
  content: "\f7a9";
}
.dxi-car-side:before {
  content: "\f7aa";
}
.dxi-car-sports:before {
  content: "\f7ab";
}
.dxi-car-wash:before {
  content: "\f10e";
}
.dxi-caravan:before {
  content: "\f7ac";
}
.dxi-cards:before {
  content: "\f638";
}
.dxi-cards-outline:before {
  content: "\f639";
}
.dxi-cards-playing-outline:before {
  content: "\f63a";
}
.dxi-cards-variant:before {
  content: "\f6c6";
}
.dxi-carrot:before {
  content: "\f10f";
}
.dxi-cart:before {
  content: "\f110";
}
.dxi-cart-off:before {
  content: "\f66b";
}
.dxi-cart-outline:before {
  content: "\f111";
}
.dxi-cart-plus:before {
  content: "\f112";
}
.dxi-case-sensitive-alt:before {
  content: "\f113";
}
.dxi-cash:before {
  content: "\f114";
}
.dxi-cash-100:before {
  content: "\f115";
}
.dxi-cash-multiple:before {
  content: "\f116";
}
.dxi-cash-usd:before {
  content: "\f117";
}
.dxi-cast:before {
  content: "\f118";
}
.dxi-cast-connected:before {
  content: "\f119";
}
.dxi-cast-off:before {
  content: "\f789";
}
.dxi-castle:before {
  content: "\f11a";
}
.dxi-cat:before {
  content: "\f11b";
}
.dxi-cctv:before {
  content: "\f7ad";
}
.dxi-ceiling-light:before {
  content: "\f768";
}
.dxi-cellphone:before {
  content: "\f11c";
}
.dxi-cellphone-android:before {
  content: "\f11d";
}
.dxi-cellphone-basic:before {
  content: "\f11e";
}
.dxi-cellphone-dock:before {
  content: "\f11f";
}
.dxi-cellphone-iphone:before {
  content: "\f120";
}
.dxi-cellphone-link:before {
  content: "\f121";
}
.dxi-cellphone-link-off:before {
  content: "\f122";
}
.dxi-cellphone-settings:before {
  content: "\f123";
}
.dxi-cellphone-wireless:before {
  content: "\f814";
}
.dxi-certificate:before {
  content: "\f124";
}
.dxi-chair-school:before {
  content: "\f125";
}
.dxi-chart-arc:before {
  content: "\f126";
}
.dxi-chart-areaspline:before {
  content: "\f127";
}
.dxi-chart-bar:before {
  content: "\f128";
}
.dxi-chart-bar-stacked:before {
  content: "\f769";
}
.dxi-chart-bubble:before {
  content: "\f5e3";
}
.dxi-chart-donut:before {
  content: "\f7ae";
}
.dxi-chart-donut-variant:before {
  content: "\f7af";
}
.dxi-chart-gantt:before {
  content: "\f66c";
}
.dxi-chart-histogram:before {
  content: "\f129";
}
.dxi-chart-line:before {
  content: "\f12a";
}
.dxi-chart-line-stacked:before {
  content: "\f76a";
}
.dxi-chart-line-variant:before {
  content: "\f7b0";
}
.dxi-chart-pie:before {
  content: "\f12b";
}
.dxi-chart-scatterplot-hexbin:before {
  content: "\f66d";
}
.dxi-chart-timeline:before {
  content: "\f66e";
}
.dxi-check:before {
  content: "\f12c";
}
.dxi-check-all:before {
  content: "\f12d";
}
.dxi-check-circle:before {
  content: "\f5e0";
}
.dxi-check-circle-outline:before {
  content: "\f5e1";
}
.dxi-check-outline:before {
  content: "\f854";
}
.dxi-checkbox-blank:before {
  content: "\f12e";
}
.dxi-checkbox-blank-circle:before {
  content: "\f12f";
}
.dxi-checkbox-blank-circle-outline:before {
  content: "\f130";
}
.dxi-checkbox-blank-outline:before {
  content: "\f131";
}
.dxi-checkbox-intermediate:before {
  content: "\f855";
}
.dxi-checkbox-marked:before {
  content: "\f132";
}
.dxi-checkbox-marked-circle:before {
  content: "\f133";
}
.dxi-checkbox-marked-circle-outline:before {
  content: "\f134";
}
.dxi-checkbox-marked-outline:before {
  content: "\f135";
}
.dxi-checkbox-multiple-blank:before {
  content: "\f136";
}
.dxi-checkbox-multiple-blank-circle:before {
  content: "\f63b";
}
.dxi-checkbox-multiple-blank-circle-outline:before {
  content: "\f63c";
}
.dxi-checkbox-multiple-blank-outline:before {
  content: "\f137";
}
.dxi-checkbox-multiple-marked:before {
  content: "\f138";
}
.dxi-checkbox-multiple-marked-circle:before {
  content: "\f63d";
}
.dxi-checkbox-multiple-marked-circle-outline:before {
  content: "\f63e";
}
.dxi-checkbox-multiple-marked-outline:before {
  content: "\f139";
}
.dxi-checkerboard:before {
  content: "\f13a";
}
.dxi-chemical-weapon:before {
  content: "\f13b";
}
.dxi-chess-bishop:before {
  content: "\f85b";
}
.dxi-chess-king:before {
  content: "\f856";
}
.dxi-chess-knight:before {
  content: "\f857";
}
.dxi-chess-pawn:before {
  content: "\f858";
}
.dxi-chess-queen:before {
  content: "\f859";
}
.dxi-chess-rook:before {
  content: "\f85a";
}
.dxi-chevron-double-down:before {
  content: "\f13c";
}
.dxi-chevron-double-left:before {
  content: "\f13d";
}
.dxi-chevron-double-right:before {
  content: "\f13e";
}
.dxi-chevron-double-up:before {
  content: "\f13f";
}
.dxi-chevron-down:before {
  content: "\f140";
}
.dxi-chevron-left:before {
  content: "\f141";
}
.dxi-chevron-right:before {
  content: "\f142";
}
.dxi-chevron-up:before {
  content: "\f143";
}
.dxi-chili-hot:before {
  content: "\f7b1";
}
.dxi-chili-medium:before {
  content: "\f7b2";
}
.dxi-chili-mild:before {
  content: "\f7b3";
}
.dxi-chip:before {
  content: "\f61a";
}
.dxi-church:before {
  content: "\f144";
}
.dxi-circle:before {
  content: "\f764";
}
.dxi-circle-outline:before {
  content: "\f765";
}
.dxi-cisco-webex:before {
  content: "\f145";
}
.dxi-city:before {
  content: "\f146";
}
.dxi-clipboard:before {
  content: "\f147";
}
.dxi-clipboard-account:before {
  content: "\f148";
}
.dxi-clipboard-alert:before {
  content: "\f149";
}
.dxi-clipboard-arrow-down:before {
  content: "\f14a";
}
.dxi-clipboard-arrow-left:before {
  content: "\f14b";
}
.dxi-clipboard-check:before {
  content: "\f14c";
}
.dxi-clipboard-flow:before {
  content: "\f6c7";
}
.dxi-clipboard-outline:before {
  content: "\f14d";
}
.dxi-clipboard-plus:before {
  content: "\f750";
}
.dxi-clipboard-pulse:before {
  content: "\f85c";
}
.dxi-clipboard-pulse-outline:before {
  content: "\f85d";
}
.dxi-clipboard-text:before {
  content: "\f14e";
}
.dxi-clippy:before {
  content: "\f14f";
}
.dxi-clock:before {
  content: "\f150";
}
.dxi-clock-alert:before {
  content: "\f5ce";
}
.dxi-clock-end:before {
  content: "\f151";
}
.dxi-clock-fast:before {
  content: "\f152";
}
.dxi-clock-in:before {
  content: "\f153";
}
.dxi-clock-out:before {
  content: "\f154";
}
.dxi-clock-start:before {
  content: "\f155";
}
.dxi-close:before {
  content: "\f156";
}
.dxi-close-box:before {
  content: "\f157";
}
.dxi-close-box-outline:before {
  content: "\f158";
}
.dxi-close-circle:before {
  content: "\f159";
}
.dxi-close-circle-outline:before {
  content: "\f15a";
}
.dxi-close-network:before {
  content: "\f15b";
}
.dxi-close-octagon:before {
  content: "\f15c";
}
.dxi-close-octagon-outline:before {
  content: "\f15d";
}
.dxi-close-outline:before {
  content: "\f6c8";
}
.dxi-closed-caption:before {
  content: "\f15e";
}
.dxi-cloud:before {
  content: "\f15f";
}
.dxi-cloud-braces:before {
  content: "\f7b4";
}
.dxi-cloud-check:before {
  content: "\f160";
}
.dxi-cloud-circle:before {
  content: "\f161";
}
.dxi-cloud-download:before {
  content: "\f162";
}
.dxi-cloud-off-outline:before {
  content: "\f164";
}
.dxi-cloud-outline:before {
  content: "\f163";
}
.dxi-cloud-print:before {
  content: "\f165";
}
.dxi-cloud-print-outline:before {
  content: "\f166";
}
.dxi-cloud-sync:before {
  content: "\f63f";
}
.dxi-cloud-tags:before {
  content: "\f7b5";
}
.dxi-cloud-upload:before {
  content: "\f167";
}
.dxi-clover:before {
  content: "\f815";
}
.dxi-code-array:before {
  content: "\f168";
}
.dxi-code-braces:before {
  content: "\f169";
}
.dxi-code-brackets:before {
  content: "\f16a";
}
.dxi-code-equal:before {
  content: "\f16b";
}
.dxi-code-greater-than:before {
  content: "\f16c";
}
.dxi-code-greater-than-or-equal:before {
  content: "\f16d";
}
.dxi-code-less-than:before {
  content: "\f16e";
}
.dxi-code-less-than-or-equal:before {
  content: "\f16f";
}
.dxi-code-not-equal:before {
  content: "\f170";
}
.dxi-code-not-equal-variant:before {
  content: "\f171";
}
.dxi-code-parentheses:before {
  content: "\f172";
}
.dxi-code-string:before {
  content: "\f173";
}
.dxi-code-tags:before {
  content: "\f174";
}
.dxi-code-tags-check:before {
  content: "\f693";
}
.dxi-codepen:before {
  content: "\f175";
}
.dxi-coffee:before {
  content: "\f176";
}
.dxi-coffee-outline:before {
  content: "\f6c9";
}
.dxi-coffee-to-go:before {
  content: "\f177";
}
.dxi-coin:before {
  content: "\f178";
}
.dxi-coins:before {
  content: "\f694";
}
.dxi-collage:before {
  content: "\f640";
}
.dxi-color-helper:before {
  content: "\f179";
}
.dxi-comment:before {
  content: "\f17a";
}
.dxi-comment-account:before {
  content: "\f17b";
}
.dxi-comment-account-outline:before {
  content: "\f17c";
}
.dxi-comment-alert:before {
  content: "\f17d";
}
.dxi-comment-alert-outline:before {
  content: "\f17e";
}
.dxi-comment-check:before {
  content: "\f17f";
}
.dxi-comment-check-outline:before {
  content: "\f180";
}
.dxi-comment-multiple:before {
  content: "\f85e";
}
.dxi-comment-multiple-outline:before {
  content: "\f181";
}
.dxi-comment-outline:before {
  content: "\f182";
}
.dxi-comment-plus-outline:before {
  content: "\f183";
}
.dxi-comment-processing:before {
  content: "\f184";
}
.dxi-comment-processing-outline:before {
  content: "\f185";
}
.dxi-comment-question:before {
  content: "\f816";
}
.dxi-comment-question-outline:before {
  content: "\f186";
}
.dxi-comment-remove:before {
  content: "\f5de";
}
.dxi-comment-remove-outline:before {
  content: "\f187";
}
.dxi-comment-text:before {
  content: "\f188";
}
.dxi-comment-text-multiple:before {
  content: "\f85f";
}
.dxi-comment-text-multiple-outline:before {
  content: "\f860";
}
.dxi-comment-text-outline:before {
  content: "\f189";
}
.dxi-compare:before {
  content: "\f18a";
}
.dxi-compass:before {
  content: "\f18b";
}
.dxi-compass-outline:before {
  content: "\f18c";
}
.dxi-console:before {
  content: "\f18d";
}
.dxi-console-line:before {
  content: "\f7b6";
}
.dxi-contact-mail:before {
  content: "\f18e";
}
.dxi-contacts:before {
  content: "\f6ca";
}
.dxi-content-copy:before {
  content: "\f18f";
}
.dxi-content-cut:before {
  content: "\f190";
}
.dxi-content-duplicate:before {
  content: "\f191";
}
.dxi-content-paste:before {
  content: "\f192";
}
.dxi-content-save:before {
  content: "\f193";
}
.dxi-content-save-all:before {
  content: "\f194";
}
.dxi-content-save-outline:before {
  content: "\f817";
}
.dxi-content-save-settings:before {
  content: "\f61b";
}
.dxi-contrast:before {
  content: "\f195";
}
.dxi-contrast-box:before {
  content: "\f196";
}
.dxi-contrast-circle:before {
  content: "\f197";
}
.dxi-cookie:before {
  content: "\f198";
}
.dxi-copyright:before {
  content: "\f5e6";
}
.dxi-corn:before {
  content: "\f7b7";
}
.dxi-counter:before {
  content: "\f199";
}
.dxi-cow:before {
  content: "\f19a";
}
.dxi-crane:before {
  content: "\f861";
}
.dxi-creation:before {
  content: "\f1c9";
}
.dxi-credit-card:before {
  content: "\f19b";
}
.dxi-credit-card-multiple:before {
  content: "\f19c";
}
.dxi-credit-card-off:before {
  content: "\f5e4";
}
.dxi-credit-card-plus:before {
  content: "\f675";
}
.dxi-credit-card-scan:before {
  content: "\f19d";
}
.dxi-crop:before {
  content: "\f19e";
}
.dxi-crop-free:before {
  content: "\f19f";
}
.dxi-crop-landscape:before {
  content: "\f1a0";
}
.dxi-crop-portrait:before {
  content: "\f1a1";
}
.dxi-crop-rotate:before {
  content: "\f695";
}
.dxi-crop-square:before {
  content: "\f1a2";
}
.dxi-crosshairs:before {
  content: "\f1a3";
}
.dxi-crosshairs-gps:before {
  content: "\f1a4";
}
.dxi-crown:before {
  content: "\f1a5";
}
.dxi-cube:before {
  content: "\f1a6";
}
.dxi-cube-outline:before {
  content: "\f1a7";
}
.dxi-cube-send:before {
  content: "\f1a8";
}
.dxi-cube-unfolded:before {
  content: "\f1a9";
}
.dxi-cup:before {
  content: "\f1aa";
}
.dxi-cup-off:before {
  content: "\f5e5";
}
.dxi-cup-water:before {
  content: "\f1ab";
}
.dxi-curling:before {
  content: "\f862";
}
.dxi-currency-bdt:before {
  content: "\f863";
}
.dxi-currency-btc:before {
  content: "\f1ac";
}
.dxi-currency-chf:before {
  content: "\f7b8";
}
.dxi-currency-cny:before {
  content: "\f7b9";
}
.dxi-currency-eth:before {
  content: "\f7ba";
}
.dxi-currency-eur:before {
  content: "\f1ad";
}
.dxi-currency-gbp:before {
  content: "\f1ae";
}
.dxi-currency-inr:before {
  content: "\f1af";
}
.dxi-currency-jpy:before {
  content: "\f7bb";
}
.dxi-currency-krw:before {
  content: "\f7bc";
}
.dxi-currency-kzt:before {
  content: "\f864";
}
.dxi-currency-ngn:before {
  content: "\f1b0";
}
.dxi-currency-rub:before {
  content: "\f1b1";
}
.dxi-currency-sign:before {
  content: "\f7bd";
}
.dxi-currency-try:before {
  content: "\f1b2";
}
.dxi-currency-twd:before {
  content: "\f7be";
}
.dxi-currency-usd:before {
  content: "\f1b3";
}
.dxi-currency-usd-off:before {
  content: "\f679";
}
.dxi-cursor-default:before {
  content: "\f1b4";
}
.dxi-cursor-default-outline:before {
  content: "\f1b5";
}
.dxi-cursor-move:before {
  content: "\f1b6";
}
.dxi-cursor-pointer:before {
  content: "\f1b7";
}
.dxi-cursor-text:before {
  content: "\f5e7";
}
.dxi-database:before {
  content: "\f1b8";
}
.dxi-database-minus:before {
  content: "\f1b9";
}
.dxi-database-plus:before {
  content: "\f1ba";
}
.dxi-database-search:before {
  content: "\f865";
}
.dxi-debug-step-into:before {
  content: "\f1bb";
}
.dxi-debug-step-out:before {
  content: "\f1bc";
}
.dxi-debug-step-over:before {
  content: "\f1bd";
}
.dxi-decagram:before {
  content: "\f76b";
}
.dxi-decagram-outline:before {
  content: "\f76c";
}
.dxi-decimal-decrease:before {
  content: "\f1be";
}
.dxi-decimal-increase:before {
  content: "\f1bf";
}
.dxi-delete:before {
  content: "\f1c0";
}
.dxi-delete-circle:before {
  content: "\f682";
}
.dxi-delete-empty:before {
  content: "\f6cb";
}
.dxi-delete-forever:before {
  content: "\f5e8";
}
.dxi-delete-restore:before {
  content: "\f818";
}
.dxi-delete-sweep:before {
  content: "\f5e9";
}
.dxi-delete-variant:before {
  content: "\f1c1";
}
.dxi-delta:before {
  content: "\f1c2";
}
.dxi-deskphone:before {
  content: "\f1c3";
}
.dxi-desktop-classic:before {
  content: "\f7bf";
}
.dxi-desktop-mac:before {
  content: "\f1c4";
}
.dxi-desktop-tower:before {
  content: "\f1c5";
}
.dxi-details:before {
  content: "\f1c6";
}
.dxi-developer-board:before {
  content: "\f696";
}
.dxi-deviantart:before {
  content: "\f1c7";
}
.dxi-dialpad:before {
  content: "\f61c";
}
.dxi-diamond:before {
  content: "\f1c8";
}
.dxi-dice-1:before {
  content: "\f1ca";
}
.dxi-dice-2:before {
  content: "\f1cb";
}
.dxi-dice-3:before {
  content: "\f1cc";
}
.dxi-dice-4:before {
  content: "\f1cd";
}
.dxi-dice-5:before {
  content: "\f1ce";
}
.dxi-dice-6:before {
  content: "\f1cf";
}
.dxi-dice-d10:before {
  content: "\f76e";
}
.dxi-dice-d12:before {
  content: "\f866";
}
.dxi-dice-d20:before {
  content: "\f5ea";
}
.dxi-dice-d4:before {
  content: "\f5eb";
}
.dxi-dice-d6:before {
  content: "\f5ec";
}
.dxi-dice-d8:before {
  content: "\f5ed";
}
.dxi-dice-multiple:before {
  content: "\f76d";
}
.dxi-dictionary:before {
  content: "\f61d";
}
.dxi-dip-switch:before {
  content: "\f7c0";
}
.dxi-directions:before {
  content: "\f1d0";
}
.dxi-directions-fork:before {
  content: "\f641";
}
.dxi-discord:before {
  content: "\f66f";
}
.dxi-disk:before {
  content: "\f5ee";
}
.dxi-disk-alert:before {
  content: "\f1d1";
}
.dxi-disqus:before {
  content: "\f1d2";
}
.dxi-disqus-outline:before {
  content: "\f1d3";
}
.dxi-division:before {
  content: "\f1d4";
}
.dxi-division-box:before {
  content: "\f1d5";
}
.dxi-dna:before {
  content: "\f683";
}
.dxi-dns:before {
  content: "\f1d6";
}
.dxi-do-not-disturb:before {
  content: "\f697";
}
.dxi-do-not-disturb-off:before {
  content: "\f698";
}
.dxi-docker:before {
  content: "\f867";
}
.dxi-dolby:before {
  content: "\f6b2";
}
.dxi-domain:before {
  content: "\f1d7";
}
.dxi-donkey:before {
  content: "\f7c1";
}
.dxi-door:before {
  content: "\f819";
}
.dxi-door-closed:before {
  content: "\f81a";
}
.dxi-door-open:before {
  content: "\f81b";
}
.dxi-doorbell-video:before {
  content: "\f868";
}
.dxi-dots-horizontal:before {
  content: "\f1d8";
}
.dxi-dots-horizontal-circle:before {
  content: "\f7c2";
}
.dxi-dots-vertical:before {
  content: "\f1d9";
}
.dxi-dots-vertical-circle:before {
  content: "\f7c3";
}
.dxi-douban:before {
  content: "\f699";
}
.dxi-download:before {
  content: "\f1da";
}
.dxi-download-network:before {
  content: "\f6f3";
}
.dxi-drag:before {
  content: "\f1db";
}
.dxi-drag-horizontal:before {
  content: "\f1dc";
}
.dxi-drag-vertical:before {
  content: "\f1dd";
}
.dxi-drawing:before {
  content: "\f1de";
}
.dxi-drawing-box:before {
  content: "\f1df";
}
.dxi-dribbble:before {
  content: "\f1e0";
}
.dxi-dribbble-box:before {
  content: "\f1e1";
}
.dxi-drone:before {
  content: "\f1e2";
}
.dxi-dropbox:before {
  content: "\f1e3";
}
.dxi-drupal:before {
  content: "\f1e4";
}
.dxi-duck:before {
  content: "\f1e5";
}
.dxi-dumbbell:before {
  content: "\f1e6";
}
.dxi-ear-hearing:before {
  content: "\f7c4";
}
.dxi-earth:before {
  content: "\f1e7";
}
.dxi-earth-box:before {
  content: "\f6cc";
}
.dxi-earth-box-off:before {
  content: "\f6cd";
}
.dxi-earth-off:before {
  content: "\f1e8";
}
.dxi-edge:before {
  content: "\f1e9";
}
.dxi-eject:before {
  content: "\f1ea";
}
.dxi-elephant:before {
  content: "\f7c5";
}
.dxi-elevation-decline:before {
  content: "\f1eb";
}
.dxi-elevation-rise:before {
  content: "\f1ec";
}
.dxi-elevator:before {
  content: "\f1ed";
}
.dxi-email:before {
  content: "\f1ee";
}
.dxi-email-alert:before {
  content: "\f6ce";
}
.dxi-email-open:before {
  content: "\f1ef";
}
.dxi-email-open-outline:before {
  content: "\f5ef";
}
.dxi-email-outline:before {
  content: "\f1f0";
}
.dxi-email-secure:before {
  content: "\f1f1";
}
.dxi-email-variant:before {
  content: "\f5f0";
}
.dxi-emby:before {
  content: "\f6b3";
}
.dxi-emoticon:before {
  content: "\f1f2";
}
.dxi-emoticon-cool:before {
  content: "\f1f3";
}
.dxi-emoticon-dead:before {
  content: "\f69a";
}
.dxi-emoticon-devil:before {
  content: "\f1f4";
}
.dxi-emoticon-excited:before {
  content: "\f69b";
}
.dxi-emoticon-happy:before {
  content: "\f1f5";
}
.dxi-emoticon-neutral:before {
  content: "\f1f6";
}
.dxi-emoticon-poop:before {
  content: "\f1f7";
}
.dxi-emoticon-sad:before {
  content: "\f1f8";
}
.dxi-emoticon-tongue:before {
  content: "\f1f9";
}
.dxi-engine:before {
  content: "\f1fa";
}
.dxi-engine-outline:before {
  content: "\f1fb";
}
.dxi-equal:before {
  content: "\f1fc";
}
.dxi-equal-box:before {
  content: "\f1fd";
}
.dxi-eraser:before {
  content: "\f1fe";
}
.dxi-eraser-variant:before {
  content: "\f642";
}
.dxi-escalator:before {
  content: "\f1ff";
}
.dxi-ethereum:before {
  content: "\f869";
}
.dxi-ethernet:before {
  content: "\f200";
}
.dxi-ethernet-cable:before {
  content: "\f201";
}
.dxi-ethernet-cable-off:before {
  content: "\f202";
}
.dxi-etsy:before {
  content: "\f203";
}
.dxi-ev-station:before {
  content: "\f5f1";
}
.dxi-eventbrite:before {
  content: "\f7c6";
}
.dxi-evernote:before {
  content: "\f204";
}
.dxi-exclamation:before {
  content: "\f205";
}
.dxi-exit-to-app:before {
  content: "\f206";
}
.dxi-export:before {
  content: "\f207";
}
.dxi-eye:before {
  content: "\f208";
}
.dxi-eye-off:before {
  content: "\f209";
}
.dxi-eye-off-outline:before {
  content: "\f6d0";
}
.dxi-eye-outline:before {
  content: "\f6cf";
}
.dxi-eye-plus:before {
  content: "\f86a";
}
.dxi-eye-plus-outline:before {
  content: "\f86b";
}
.dxi-eye-settings:before {
  content: "\f86c";
}
.dxi-eye-settings-outline:before {
  content: "\f86d";
}
.dxi-eyedropper:before {
  content: "\f20a";
}
.dxi-eyedropper-variant:before {
  content: "\f20b";
}
.dxi-face:before {
  content: "\f643";
}
.dxi-face-profile:before {
  content: "\f644";
}
.dxi-facebook:before {
  content: "\f20c";
}
.dxi-facebook-box:before {
  content: "\f20d";
}
.dxi-facebook-messenger:before {
  content: "\f20e";
}
.dxi-factory:before {
  content: "\f20f";
}
.dxi-fan:before {
  content: "\f210";
}
.dxi-fan-off:before {
  content: "\f81c";
}
.dxi-fast-forward:before {
  content: "\f211";
}
.dxi-fast-forward-outline:before {
  content: "\f6d1";
}
.dxi-fax:before {
  content: "\f212";
}
.dxi-feather:before {
  content: "\f6d2";
}
.dxi-ferry:before {
  content: "\f213";
}
.dxi-file:before {
  content: "\f214";
}
.dxi-file-account:before {
  content: "\f73a";
}
.dxi-file-chart:before {
  content: "\f215";
}
.dxi-file-check:before {
  content: "\f216";
}
.dxi-file-cloud:before {
  content: "\f217";
}
.dxi-file-delimited:before {
  content: "\f218";
}
.dxi-file-document:before {
  content: "\f219";
}
.dxi-file-document-box:before {
  content: "\f21a";
}
.dxi-file-excel:before {
  content: "\f21b";
}
.dxi-file-excel-box:before {
  content: "\f21c";
}
.dxi-file-export:before {
  content: "\f21d";
}
.dxi-file-find:before {
  content: "\f21e";
}
.dxi-file-hidden:before {
  content: "\f613";
}
.dxi-file-image:before {
  content: "\f21f";
}
.dxi-file-import:before {
  content: "\f220";
}
.dxi-file-lock:before {
  content: "\f221";
}
.dxi-file-multiple:before {
  content: "\f222";
}
.dxi-file-music:before {
  content: "\f223";
}
.dxi-file-outline:before {
  content: "\f224";
}
.dxi-file-pdf:before {
  content: "\f225";
}
.dxi-file-pdf-box:before {
  content: "\f226";
}
.dxi-file-percent:before {
  content: "\f81d";
}
.dxi-file-plus:before {
  content: "\f751";
}
.dxi-file-powerpoint:before {
  content: "\f227";
}
.dxi-file-powerpoint-box:before {
  content: "\f228";
}
.dxi-file-presentation-box:before {
  content: "\f229";
}
.dxi-file-question:before {
  content: "\f86e";
}
.dxi-file-restore:before {
  content: "\f670";
}
.dxi-file-send:before {
  content: "\f22a";
}
.dxi-file-tree:before {
  content: "\f645";
}
.dxi-file-video:before {
  content: "\f22b";
}
.dxi-file-word:before {
  content: "\f22c";
}
.dxi-file-word-box:before {
  content: "\f22d";
}
.dxi-file-xml:before {
  content: "\f22e";
}
.dxi-film:before {
  content: "\f22f";
}
.dxi-filmstrip:before {
  content: "\f230";
}
.dxi-filmstrip-off:before {
  content: "\f231";
}
.dxi-filter:before {
  content: "\f232";
}
.dxi-filter-outline:before {
  content: "\f233";
}
.dxi-filter-remove:before {
  content: "\f234";
}
.dxi-filter-remove-outline:before {
  content: "\f235";
}
.dxi-filter-variant:before {
  content: "\f236";
}
.dxi-finance:before {
  content: "\f81e";
}
.dxi-find-replace:before {
  content: "\f6d3";
}
.dxi-fingerprint:before {
  content: "\f237";
}
.dxi-fire:before {
  content: "\f238";
}
.dxi-firefox:before {
  content: "\f239";
}
.dxi-fish:before {
  content: "\f23a";
}
.dxi-flag:before {
  content: "\f23b";
}
.dxi-flag-checkered:before {
  content: "\f23c";
}
.dxi-flag-outline:before {
  content: "\f23d";
}
.dxi-flag-triangle:before {
  content: "\f23f";
}
.dxi-flag-variant:before {
  content: "\f240";
}
.dxi-flag-variant-outline:before {
  content: "\f23e";
}
.dxi-flash:before {
  content: "\f241";
}
.dxi-flash-auto:before {
  content: "\f242";
}
.dxi-flash-circle:before {
  content: "\f81f";
}
.dxi-flash-off:before {
  content: "\f243";
}
.dxi-flash-outline:before {
  content: "\f6d4";
}
.dxi-flash-red-eye:before {
  content: "\f67a";
}
.dxi-flashlight:before {
  content: "\f244";
}
.dxi-flashlight-off:before {
  content: "\f245";
}
.dxi-flask:before {
  content: "\f093";
}
.dxi-flask-empty:before {
  content: "\f094";
}
.dxi-flask-empty-outline:before {
  content: "\f095";
}
.dxi-flask-outline:before {
  content: "\f096";
}
.dxi-flattr:before {
  content: "\f246";
}
.dxi-flip-to-back:before {
  content: "\f247";
}
.dxi-flip-to-front:before {
  content: "\f248";
}
.dxi-floor-plan:before {
  content: "\f820";
}
.dxi-floppy:before {
  content: "\f249";
}
.dxi-flower:before {
  content: "\f24a";
}
.dxi-folder:before {
  content: "\f24b";
}
.dxi-folder-account:before {
  content: "\f24c";
}
.dxi-folder-download:before {
  content: "\f24d";
}
.dxi-folder-google-drive:before {
  content: "\f24e";
}
.dxi-folder-image:before {
  content: "\f24f";
}
.dxi-folder-lock:before {
  content: "\f250";
}
.dxi-folder-lock-open:before {
  content: "\f251";
}
.dxi-folder-move:before {
  content: "\f252";
}
.dxi-folder-multiple:before {
  content: "\f253";
}
.dxi-folder-multiple-image:before {
  content: "\f254";
}
.dxi-folder-multiple-outline:before {
  content: "\f255";
}
.dxi-folder-network:before {
  content: "\f86f";
}
.dxi-folder-open:before {
  content: "\f76f";
}
.dxi-folder-outline:before {
  content: "\f256";
}
.dxi-folder-plus:before {
  content: "\f257";
}
.dxi-folder-remove:before {
  content: "\f258";
}
.dxi-folder-star:before {
  content: "\f69c";
}
.dxi-folder-upload:before {
  content: "\f259";
}
.dxi-font-awesome:before {
  content: "\f03a";
}
.dxi-food:before {
  content: "\f25a";
}
.dxi-food-apple:before {
  content: "\f25b";
}
.dxi-food-croissant:before {
  content: "\f7c7";
}
.dxi-food-fork-drink:before {
  content: "\f5f2";
}
.dxi-food-off:before {
  content: "\f5f3";
}
.dxi-food-variant:before {
  content: "\f25c";
}
.dxi-football:before {
  content: "\f25d";
}
.dxi-football-australian:before {
  content: "\f25e";
}
.dxi-football-helmet:before {
  content: "\f25f";
}
.dxi-forklift:before {
  content: "\f7c8";
}
.dxi-format-align-bottom:before {
  content: "\f752";
}
.dxi-format-align-center:before {
  content: "\f260";
}
.dxi-format-align-justify:before {
  content: "\f261";
}
.dxi-format-align-left:before {
  content: "\f262";
}
.dxi-format-align-middle:before {
  content: "\f753";
}
.dxi-format-align-right:before {
  content: "\f263";
}
.dxi-format-align-top:before {
  content: "\f754";
}
.dxi-format-annotation-plus:before {
  content: "\f646";
}
.dxi-format-bold:before {
  content: "\f264";
}
.dxi-format-clear:before {
  content: "\f265";
}
.dxi-format-color-fill:before {
  content: "\f266";
}
.dxi-format-color-text:before {
  content: "\f69d";
}
.dxi-format-float-center:before {
  content: "\f267";
}
.dxi-format-float-left:before {
  content: "\f268";
}
.dxi-format-float-none:before {
  content: "\f269";
}
.dxi-format-float-right:before {
  content: "\f26a";
}
.dxi-format-font:before {
  content: "\f6d5";
}
.dxi-format-header-1:before {
  content: "\f26b";
}
.dxi-format-header-2:before {
  content: "\f26c";
}
.dxi-format-header-3:before {
  content: "\f26d";
}
.dxi-format-header-4:before {
  content: "\f26e";
}
.dxi-format-header-5:before {
  content: "\f26f";
}
.dxi-format-header-6:before {
  content: "\f270";
}
.dxi-format-header-decrease:before {
  content: "\f271";
}
.dxi-format-header-equal:before {
  content: "\f272";
}
.dxi-format-header-increase:before {
  content: "\f273";
}
.dxi-format-header-pound:before {
  content: "\f274";
}
.dxi-format-horizontal-align-center:before {
  content: "\f61e";
}
.dxi-format-horizontal-align-left:before {
  content: "\f61f";
}
.dxi-format-horizontal-align-right:before {
  content: "\f620";
}
.dxi-format-indent-decrease:before {
  content: "\f275";
}
.dxi-format-indent-increase:before {
  content: "\f276";
}
.dxi-format-italic:before {
  content: "\f277";
}
.dxi-format-line-spacing:before {
  content: "\f278";
}
.dxi-format-line-style:before {
  content: "\f5c8";
}
.dxi-format-line-weight:before {
  content: "\f5c9";
}
.dxi-format-list-bulleted:before {
  content: "\f279";
}
.dxi-format-list-bulleted-type:before {
  content: "\f27a";
}
.dxi-format-list-checks:before {
  content: "\f755";
}
.dxi-format-list-numbers:before {
  content: "\f27b";
}
.dxi-format-page-break:before {
  content: "\f6d6";
}
.dxi-format-paint:before {
  content: "\f27c";
}
.dxi-format-paragraph:before {
  content: "\f27d";
}
.dxi-format-pilcrow:before {
  content: "\f6d7";
}
.dxi-format-quote-close:before {
  content: "\f27e";
}
.dxi-format-quote-open:before {
  content: "\f756";
}
.dxi-format-rotate-90:before {
  content: "\f6a9";
}
.dxi-format-section:before {
  content: "\f69e";
}
.dxi-format-size:before {
  content: "\f27f";
}
.dxi-format-strikethrough:before {
  content: "\f280";
}
.dxi-format-strikethrough-variant:before {
  content: "\f281";
}
.dxi-format-subscript:before {
  content: "\f282";
}
.dxi-format-superscript:before {
  content: "\f283";
}
.dxi-format-text:before {
  content: "\f284";
}
.dxi-format-textdirection-l-to-r:before {
  content: "\f285";
}
.dxi-format-textdirection-r-to-l:before {
  content: "\f286";
}
.dxi-format-title:before {
  content: "\f5f4";
}
.dxi-format-underline:before {
  content: "\f287";
}
.dxi-format-vertical-align-bottom:before {
  content: "\f621";
}
.dxi-format-vertical-align-center:before {
  content: "\f622";
}
.dxi-format-vertical-align-top:before {
  content: "\f623";
}
.dxi-format-wrap-inline:before {
  content: "\f288";
}
.dxi-format-wrap-square:before {
  content: "\f289";
}
.dxi-format-wrap-tight:before {
  content: "\f28a";
}
.dxi-format-wrap-top-bottom:before {
  content: "\f28b";
}
.dxi-forum:before {
  content: "\f28c";
}
.dxi-forum-outline:before {
  content: "\f821";
}
.dxi-forward:before {
  content: "\f28d";
}
.dxi-foursquare:before {
  content: "\f28e";
}
.dxi-fridge:before {
  content: "\f28f";
}
.dxi-fridge-filled:before {
  content: "\f290";
}
.dxi-fridge-filled-bottom:before {
  content: "\f291";
}
.dxi-fridge-filled-top:before {
  content: "\f292";
}
.dxi-fuel:before {
  content: "\f7c9";
}
.dxi-fullscreen:before {
  content: "\f293";
}
.dxi-fullscreen-exit:before {
  content: "\f294";
}
.dxi-function:before {
  content: "\f295";
}
.dxi-function-variant:before {
  content: "\f870";
}
.dxi-gamepad:before {
  content: "\f296";
}
.dxi-gamepad-variant:before {
  content: "\f297";
}
.dxi-garage:before {
  content: "\f6d8";
}
.dxi-garage-alert:before {
  content: "\f871";
}
.dxi-garage-open:before {
  content: "\f6d9";
}
.dxi-gas-cylinder:before {
  content: "\f647";
}
.dxi-gas-station:before {
  content: "\f298";
}
.dxi-gate:before {
  content: "\f299";
}
.dxi-gauge:before {
  content: "\f29a";
}
.dxi-gauge-empty:before {
  content: "\f872";
}
.dxi-gauge-full:before {
  content: "\f873";
}
.dxi-gauge-low:before {
  content: "\f874";
}
.dxi-gavel:before {
  content: "\f29b";
}
.dxi-gender-female:before {
  content: "\f29c";
}
.dxi-gender-male:before {
  content: "\f29d";
}
.dxi-gender-male-female:before {
  content: "\f29e";
}
.dxi-gender-transgender:before {
  content: "\f29f";
}
.dxi-gesture:before {
  content: "\f7ca";
}
.dxi-gesture-double-tap:before {
  content: "\f73b";
}
.dxi-gesture-swipe-down:before {
  content: "\f73c";
}
.dxi-gesture-swipe-left:before {
  content: "\f73d";
}
.dxi-gesture-swipe-right:before {
  content: "\f73e";
}
.dxi-gesture-swipe-up:before {
  content: "\f73f";
}
.dxi-gesture-tap:before {
  content: "\f740";
}
.dxi-gesture-two-double-tap:before {
  content: "\f741";
}
.dxi-gesture-two-tap:before {
  content: "\f742";
}
.dxi-ghost:before {
  content: "\f2a0";
}
.dxi-gift:before {
  content: "\f2a1";
}
.dxi-git:before {
  content: "\f2a2";
}
.dxi-github-box:before {
  content: "\f2a3";
}
.dxi-github-circle:before {
  content: "\f2a4";
}
.dxi-github-face:before {
  content: "\f6da";
}
.dxi-glass-cocktail:before {
  content: "\f356";
}
.dxi-glass-flute:before {
  content: "\f2a5";
}
.dxi-glass-mug:before {
  content: "\f2a6";
}
.dxi-glass-stange:before {
  content: "\f2a7";
}
.dxi-glass-tulip:before {
  content: "\f2a8";
}
.dxi-glass-wine:before {
  content: "\f875";
}
.dxi-glassdoor:before {
  content: "\f2a9";
}
.dxi-glasses:before {
  content: "\f2aa";
}
.dxi-gmail:before {
  content: "\f2ab";
}
.dxi-gnome:before {
  content: "\f2ac";
}
.dxi-golf:before {
  content: "\f822";
}
.dxi-gondola:before {
  content: "\f685";
}
.dxi-google:before {
  content: "\f2ad";
}
.dxi-google-analytics:before {
  content: "\f7cb";
}
.dxi-google-assistant:before {
  content: "\f7cc";
}
.dxi-google-cardboard:before {
  content: "\f2ae";
}
.dxi-google-chrome:before {
  content: "\f2af";
}
.dxi-google-circles:before {
  content: "\f2b0";
}
.dxi-google-circles-communities:before {
  content: "\f2b1";
}
.dxi-google-circles-extended:before {
  content: "\f2b2";
}
.dxi-google-circles-group:before {
  content: "\f2b3";
}
.dxi-google-controller:before {
  content: "\f2b4";
}
.dxi-google-controller-off:before {
  content: "\f2b5";
}
.dxi-google-drive:before {
  content: "\f2b6";
}
.dxi-google-earth:before {
  content: "\f2b7";
}
.dxi-google-glass:before {
  content: "\f2b8";
}
.dxi-google-home:before {
  content: "\f823";
}
.dxi-google-keep:before {
  content: "\f6db";
}
.dxi-google-maps:before {
  content: "\f5f5";
}
.dxi-google-nearby:before {
  content: "\f2b9";
}
.dxi-google-pages:before {
  content: "\f2ba";
}
.dxi-google-photos:before {
  content: "\f6dc";
}
.dxi-google-physical-web:before {
  content: "\f2bb";
}
.dxi-google-play:before {
  content: "\f2bc";
}
.dxi-google-plus:before {
  content: "\f2bd";
}
.dxi-google-plus-box:before {
  content: "\f2be";
}
.dxi-google-translate:before {
  content: "\f2bf";
}
.dxi-google-wallet:before {
  content: "\f2c0";
}
.dxi-gradient:before {
  content: "\f69f";
}
.dxi-graphql:before {
  content: "\f876";
}
.dxi-grease-pencil:before {
  content: "\f648";
}
.dxi-grid:before {
  content: "\f2c1";
}
.dxi-grid-large:before {
  content: "\f757";
}
.dxi-grid-off:before {
  content: "\f2c2";
}
.dxi-group:before {
  content: "\f2c3";
}
.dxi-guitar-acoustic:before {
  content: "\f770";
}
.dxi-guitar-electric:before {
  content: "\f2c4";
}
.dxi-guitar-pick:before {
  content: "\f2c5";
}
.dxi-guitar-pick-outline:before {
  content: "\f2c6";
}
.dxi-guy-fawkes-mask:before {
  content: "\f824";
}
.dxi-hackernews:before {
  content: "\f624";
}
.dxi-hamburger:before {
  content: "\f684";
}
.dxi-hand-pointing-right:before {
  content: "\f2c7";
}
.dxi-hanger:before {
  content: "\f2c8";
}
.dxi-hangouts:before {
  content: "\f2c9";
}
.dxi-harddisk:before {
  content: "\f2ca";
}
.dxi-headphones:before {
  content: "\f2cb";
}
.dxi-headphones-box:before {
  content: "\f2cc";
}
.dxi-headphones-off:before {
  content: "\f7cd";
}
.dxi-headphones-settings:before {
  content: "\f2cd";
}
.dxi-headset:before {
  content: "\f2ce";
}
.dxi-headset-dock:before {
  content: "\f2cf";
}
.dxi-headset-off:before {
  content: "\f2d0";
}
.dxi-heart:before {
  content: "\f2d1";
}
.dxi-heart-box:before {
  content: "\f2d2";
}
.dxi-heart-box-outline:before {
  content: "\f2d3";
}
.dxi-heart-broken:before {
  content: "\f2d4";
}
.dxi-heart-half:before {
  content: "\f6de";
}
.dxi-heart-half-full:before {
  content: "\f6dd";
}
.dxi-heart-half-outline:before {
  content: "\f6df";
}
.dxi-heart-off:before {
  content: "\f758";
}
.dxi-heart-outline:before {
  content: "\f2d5";
}
.dxi-heart-pulse:before {
  content: "\f5f6";
}
.dxi-help:before {
  content: "\f2d6";
}
.dxi-help-box:before {
  content: "\f78a";
}
.dxi-help-circle:before {
  content: "\f2d7";
}
.dxi-help-circle-outline:before {
  content: "\f625";
}
.dxi-help-network:before {
  content: "\f6f4";
}
.dxi-hexagon:before {
  content: "\f2d8";
}
.dxi-hexagon-multiple:before {
  content: "\f6e0";
}
.dxi-hexagon-outline:before {
  content: "\f2d9";
}
.dxi-high-definition:before {
  content: "\f7ce";
}
.dxi-high-definition-box:before {
  content: "\f877";
}
.dxi-highway:before {
  content: "\f5f7";
}
.dxi-history:before {
  content: "\f2da";
}
.dxi-hockey-puck:before {
  content: "\f878";
}
.dxi-hockey-sticks:before {
  content: "\f879";
}
.dxi-hololens:before {
  content: "\f2db";
}
.dxi-home:before {
  content: "\f2dc";
}
.dxi-home-account:before {
  content: "\f825";
}
.dxi-home-alert:before {
  content: "\f87a";
}
.dxi-home-assistant:before {
  content: "\f7cf";
}
.dxi-home-automation:before {
  content: "\f7d0";
}
.dxi-home-circle:before {
  content: "\f7d1";
}
.dxi-home-heart:before {
  content: "\f826";
}
.dxi-home-map-marker:before {
  content: "\f5f8";
}
.dxi-home-modern:before {
  content: "\f2dd";
}
.dxi-home-outline:before {
  content: "\f6a0";
}
.dxi-home-variant:before {
  content: "\f2de";
}
.dxi-hook:before {
  content: "\f6e1";
}
.dxi-hook-off:before {
  content: "\f6e2";
}
.dxi-hops:before {
  content: "\f2df";
}
.dxi-hospital:before {
  content: "\f2e0";
}
.dxi-hospital-building:before {
  content: "\f2e1";
}
.dxi-hospital-marker:before {
  content: "\f2e2";
}
.dxi-hot-tub:before {
  content: "\f827";
}
.dxi-hotel:before {
  content: "\f2e3";
}
.dxi-houzz:before {
  content: "\f2e4";
}
.dxi-houzz-box:before {
  content: "\f2e5";
}
.dxi-hulu:before {
  content: "\f828";
}
.dxi-human:before {
  content: "\f2e6";
}
.dxi-human-child:before {
  content: "\f2e7";
}
.dxi-human-female:before {
  content: "\f649";
}
.dxi-human-greeting:before {
  content: "\f64a";
}
.dxi-human-handsdown:before {
  content: "\f64b";
}
.dxi-human-handsup:before {
  content: "\f64c";
}
.dxi-human-male:before {
  content: "\f64d";
}
.dxi-human-male-female:before {
  content: "\f2e8";
}
.dxi-human-pregnant:before {
  content: "\f5cf";
}
.dxi-humble-bundle:before {
  content: "\f743";
}
.dxi-ice-cream:before {
  content: "\f829";
}
.dxi-image:before {
  content: "\f2e9";
}
.dxi-image-album:before {
  content: "\f2ea";
}
.dxi-image-area:before {
  content: "\f2eb";
}
.dxi-image-area-close:before {
  content: "\f2ec";
}
.dxi-image-broken:before {
  content: "\f2ed";
}
.dxi-image-broken-variant:before {
  content: "\f2ee";
}
.dxi-image-filter:before {
  content: "\f2ef";
}
.dxi-image-filter-black-white:before {
  content: "\f2f0";
}
.dxi-image-filter-center-focus:before {
  content: "\f2f1";
}
.dxi-image-filter-center-focus-weak:before {
  content: "\f2f2";
}
.dxi-image-filter-drama:before {
  content: "\f2f3";
}
.dxi-image-filter-frames:before {
  content: "\f2f4";
}
.dxi-image-filter-hdr:before {
  content: "\f2f5";
}
.dxi-image-filter-none:before {
  content: "\f2f6";
}
.dxi-image-filter-tilt-shift:before {
  content: "\f2f7";
}
.dxi-image-filter-vintage:before {
  content: "\f2f8";
}
.dxi-image-multiple:before {
  content: "\f2f9";
}
.dxi-image-off:before {
  content: "\f82a";
}
.dxi-image-plus:before {
  content: "\f87b";
}
.dxi-import:before {
  content: "\f2fa";
}
.dxi-inbox:before {
  content: "\f686";
}
.dxi-inbox-arrow-down:before {
  content: "\f2fb";
}
.dxi-inbox-arrow-up:before {
  content: "\f3d1";
}
.dxi-incognito:before {
  content: "\f5f9";
}
.dxi-infinity:before {
  content: "\f6e3";
}
.dxi-information:before {
  content: "\f2fc";
}
.dxi-information-outline:before {
  content: "\f2fd";
}
.dxi-information-variant:before {
  content: "\f64e";
}
.dxi-instagram:before {
  content: "\f2fe";
}
.dxi-instapaper:before {
  content: "\f2ff";
}
.dxi-internet-explorer:before {
  content: "\f300";
}
.dxi-invert-colors:before {
  content: "\f301";
}
.dxi-itunes:before {
  content: "\f676";
}
.dxi-jeepney:before {
  content: "\f302";
}
.dxi-jira:before {
  content: "\f303";
}
.dxi-jquery:before {
  content: "\f87c";
}
.dxi-jsfiddle:before {
  content: "\f304";
}
.dxi-json:before {
  content: "\f626";
}
.dxi-karate:before {
  content: "\f82b";
}
.dxi-keg:before {
  content: "\f305";
}
.dxi-kettle:before {
  content: "\f5fa";
}
.dxi-key:before {
  content: "\f306";
}
.dxi-key-change:before {
  content: "\f307";
}
.dxi-key-minus:before {
  content: "\f308";
}
.dxi-key-plus:before {
  content: "\f309";
}
.dxi-key-remove:before {
  content: "\f30a";
}
.dxi-key-variant:before {
  content: "\f30b";
}
.dxi-keyboard:before {
  content: "\f30c";
}
.dxi-keyboard-backspace:before {
  content: "\f30d";
}
.dxi-keyboard-caps:before {
  content: "\f30e";
}
.dxi-keyboard-close:before {
  content: "\f30f";
}
.dxi-keyboard-off:before {
  content: "\f310";
}
.dxi-keyboard-return:before {
  content: "\f311";
}
.dxi-keyboard-tab:before {
  content: "\f312";
}
.dxi-keyboard-variant:before {
  content: "\f313";
}
.dxi-kickstarter:before {
  content: "\f744";
}
.dxi-kodi:before {
  content: "\f314";
}
.dxi-label:before {
  content: "\f315";
}
.dxi-label-outline:before {
  content: "\f316";
}
.dxi-ladybug:before {
  content: "\f82c";
}
.dxi-lambda:before {
  content: "\f627";
}
.dxi-lamp:before {
  content: "\f6b4";
}
.dxi-lan:before {
  content: "\f317";
}
.dxi-lan-connect:before {
  content: "\f318";
}
.dxi-lan-disconnect:before {
  content: "\f319";
}
.dxi-lan-pending:before {
  content: "\f31a";
}
.dxi-language-c:before {
  content: "\f671";
}
.dxi-language-cpp:before {
  content: "\f672";
}
.dxi-language-csharp:before {
  content: "\f31b";
}
.dxi-language-css3:before {
  content: "\f31c";
}
.dxi-language-go:before {
  content: "\f7d2";
}
.dxi-language-html5:before {
  content: "\f31d";
}
.dxi-language-javascript:before {
  content: "\f31e";
}
.dxi-language-php:before {
  content: "\f31f";
}
.dxi-language-python:before {
  content: "\f320";
}
.dxi-language-python-text:before {
  content: "\f321";
}
.dxi-language-r:before {
  content: "\f7d3";
}
.dxi-language-swift:before {
  content: "\f6e4";
}
.dxi-language-typescript:before {
  content: "\f6e5";
}
.dxi-laptop:before {
  content: "\f322";
}
.dxi-laptop-chromebook:before {
  content: "\f323";
}
.dxi-laptop-mac:before {
  content: "\f324";
}
.dxi-laptop-off:before {
  content: "\f6e6";
}
.dxi-laptop-windows:before {
  content: "\f325";
}
.dxi-lastfm:before {
  content: "\f326";
}
.dxi-lastpass:before {
  content: "\f446";
}
.dxi-launch:before {
  content: "\f327";
}
.dxi-lava-lamp:before {
  content: "\f7d4";
}
.dxi-layers:before {
  content: "\f328";
}
.dxi-layers-off:before {
  content: "\f329";
}
.dxi-lead-pencil:before {
  content: "\f64f";
}
.dxi-leaf:before {
  content: "\f32a";
}
.dxi-led-off:before {
  content: "\f32b";
}
.dxi-led-on:before {
  content: "\f32c";
}
.dxi-led-outline:before {
  content: "\f32d";
}
.dxi-led-strip:before {
  content: "\f7d5";
}
.dxi-led-variant-off:before {
  content: "\f32e";
}
.dxi-led-variant-on:before {
  content: "\f32f";
}
.dxi-led-variant-outline:before {
  content: "\f330";
}
.dxi-library:before {
  content: "\f331";
}
.dxi-library-books:before {
  content: "\f332";
}
.dxi-library-music:before {
  content: "\f333";
}
.dxi-library-plus:before {
  content: "\f334";
}
.dxi-lifebuoy:before {
  content: "\f87d";
}
.dxi-lightbulb:before {
  content: "\f335";
}
.dxi-lightbulb-on:before {
  content: "\f6e7";
}
.dxi-lightbulb-on-outline:before {
  content: "\f6e8";
}
.dxi-lightbulb-outline:before {
  content: "\f336";
}
.dxi-link:before {
  content: "\f337";
}
.dxi-link-off:before {
  content: "\f338";
}
.dxi-link-variant:before {
  content: "\f339";
}
.dxi-link-variant-off:before {
  content: "\f33a";
}
.dxi-linkedin:before {
  content: "\f33b";
}
.dxi-linkedin-box:before {
  content: "\f33c";
}
.dxi-linux:before {
  content: "\f33d";
}
.dxi-loading:before {
  content: "\f771";
}
.dxi-lock:before {
  content: "\f33e";
}
.dxi-lock-open:before {
  content: "\f33f";
}
.dxi-lock-open-outline:before {
  content: "\f340";
}
.dxi-lock-outline:before {
  content: "\f341";
}
.dxi-lock-pattern:before {
  content: "\f6e9";
}
.dxi-lock-plus:before {
  content: "\f5fb";
}
.dxi-lock-reset:before {
  content: "\f772";
}
.dxi-locker:before {
  content: "\f7d6";
}
.dxi-locker-multiple:before {
  content: "\f7d7";
}
.dxi-login:before {
  content: "\f342";
}
.dxi-login-variant:before {
  content: "\f5fc";
}
.dxi-logout:before {
  content: "\f343";
}
.dxi-logout-variant:before {
  content: "\f5fd";
}
.dxi-looks:before {
  content: "\f344";
}
.dxi-loop:before {
  content: "\f6ea";
}
.dxi-loupe:before {
  content: "\f345";
}
.dxi-lumx:before {
  content: "\f346";
}
.dxi-magnet:before {
  content: "\f347";
}
.dxi-magnet-on:before {
  content: "\f348";
}
.dxi-magnify:before {
  content: "\f349";
}
.dxi-magnify-minus:before {
  content: "\f34a";
}
.dxi-magnify-minus-outline:before {
  content: "\f6eb";
}
.dxi-magnify-plus:before {
  content: "\f34b";
}
.dxi-magnify-plus-outline:before {
  content: "\f6ec";
}
.dxi-mail-ru:before {
  content: "\f34c";
}
.dxi-mailbox:before {
  content: "\f6ed";
}
.dxi-map:before {
  content: "\f34d";
}
.dxi-map-marker:before {
  content: "\f34e";
}
.dxi-map-marker-circle:before {
  content: "\f34f";
}
.dxi-map-marker-minus:before {
  content: "\f650";
}
.dxi-map-marker-multiple:before {
  content: "\f350";
}
.dxi-map-marker-off:before {
  content: "\f351";
}
.dxi-map-marker-outline:before {
  content: "\f7d8";
}
.dxi-map-marker-plus:before {
  content: "\f651";
}
.dxi-map-marker-radius:before {
  content: "\f352";
}
.dxi-margin:before {
  content: "\f353";
}
.dxi-markdown:before {
  content: "\f354";
}
.dxi-marker:before {
  content: "\f652";
}
.dxi-marker-check:before {
  content: "\f355";
}
.dxi-material-ui:before {
  content: "\f357";
}
.dxi-math-compass:before {
  content: "\f358";
}
.dxi-matrix:before {
  content: "\f628";
}
.dxi-maxcdn:before {
  content: "\f359";
}
.dxi-medical-bag:before {
  content: "\f6ee";
}
.dxi-medium:before {
  content: "\f35a";
}
.dxi-memory:before {
  content: "\f35b";
}
.dxi-menu:before {
  content: "\f35c";
}
.dxi-menu-down:before {
  content: "\f35d";
}
.dxi-menu-down-outline:before {
  content: "\f6b5";
}
.dxi-menu-left:before {
  content: "\f35e";
}
.dxi-menu-right:before {
  content: "\f35f";
}
.dxi-menu-up:before {
  content: "\f360";
}
.dxi-menu-up-outline:before {
  content: "\f6b6";
}
.dxi-message:before {
  content: "\f361";
}
.dxi-message-alert:before {
  content: "\f362";
}
.dxi-message-bulleted:before {
  content: "\f6a1";
}
.dxi-message-bulleted-off:before {
  content: "\f6a2";
}
.dxi-message-draw:before {
  content: "\f363";
}
.dxi-message-image:before {
  content: "\f364";
}
.dxi-message-outline:before {
  content: "\f365";
}
.dxi-message-plus:before {
  content: "\f653";
}
.dxi-message-processing:before {
  content: "\f366";
}
.dxi-message-reply:before {
  content: "\f367";
}
.dxi-message-reply-text:before {
  content: "\f368";
}
.dxi-message-settings:before {
  content: "\f6ef";
}
.dxi-message-settings-variant:before {
  content: "\f6f0";
}
.dxi-message-text:before {
  content: "\f369";
}
.dxi-message-text-outline:before {
  content: "\f36a";
}
.dxi-message-video:before {
  content: "\f36b";
}
.dxi-meteor:before {
  content: "\f629";
}
.dxi-metronome:before {
  content: "\f7d9";
}
.dxi-metronome-tick:before {
  content: "\f7da";
}
.dxi-micro-sd:before {
  content: "\f7db";
}
.dxi-microphone:before {
  content: "\f36c";
}
.dxi-microphone-off:before {
  content: "\f36d";
}
.dxi-microphone-outline:before {
  content: "\f36e";
}
.dxi-microphone-settings:before {
  content: "\f36f";
}
.dxi-microphone-variant:before {
  content: "\f370";
}
.dxi-microphone-variant-off:before {
  content: "\f371";
}
.dxi-microscope:before {
  content: "\f654";
}
.dxi-microsoft:before {
  content: "\f372";
}
.dxi-minecraft:before {
  content: "\f373";
}
.dxi-minus:before {
  content: "\f374";
}
.dxi-minus-box:before {
  content: "\f375";
}
.dxi-minus-box-outline:before {
  content: "\f6f1";
}
.dxi-minus-circle:before {
  content: "\f376";
}
.dxi-minus-circle-outline:before {
  content: "\f377";
}
.dxi-minus-network:before {
  content: "\f378";
}
.dxi-mixcloud:before {
  content: "\f62a";
}
.dxi-mixed-reality:before {
  content: "\f87e";
}
.dxi-mixer:before {
  content: "\f7dc";
}
.dxi-monitor:before {
  content: "\f379";
}
.dxi-monitor-multiple:before {
  content: "\f37a";
}
.dxi-more:before {
  content: "\f37b";
}
.dxi-motorbike:before {
  content: "\f37c";
}
.dxi-mouse:before {
  content: "\f37d";
}
.dxi-mouse-off:before {
  content: "\f37e";
}
.dxi-mouse-variant:before {
  content: "\f37f";
}
.dxi-mouse-variant-off:before {
  content: "\f380";
}
.dxi-move-resize:before {
  content: "\f655";
}
.dxi-move-resize-variant:before {
  content: "\f656";
}
.dxi-movie:before {
  content: "\f381";
}
.dxi-movie-roll:before {
  content: "\f7dd";
}
.dxi-multiplication:before {
  content: "\f382";
}
.dxi-multiplication-box:before {
  content: "\f383";
}
.dxi-mushroom:before {
  content: "\f7de";
}
.dxi-mushroom-outline:before {
  content: "\f7df";
}
.dxi-music:before {
  content: "\f759";
}
.dxi-music-box:before {
  content: "\f384";
}
.dxi-music-box-outline:before {
  content: "\f385";
}
.dxi-music-circle:before {
  content: "\f386";
}
.dxi-music-note:before {
  content: "\f387";
}
.dxi-music-note-bluetooth:before {
  content: "\f5fe";
}
.dxi-music-note-bluetooth-off:before {
  content: "\f5ff";
}
.dxi-music-note-eighth:before {
  content: "\f388";
}
.dxi-music-note-half:before {
  content: "\f389";
}
.dxi-music-note-off:before {
  content: "\f38a";
}
.dxi-music-note-quarter:before {
  content: "\f38b";
}
.dxi-music-note-sixteenth:before {
  content: "\f38c";
}
.dxi-music-note-whole:before {
  content: "\f38d";
}
.dxi-music-off:before {
  content: "\f75a";
}
.dxi-nativescript:before {
  content: "\f87f";
}
.dxi-nature:before {
  content: "\f38e";
}
.dxi-nature-people:before {
  content: "\f38f";
}
.dxi-navigation:before {
  content: "\f390";
}
.dxi-near-me:before {
  content: "\f5cd";
}
.dxi-needle:before {
  content: "\f391";
}
.dxi-nest-protect:before {
  content: "\f392";
}
.dxi-nest-thermostat:before {
  content: "\f393";
}
.dxi-netflix:before {
  content: "\f745";
}
.dxi-network:before {
  content: "\f6f2";
}
.dxi-new-box:before {
  content: "\f394";
}
.dxi-newspaper:before {
  content: "\f395";
}
.dxi-nfc:before {
  content: "\f396";
}
.dxi-nfc-tap:before {
  content: "\f397";
}
.dxi-nfc-variant:before {
  content: "\f398";
}
.dxi-ninja:before {
  content: "\f773";
}
.dxi-nintendo-switch:before {
  content: "\f7e0";
}
.dxi-nodejs:before {
  content: "\f399";
}
.dxi-note:before {
  content: "\f39a";
}
.dxi-note-multiple:before {
  content: "\f6b7";
}
.dxi-note-multiple-outline:before {
  content: "\f6b8";
}
.dxi-note-outline:before {
  content: "\f39b";
}
.dxi-note-plus:before {
  content: "\f39c";
}
.dxi-note-plus-outline:before {
  content: "\f39d";
}
.dxi-note-text:before {
  content: "\f39e";
}
.dxi-notebook:before {
  content: "\f82d";
}
.dxi-notification-clear-all:before {
  content: "\f39f";
}
.dxi-npm:before {
  content: "\f6f6";
}
.dxi-nuke:before {
  content: "\f6a3";
}
.dxi-null:before {
  content: "\f7e1";
}
.dxi-numeric:before {
  content: "\f3a0";
}
.dxi-numeric-0-box:before {
  content: "\f3a1";
}
.dxi-numeric-0-box-multiple-outline:before {
  content: "\f3a2";
}
.dxi-numeric-0-box-outline:before {
  content: "\f3a3";
}
.dxi-numeric-1-box:before {
  content: "\f3a4";
}
.dxi-numeric-1-box-multiple-outline:before {
  content: "\f3a5";
}
.dxi-numeric-1-box-outline:before {
  content: "\f3a6";
}
.dxi-numeric-2-box:before {
  content: "\f3a7";
}
.dxi-numeric-2-box-multiple-outline:before {
  content: "\f3a8";
}
.dxi-numeric-2-box-outline:before {
  content: "\f3a9";
}
.dxi-numeric-3-box:before {
  content: "\f3aa";
}
.dxi-numeric-3-box-multiple-outline:before {
  content: "\f3ab";
}
.dxi-numeric-3-box-outline:before {
  content: "\f3ac";
}
.dxi-numeric-4-box:before {
  content: "\f3ad";
}
.dxi-numeric-4-box-multiple-outline:before {
  content: "\f3ae";
}
.dxi-numeric-4-box-outline:before {
  content: "\f3af";
}
.dxi-numeric-5-box:before {
  content: "\f3b0";
}
.dxi-numeric-5-box-multiple-outline:before {
  content: "\f3b1";
}
.dxi-numeric-5-box-outline:before {
  content: "\f3b2";
}
.dxi-numeric-6-box:before {
  content: "\f3b3";
}
.dxi-numeric-6-box-multiple-outline:before {
  content: "\f3b4";
}
.dxi-numeric-6-box-outline:before {
  content: "\f3b5";
}
.dxi-numeric-7-box:before {
  content: "\f3b6";
}
.dxi-numeric-7-box-multiple-outline:before {
  content: "\f3b7";
}
.dxi-numeric-7-box-outline:before {
  content: "\f3b8";
}
.dxi-numeric-8-box:before {
  content: "\f3b9";
}
.dxi-numeric-8-box-multiple-outline:before {
  content: "\f3ba";
}
.dxi-numeric-8-box-outline:before {
  content: "\f3bb";
}
.dxi-numeric-9-box:before {
  content: "\f3bc";
}
.dxi-numeric-9-box-multiple-outline:before {
  content: "\f3bd";
}
.dxi-numeric-9-box-outline:before {
  content: "\f3be";
}
.dxi-numeric-9-plus-box:before {
  content: "\f3bf";
}
.dxi-numeric-9-plus-box-multiple-outline:before {
  content: "\f3c0";
}
.dxi-numeric-9-plus-box-outline:before {
  content: "\f3c1";
}
.dxi-nut:before {
  content: "\f6f7";
}
.dxi-nutrition:before {
  content: "\f3c2";
}
.dxi-oar:before {
  content: "\f67b";
}
.dxi-octagon:before {
  content: "\f3c3";
}
.dxi-octagon-outline:before {
  content: "\f3c4";
}
.dxi-octagram:before {
  content: "\f6f8";
}
.dxi-octagram-outline:before {
  content: "\f774";
}
.dxi-odnoklassniki:before {
  content: "\f3c5";
}
.dxi-office:before {
  content: "\f3c6";
}
.dxi-oil:before {
  content: "\f3c7";
}
.dxi-oil-temperature:before {
  content: "\f3c8";
}
.dxi-omega:before {
  content: "\f3c9";
}
.dxi-onedrive:before {
  content: "\f3ca";
}
.dxi-onenote:before {
  content: "\f746";
}
.dxi-onepassword:before {
  content: "\f880";
}
.dxi-opacity:before {
  content: "\f5cc";
}
.dxi-open-in-app:before {
  content: "\f3cb";
}
.dxi-open-in-new:before {
  content: "\f3cc";
}
.dxi-openid:before {
  content: "\f3cd";
}
.dxi-opera:before {
  content: "\f3ce";
}
.dxi-orbit:before {
  content: "\f018";
}
.dxi-ornament:before {
  content: "\f3cf";
}
.dxi-ornament-variant:before {
  content: "\f3d0";
}
.dxi-owl:before {
  content: "\f3d2";
}
.dxi-package:before {
  content: "\f3d3";
}
.dxi-package-down:before {
  content: "\f3d4";
}
.dxi-package-up:before {
  content: "\f3d5";
}
.dxi-package-variant:before {
  content: "\f3d6";
}
.dxi-package-variant-closed:before {
  content: "\f3d7";
}
.dxi-page-first:before {
  content: "\f600";
}
.dxi-page-last:before {
  content: "\f601";
}
.dxi-page-layout-body:before {
  content: "\f6f9";
}
.dxi-page-layout-footer:before {
  content: "\f6fa";
}
.dxi-page-layout-header:before {
  content: "\f6fb";
}
.dxi-page-layout-sidebar-left:before {
  content: "\f6fc";
}
.dxi-page-layout-sidebar-right:before {
  content: "\f6fd";
}
.dxi-palette:before {
  content: "\f3d8";
}
.dxi-palette-advanced:before {
  content: "\f3d9";
}
.dxi-panda:before {
  content: "\f3da";
}
.dxi-pandora:before {
  content: "\f3db";
}
.dxi-panorama:before {
  content: "\f3dc";
}
.dxi-panorama-fisheye:before {
  content: "\f3dd";
}
.dxi-panorama-horizontal:before {
  content: "\f3de";
}
.dxi-panorama-vertical:before {
  content: "\f3df";
}
.dxi-panorama-wide-angle:before {
  content: "\f3e0";
}
.dxi-paper-cut-vertical:before {
  content: "\f3e1";
}
.dxi-paperclip:before {
  content: "\f3e2";
}
.dxi-parking:before {
  content: "\f3e3";
}
.dxi-passport:before {
  content: "\f7e2";
}
.dxi-patreon:before {
  content: "\f881";
}
.dxi-pause:before {
  content: "\f3e4";
}
.dxi-pause-circle:before {
  content: "\f3e5";
}
.dxi-pause-circle-outline:before {
  content: "\f3e6";
}
.dxi-pause-octagon:before {
  content: "\f3e7";
}
.dxi-pause-octagon-outline:before {
  content: "\f3e8";
}
.dxi-paw:before {
  content: "\f3e9";
}
.dxi-paw-off:before {
  content: "\f657";
}
.dxi-paypal:before {
  content: "\f882";
}
.dxi-peace:before {
  content: "\f883";
}
.dxi-pen:before {
  content: "\f3ea";
}
.dxi-pencil:before {
  content: "\f3eb";
}
.dxi-pencil-box:before {
  content: "\f3ec";
}
.dxi-pencil-box-outline:before {
  content: "\f3ed";
}
.dxi-pencil-circle:before {
  content: "\f6fe";
}
.dxi-pencil-circle-outline:before {
  content: "\f775";
}
.dxi-pencil-lock:before {
  content: "\f3ee";
}
.dxi-pencil-off:before {
  content: "\f3ef";
}
.dxi-pentagon:before {
  content: "\f6ff";
}
.dxi-pentagon-outline:before {
  content: "\f700";
}
.dxi-percent:before {
  content: "\f3f0";
}
.dxi-periodic-table-co2:before {
  content: "\f7e3";
}
.dxi-periscope:before {
  content: "\f747";
}
.dxi-pharmacy:before {
  content: "\f3f1";
}
.dxi-phone:before {
  content: "\f3f2";
}
.dxi-phone-bluetooth:before {
  content: "\f3f3";
}
.dxi-phone-classic:before {
  content: "\f602";
}
.dxi-phone-forward:before {
  content: "\f3f4";
}
.dxi-phone-hangup:before {
  content: "\f3f5";
}
.dxi-phone-in-talk:before {
  content: "\f3f6";
}
.dxi-phone-incoming:before {
  content: "\f3f7";
}
.dxi-phone-locked:before {
  content: "\f3f8";
}
.dxi-phone-log:before {
  content: "\f3f9";
}
.dxi-phone-minus:before {
  content: "\f658";
}
.dxi-phone-missed:before {
  content: "\f3fa";
}
.dxi-phone-outgoing:before {
  content: "\f3fb";
}
.dxi-phone-paused:before {
  content: "\f3fc";
}
.dxi-phone-plus:before {
  content: "\f659";
}
.dxi-phone-return:before {
  content: "\f82e";
}
.dxi-phone-rotate-landscape:before {
  content: "\f884";
}
.dxi-phone-rotate-portrait:before {
  content: "\f885";
}
.dxi-phone-settings:before {
  content: "\f3fd";
}
.dxi-phone-voip:before {
  content: "\f3fe";
}
.dxi-pi:before {
  content: "\f3ff";
}
.dxi-pi-box:before {
  content: "\f400";
}
.dxi-piano:before {
  content: "\f67c";
}
.dxi-pier:before {
  content: "\f886";
}
.dxi-pier-crane:before {
  content: "\f887";
}
.dxi-pig:before {
  content: "\f401";
}
.dxi-pill:before {
  content: "\f402";
}
.dxi-pillar:before {
  content: "\f701";
}
.dxi-pin:before {
  content: "\f403";
}
.dxi-pin-off:before {
  content: "\f404";
}
.dxi-pine-tree:before {
  content: "\f405";
}
.dxi-pine-tree-box:before {
  content: "\f406";
}
.dxi-pinterest:before {
  content: "\f407";
}
.dxi-pinterest-box:before {
  content: "\f408";
}
.dxi-pipe:before {
  content: "\f7e4";
}
.dxi-pipe-disconnected:before {
  content: "\f7e5";
}
.dxi-pipe-leak:before {
  content: "\f888";
}
.dxi-pistol:before {
  content: "\f702";
}
.dxi-piston:before {
  content: "\f889";
}
.dxi-pizza:before {
  content: "\f409";
}
.dxi-plane-shield:before {
  content: "\f6ba";
}
.dxi-play:before {
  content: "\f40a";
}
.dxi-play-box-outline:before {
  content: "\f40b";
}
.dxi-play-circle:before {
  content: "\f40c";
}
.dxi-play-circle-outline:before {
  content: "\f40d";
}
.dxi-play-network:before {
  content: "\f88a";
}
.dxi-play-pause:before {
  content: "\f40e";
}
.dxi-play-protected-content:before {
  content: "\f40f";
}
.dxi-playlist-check:before {
  content: "\f5c7";
}
.dxi-playlist-minus:before {
  content: "\f410";
}
.dxi-playlist-play:before {
  content: "\f411";
}
.dxi-playlist-plus:before {
  content: "\f412";
}
.dxi-playlist-remove:before {
  content: "\f413";
}
.dxi-playstation:before {
  content: "\f414";
}
.dxi-plex:before {
  content: "\f6b9";
}
.dxi-plus:before {
  content: "\f415";
}
.dxi-plus-box:before {
  content: "\f416";
}
.dxi-plus-box-outline:before {
  content: "\f703";
}
.dxi-plus-circle:before {
  content: "\f417";
}
.dxi-plus-circle-multiple-outline:before {
  content: "\f418";
}
.dxi-plus-circle-outline:before {
  content: "\f419";
}
.dxi-plus-network:before {
  content: "\f41a";
}
.dxi-plus-one:before {
  content: "\f41b";
}
.dxi-plus-outline:before {
  content: "\f704";
}
.dxi-pocket:before {
  content: "\f41c";
}
.dxi-pokeball:before {
  content: "\f41d";
}
.dxi-poker-chip:before {
  content: "\f82f";
}
.dxi-polaroid:before {
  content: "\f41e";
}
.dxi-poll:before {
  content: "\f41f";
}
.dxi-poll-box:before {
  content: "\f420";
}
.dxi-polymer:before {
  content: "\f421";
}
.dxi-pool:before {
  content: "\f606";
}
.dxi-popcorn:before {
  content: "\f422";
}
.dxi-pot:before {
  content: "\f65a";
}
.dxi-pot-mix:before {
  content: "\f65b";
}
.dxi-pound:before {
  content: "\f423";
}
.dxi-pound-box:before {
  content: "\f424";
}
.dxi-power:before {
  content: "\f425";
}
.dxi-power-plug:before {
  content: "\f6a4";
}
.dxi-power-plug-off:before {
  content: "\f6a5";
}
.dxi-power-settings:before {
  content: "\f426";
}
.dxi-power-socket:before {
  content: "\f427";
}
.dxi-power-socket-eu:before {
  content: "\f7e6";
}
.dxi-power-socket-uk:before {
  content: "\f7e7";
}
.dxi-power-socket-us:before {
  content: "\f7e8";
}
.dxi-prescription:before {
  content: "\f705";
}
.dxi-presentation:before {
  content: "\f428";
}
.dxi-presentation-play:before {
  content: "\f429";
}
.dxi-printer:before {
  content: "\f42a";
}
.dxi-printer-3d:before {
  content: "\f42b";
}
.dxi-printer-alert:before {
  content: "\f42c";
}
.dxi-printer-settings:before {
  content: "\f706";
}
.dxi-priority-high:before {
  content: "\f603";
}
.dxi-priority-low:before {
  content: "\f604";
}
.dxi-professional-hexagon:before {
  content: "\f42d";
}
.dxi-projector:before {
  content: "\f42e";
}
.dxi-projector-screen:before {
  content: "\f42f";
}
.dxi-publish:before {
  content: "\f6a6";
}
.dxi-pulse:before {
  content: "\f430";
}
.dxi-puzzle:before {
  content: "\f431";
}
.dxi-qqchat:before {
  content: "\f605";
}
.dxi-qrcode:before {
  content: "\f432";
}
.dxi-qrcode-scan:before {
  content: "\f433";
}
.dxi-quadcopter:before {
  content: "\f434";
}
.dxi-quality-high:before {
  content: "\f435";
}
.dxi-quicktime:before {
  content: "\f436";
}
.dxi-radar:before {
  content: "\f437";
}
.dxi-radiator:before {
  content: "\f438";
}
.dxi-radio:before {
  content: "\f439";
}
.dxi-radio-handheld:before {
  content: "\f43a";
}
.dxi-radio-tower:before {
  content: "\f43b";
}
.dxi-radioactive:before {
  content: "\f43c";
}
.dxi-radiobox-blank:before {
  content: "\f43d";
}
.dxi-radiobox-marked:before {
  content: "\f43e";
}
.dxi-raspberrypi:before {
  content: "\f43f";
}
.dxi-ray-end:before {
  content: "\f440";
}
.dxi-ray-end-arrow:before {
  content: "\f441";
}
.dxi-ray-start:before {
  content: "\f442";
}
.dxi-ray-start-arrow:before {
  content: "\f443";
}
.dxi-ray-start-end:before {
  content: "\f444";
}
.dxi-ray-vertex:before {
  content: "\f445";
}
.dxi-react:before {
  content: "\f707";
}
.dxi-read:before {
  content: "\f447";
}
.dxi-receipt:before {
  content: "\f449";
}
.dxi-record:before {
  content: "\f44a";
}
.dxi-record-rec:before {
  content: "\f44b";
}
.dxi-recycle:before {
  content: "\f44c";
}
.dxi-reddit:before {
  content: "\f44d";
}
.dxi-redo:before {
  content: "\f44e";
}
.dxi-redo-variant:before {
  content: "\f44f";
}
.dxi-refresh:before {
  content: "\f450";
}
.dxi-regex:before {
  content: "\f451";
}
.dxi-relative-scale:before {
  content: "\f452";
}
.dxi-reload:before {
  content: "\f453";
}
.dxi-reminder:before {
  content: "\f88b";
}
.dxi-remote:before {
  content: "\f454";
}
.dxi-rename-box:before {
  content: "\f455";
}
.dxi-reorder-horizontal:before {
  content: "\f687";
}
.dxi-reorder-vertical:before {
  content: "\f688";
}
.dxi-repeat:before {
  content: "\f456";
}
.dxi-repeat-off:before {
  content: "\f457";
}
.dxi-repeat-once:before {
  content: "\f458";
}
.dxi-replay:before {
  content: "\f459";
}
.dxi-reply:before {
  content: "\f45a";
}
.dxi-reply-all:before {
  content: "\f45b";
}
.dxi-reproduction:before {
  content: "\f45c";
}
.dxi-resize-bottom-right:before {
  content: "\f45d";
}
.dxi-responsive:before {
  content: "\f45e";
}
.dxi-restart:before {
  content: "\f708";
}
.dxi-restore:before {
  content: "\f6a7";
}
.dxi-rewind:before {
  content: "\f45f";
}
.dxi-rewind-outline:before {
  content: "\f709";
}
.dxi-rhombus:before {
  content: "\f70a";
}
.dxi-rhombus-outline:before {
  content: "\f70b";
}
.dxi-ribbon:before {
  content: "\f460";
}
.dxi-rice:before {
  content: "\f7e9";
}
.dxi-ring:before {
  content: "\f7ea";
}
.dxi-road:before {
  content: "\f461";
}
.dxi-road-variant:before {
  content: "\f462";
}
.dxi-robot:before {
  content: "\f6a8";
}
.dxi-rocket:before {
  content: "\f463";
}
.dxi-room-service:before {
  content: "\f88c";
}
.dxi-roomba:before {
  content: "\f70c";
}
.dxi-rotate-3d:before {
  content: "\f464";
}
.dxi-rotate-left:before {
  content: "\f465";
}
.dxi-rotate-left-variant:before {
  content: "\f466";
}
.dxi-rotate-right:before {
  content: "\f467";
}
.dxi-rotate-right-variant:before {
  content: "\f468";
}
.dxi-rounded-corner:before {
  content: "\f607";
}
.dxi-router-wireless:before {
  content: "\f469";
}
.dxi-routes:before {
  content: "\f46a";
}
.dxi-rowing:before {
  content: "\f608";
}
.dxi-rss:before {
  content: "\f46b";
}
.dxi-rss-box:before {
  content: "\f46c";
}
.dxi-ruler:before {
  content: "\f46d";
}
.dxi-run:before {
  content: "\f70d";
}
.dxi-run-fast:before {
  content: "\f46e";
}
.dxi-sale:before {
  content: "\f46f";
}
.dxi-salesforce:before {
  content: "\f88d";
}
.dxi-sass:before {
  content: "\f7eb";
}
.dxi-satellite:before {
  content: "\f470";
}
.dxi-satellite-variant:before {
  content: "\f471";
}
.dxi-saxophone:before {
  content: "\f609";
}
.dxi-scale:before {
  content: "\f472";
}
.dxi-scale-balance:before {
  content: "\f5d1";
}
.dxi-scale-bathroom:before {
  content: "\f473";
}
.dxi-scanner:before {
  content: "\f6aa";
}
.dxi-school:before {
  content: "\f474";
}
.dxi-screen-rotation:before {
  content: "\f475";
}
.dxi-screen-rotation-lock:before {
  content: "\f476";
}
.dxi-screwdriver:before {
  content: "\f477";
}
.dxi-script:before {
  content: "\f478";
}
.dxi-sd:before {
  content: "\f479";
}
.dxi-seal:before {
  content: "\f47a";
}
.dxi-search-web:before {
  content: "\f70e";
}
.dxi-seat-flat:before {
  content: "\f47b";
}
.dxi-seat-flat-angled:before {
  content: "\f47c";
}
.dxi-seat-individual-suite:before {
  content: "\f47d";
}
.dxi-seat-legroom-extra:before {
  content: "\f47e";
}
.dxi-seat-legroom-normal:before {
  content: "\f47f";
}
.dxi-seat-legroom-reduced:before {
  content: "\f480";
}
.dxi-seat-recline-extra:before {
  content: "\f481";
}
.dxi-seat-recline-normal:before {
  content: "\f482";
}
.dxi-security:before {
  content: "\f483";
}
.dxi-security-account:before {
  content: "\f88e";
}
.dxi-security-home:before {
  content: "\f689";
}
.dxi-security-network:before {
  content: "\f484";
}
.dxi-select:before {
  content: "\f485";
}
.dxi-select-all:before {
  content: "\f486";
}
.dxi-select-inverse:before {
  content: "\f487";
}
.dxi-select-off:before {
  content: "\f488";
}
.dxi-selection:before {
  content: "\f489";
}
.dxi-selection-off:before {
  content: "\f776";
}
.dxi-send:before {
  content: "\f48a";
}
.dxi-send-secure:before {
  content: "\f7ec";
}
.dxi-serial-port:before {
  content: "\f65c";
}
.dxi-server:before {
  content: "\f48b";
}
.dxi-server-minus:before {
  content: "\f48c";
}
.dxi-server-network:before {
  content: "\f48d";
}
.dxi-server-network-off:before {
  content: "\f48e";
}
.dxi-server-off:before {
  content: "\f48f";
}
.dxi-server-plus:before {
  content: "\f490";
}
.dxi-server-remove:before {
  content: "\f491";
}
.dxi-server-security:before {
  content: "\f492";
}
.dxi-set-all:before {
  content: "\f777";
}
.dxi-set-center:before {
  content: "\f778";
}
.dxi-set-center-right:before {
  content: "\f779";
}
.dxi-set-left:before {
  content: "\f77a";
}
.dxi-set-left-center:before {
  content: "\f77b";
}
.dxi-set-left-right:before {
  content: "\f77c";
}
.dxi-set-none:before {
  content: "\f77d";
}
.dxi-set-right:before {
  content: "\f77e";
}
.dxi-settings:before {
  content: "\f493";
}
.dxi-settings-box:before {
  content: "\f494";
}
.dxi-shape:before {
  content: "\f830";
}
.dxi-shape-circle-plus:before {
  content: "\f65d";
}
.dxi-shape-outline:before {
  content: "\f831";
}
.dxi-shape-plus:before {
  content: "\f495";
}
.dxi-shape-polygon-plus:before {
  content: "\f65e";
}
.dxi-shape-rectangle-plus:before {
  content: "\f65f";
}
.dxi-shape-square-plus:before {
  content: "\f660";
}
.dxi-share:before {
  content: "\f496";
}
.dxi-share-variant:before {
  content: "\f497";
}
.dxi-shield:before {
  content: "\f498";
}
.dxi-shield-half-full:before {
  content: "\f77f";
}
.dxi-shield-outline:before {
  content: "\f499";
}
.dxi-ship-wheel:before {
  content: "\f832";
}
.dxi-shopping:before {
  content: "\f49a";
}
.dxi-shopping-music:before {
  content: "\f49b";
}
.dxi-shovel:before {
  content: "\f70f";
}
.dxi-shovel-off:before {
  content: "\f710";
}
.dxi-shredder:before {
  content: "\f49c";
}
.dxi-shuffle:before {
  content: "\f49d";
}
.dxi-shuffle-disabled:before {
  content: "\f49e";
}
.dxi-shuffle-variant:before {
  content: "\f49f";
}
.dxi-sigma:before {
  content: "\f4a0";
}
.dxi-sigma-lower:before {
  content: "\f62b";
}
.dxi-sign-caution:before {
  content: "\f4a1";
}
.dxi-sign-direction:before {
  content: "\f780";
}
.dxi-sign-text:before {
  content: "\f781";
}
.dxi-signal:before {
  content: "\f4a2";
}
.dxi-signal-2g:before {
  content: "\f711";
}
.dxi-signal-3g:before {
  content: "\f712";
}
.dxi-signal-4g:before {
  content: "\f713";
}
.dxi-signal-hspa:before {
  content: "\f714";
}
.dxi-signal-hspa-plus:before {
  content: "\f715";
}
.dxi-signal-off:before {
  content: "\f782";
}
.dxi-signal-variant:before {
  content: "\f60a";
}
.dxi-silverware:before {
  content: "\f4a3";
}
.dxi-silverware-fork:before {
  content: "\f4a4";
}
.dxi-silverware-spoon:before {
  content: "\f4a5";
}
.dxi-silverware-variant:before {
  content: "\f4a6";
}
.dxi-sim:before {
  content: "\f4a7";
}
.dxi-sim-alert:before {
  content: "\f4a8";
}
.dxi-sim-off:before {
  content: "\f4a9";
}
.dxi-sitemap:before {
  content: "\f4aa";
}
.dxi-skip-backward:before {
  content: "\f4ab";
}
.dxi-skip-forward:before {
  content: "\f4ac";
}
.dxi-skip-next:before {
  content: "\f4ad";
}
.dxi-skip-next-circle:before {
  content: "\f661";
}
.dxi-skip-next-circle-outline:before {
  content: "\f662";
}
.dxi-skip-previous:before {
  content: "\f4ae";
}
.dxi-skip-previous-circle:before {
  content: "\f663";
}
.dxi-skip-previous-circle-outline:before {
  content: "\f664";
}
.dxi-skull:before {
  content: "\f68b";
}
.dxi-skype:before {
  content: "\f4af";
}
.dxi-skype-business:before {
  content: "\f4b0";
}
.dxi-slack:before {
  content: "\f4b1";
}
.dxi-sleep:before {
  content: "\f4b2";
}
.dxi-sleep-off:before {
  content: "\f4b3";
}
.dxi-smoking:before {
  content: "\f4b4";
}
.dxi-smoking-off:before {
  content: "\f4b5";
}
.dxi-snapchat:before {
  content: "\f4b6";
}
.dxi-snowflake:before {
  content: "\f716";
}
.dxi-snowman:before {
  content: "\f4b7";
}
.dxi-soccer:before {
  content: "\f4b8";
}
.dxi-soccer-field:before {
  content: "\f833";
}
.dxi-sofa:before {
  content: "\f4b9";
}
.dxi-solid:before {
  content: "\f68c";
}
.dxi-sort:before {
  content: "\f4ba";
}
.dxi-sort-alphabetical:before {
  content: "\f4bb";
}
.dxi-sort-ascending:before {
  content: "\f4bc";
}
.dxi-sort-descending:before {
  content: "\f4bd";
}
.dxi-sort-numeric:before {
  content: "\f4be";
}
.dxi-sort-variant:before {
  content: "\f4bf";
}
.dxi-soundcloud:before {
  content: "\f4c0";
}
.dxi-source-branch:before {
  content: "\f62c";
}
.dxi-source-commit:before {
  content: "\f717";
}
.dxi-source-commit-end:before {
  content: "\f718";
}
.dxi-source-commit-end-local:before {
  content: "\f719";
}
.dxi-source-commit-local:before {
  content: "\f71a";
}
.dxi-source-commit-next-local:before {
  content: "\f71b";
}
.dxi-source-commit-start:before {
  content: "\f71c";
}
.dxi-source-commit-start-next-local:before {
  content: "\f71d";
}
.dxi-source-fork:before {
  content: "\f4c1";
}
.dxi-source-merge:before {
  content: "\f62d";
}
.dxi-source-pull:before {
  content: "\f4c2";
}
.dxi-soy-sauce:before {
  content: "\f7ed";
}
.dxi-speaker:before {
  content: "\f4c3";
}
.dxi-speaker-off:before {
  content: "\f4c4";
}
.dxi-speaker-wireless:before {
  content: "\f71e";
}
.dxi-speedometer:before {
  content: "\f4c5";
}
.dxi-spellcheck:before {
  content: "\f4c6";
}
.dxi-spotify:before {
  content: "\f4c7";
}
.dxi-spotlight:before {
  content: "\f4c8";
}
.dxi-spotlight-beam:before {
  content: "\f4c9";
}
.dxi-spray:before {
  content: "\f665";
}
.dxi-square:before {
  content: "\f763";
}
.dxi-square-inc:before {
  content: "\f4ca";
}
.dxi-square-inc-cash:before {
  content: "\f4cb";
}
.dxi-square-outline:before {
  content: "\f762";
}
.dxi-square-root:before {
  content: "\f783";
}
.dxi-stack-overflow:before {
  content: "\f4cc";
}
.dxi-stackexchange:before {
  content: "\f60b";
}
.dxi-stadium:before {
  content: "\f71f";
}
.dxi-stairs:before {
  content: "\f4cd";
}
.dxi-standard-definition:before {
  content: "\f7ee";
}
.dxi-star:before {
  content: "\f4ce";
}
.dxi-star-circle:before {
  content: "\f4cf";
}
.dxi-star-half:before {
  content: "\f4d0";
}
.dxi-star-off:before {
  content: "\f4d1";
}
.dxi-star-outline:before {
  content: "\f4d2";
}
.dxi-steam:before {
  content: "\f4d3";
}
.dxi-steering:before {
  content: "\f4d4";
}
.dxi-step-backward:before {
  content: "\f4d5";
}
.dxi-step-backward-2:before {
  content: "\f4d6";
}
.dxi-step-forward:before {
  content: "\f4d7";
}
.dxi-step-forward-2:before {
  content: "\f4d8";
}
.dxi-stethoscope:before {
  content: "\f4d9";
}
.dxi-sticker:before {
  content: "\f5d0";
}
.dxi-sticker-emoji:before {
  content: "\f784";
}
.dxi-stocking:before {
  content: "\f4da";
}
.dxi-stop:before {
  content: "\f4db";
}
.dxi-stop-circle:before {
  content: "\f666";
}
.dxi-stop-circle-outline:before {
  content: "\f667";
}
.dxi-store:before {
  content: "\f4dc";
}
.dxi-store-24-hour:before {
  content: "\f4dd";
}
.dxi-stove:before {
  content: "\f4de";
}
.dxi-subdirectory-arrow-left:before {
  content: "\f60c";
}
.dxi-subdirectory-arrow-right:before {
  content: "\f60d";
}
.dxi-subway:before {
  content: "\f6ab";
}
.dxi-subway-variant:before {
  content: "\f4df";
}
.dxi-summit:before {
  content: "\f785";
}
.dxi-sunglasses:before {
  content: "\f4e0";
}
.dxi-surround-sound:before {
  content: "\f5c5";
}
.dxi-surround-sound-2-0:before {
  content: "\f7ef";
}
.dxi-surround-sound-3-1:before {
  content: "\f7f0";
}
.dxi-surround-sound-5-1:before {
  content: "\f7f1";
}
.dxi-surround-sound-7-1:before {
  content: "\f7f2";
}
.dxi-svg:before {
  content: "\f720";
}
.dxi-swap-horizontal:before {
  content: "\f4e1";
}
.dxi-swap-vertical:before {
  content: "\f4e2";
}
.dxi-swim:before {
  content: "\f4e3";
}
.dxi-switch:before {
  content: "\f4e4";
}
.dxi-sword:before {
  content: "\f4e5";
}
.dxi-sword-cross:before {
  content: "\f786";
}
.dxi-sync:before {
  content: "\f4e6";
}
.dxi-sync-alert:before {
  content: "\f4e7";
}
.dxi-sync-off:before {
  content: "\f4e8";
}
.dxi-tab:before {
  content: "\f4e9";
}
.dxi-tab-plus:before {
  content: "\f75b";
}
.dxi-tab-unselected:before {
  content: "\f4ea";
}
.dxi-table:before {
  content: "\f4eb";
}
.dxi-table-column:before {
  content: "\f834";
}
.dxi-table-column-plus-after:before {
  content: "\f4ec";
}
.dxi-table-column-plus-before:before {
  content: "\f4ed";
}
.dxi-table-column-remove:before {
  content: "\f4ee";
}
.dxi-table-column-width:before {
  content: "\f4ef";
}
.dxi-table-edit:before {
  content: "\f4f0";
}
.dxi-table-large:before {
  content: "\f4f1";
}
.dxi-table-of-contents:before {
  content: "\f835";
}
.dxi-table-row:before {
  content: "\f836";
}
.dxi-table-row-height:before {
  content: "\f4f2";
}
.dxi-table-row-plus-after:before {
  content: "\f4f3";
}
.dxi-table-row-plus-before:before {
  content: "\f4f4";
}
.dxi-table-row-remove:before {
  content: "\f4f5";
}
.dxi-table-settings:before {
  content: "\f837";
}
.dxi-tablet:before {
  content: "\f4f6";
}
.dxi-tablet-android:before {
  content: "\f4f7";
}
.dxi-tablet-ipad:before {
  content: "\f4f8";
}
.dxi-taco:before {
  content: "\f761";
}
.dxi-tag:before {
  content: "\f4f9";
}
.dxi-tag-faces:before {
  content: "\f4fa";
}
.dxi-tag-heart:before {
  content: "\f68a";
}
.dxi-tag-multiple:before {
  content: "\f4fb";
}
.dxi-tag-outline:before {
  content: "\f4fc";
}
.dxi-tag-plus:before {
  content: "\f721";
}
.dxi-tag-remove:before {
  content: "\f722";
}
.dxi-tag-text-outline:before {
  content: "\f4fd";
}
.dxi-target:before {
  content: "\f4fe";
}
.dxi-taxi:before {
  content: "\f4ff";
}
.dxi-teach:before {
  content: "\f88f";
}
.dxi-teamviewer:before {
  content: "\f500";
}
.dxi-telegram:before {
  content: "\f501";
}
.dxi-television:before {
  content: "\f502";
}
.dxi-television-box:before {
  content: "\f838";
}
.dxi-television-classic:before {
  content: "\f7f3";
}
.dxi-television-classic-off:before {
  content: "\f839";
}
.dxi-television-guide:before {
  content: "\f503";
}
.dxi-television-off:before {
  content: "\f83a";
}
.dxi-temperature-celsius:before {
  content: "\f504";
}
.dxi-temperature-fahrenheit:before {
  content: "\f505";
}
.dxi-temperature-kelvin:before {
  content: "\f506";
}
.dxi-tennis:before {
  content: "\f507";
}
.dxi-tent:before {
  content: "\f508";
}
.dxi-terrain:before {
  content: "\f509";
}
.dxi-test-tube:before {
  content: "\f668";
}
.dxi-text-shadow:before {
  content: "\f669";
}
.dxi-text-to-speech:before {
  content: "\f50a";
}
.dxi-text-to-speech-off:before {
  content: "\f50b";
}
.dxi-textbox:before {
  content: "\f60e";
}
.dxi-textbox-password:before {
  content: "\f7f4";
}
.dxi-texture:before {
  content: "\f50c";
}
.dxi-theater:before {
  content: "\f50d";
}
.dxi-theme-light-dark:before {
  content: "\f50e";
}
.dxi-thermometer:before {
  content: "\f50f";
}
.dxi-thermometer-lines:before {
  content: "\f510";
}
.dxi-thermostat-box:before {
  content: "\f890";
}
.dxi-thought-bubble:before {
  content: "\f7f5";
}
.dxi-thought-bubble-outline:before {
  content: "\f7f6";
}
.dxi-thumb-down:before {
  content: "\f511";
}
.dxi-thumb-down-outline:before {
  content: "\f512";
}
.dxi-thumb-up:before {
  content: "\f513";
}
.dxi-thumb-up-outline:before {
  content: "\f514";
}
.dxi-thumbs-up-down:before {
  content: "\f515";
}
.dxi-ticket:before {
  content: "\f516";
}
.dxi-ticket-account:before {
  content: "\f517";
}
.dxi-ticket-confirmation:before {
  content: "\f518";
}
.dxi-ticket-percent:before {
  content: "\f723";
}
.dxi-tie:before {
  content: "\f519";
}
.dxi-tilde:before {
  content: "\f724";
}
.dxi-timelapse:before {
  content: "\f51a";
}
.dxi-timer:before {
  content: "\f51b";
}
.dxi-timer-10:before {
  content: "\f51c";
}
.dxi-timer-3:before {
  content: "\f51d";
}
.dxi-timer-off:before {
  content: "\f51e";
}
.dxi-timer-sand:before {
  content: "\f51f";
}
.dxi-timer-sand-empty:before {
  content: "\f6ac";
}
.dxi-timer-sand-full:before {
  content: "\f78b";
}
.dxi-timetable:before {
  content: "\f520";
}
.dxi-toggle-switch:before {
  content: "\f521";
}
.dxi-toggle-switch-off:before {
  content: "\f522";
}
.dxi-tooltip:before {
  content: "\f523";
}
.dxi-tooltip-edit:before {
  content: "\f524";
}
.dxi-tooltip-image:before {
  content: "\f525";
}
.dxi-tooltip-outline:before {
  content: "\f526";
}
.dxi-tooltip-outline-plus:before {
  content: "\f527";
}
.dxi-tooltip-text:before {
  content: "\f528";
}
.dxi-tooth:before {
  content: "\f529";
}
.dxi-tor:before {
  content: "\f52a";
}
.dxi-tower-beach:before {
  content: "\f680";
}
.dxi-tower-fire:before {
  content: "\f681";
}
.dxi-towing:before {
  content: "\f83b";
}
.dxi-trackpad:before {
  content: "\f7f7";
}
.dxi-tractor:before {
  content: "\f891";
}
.dxi-traffic-light:before {
  content: "\f52b";
}
.dxi-train:before {
  content: "\f52c";
}
.dxi-tram:before {
  content: "\f52d";
}
.dxi-transcribe:before {
  content: "\f52e";
}
.dxi-transcribe-close:before {
  content: "\f52f";
}
.dxi-transfer:before {
  content: "\f530";
}
.dxi-transit-transfer:before {
  content: "\f6ad";
}
.dxi-translate:before {
  content: "\f5ca";
}
.dxi-treasure-chest:before {
  content: "\f725";
}
.dxi-tree:before {
  content: "\f531";
}
.dxi-trello:before {
  content: "\f532";
}
.dxi-trending-down:before {
  content: "\f533";
}
.dxi-trending-neutral:before {
  content: "\f534";
}
.dxi-trending-up:before {
  content: "\f535";
}
.dxi-triangle:before {
  content: "\f536";
}
.dxi-triangle-outline:before {
  content: "\f537";
}
.dxi-trophy:before {
  content: "\f538";
}
.dxi-trophy-award:before {
  content: "\f539";
}
.dxi-trophy-outline:before {
  content: "\f53a";
}
.dxi-trophy-variant:before {
  content: "\f53b";
}
.dxi-trophy-variant-outline:before {
  content: "\f53c";
}
.dxi-truck:before {
  content: "\f53d";
}
.dxi-truck-delivery:before {
  content: "\f53e";
}
.dxi-truck-fast:before {
  content: "\f787";
}
.dxi-truck-trailer:before {
  content: "\f726";
}
.dxi-tshirt-crew:before {
  content: "\f53f";
}
.dxi-tshirt-v:before {
  content: "\f540";
}
.dxi-tumblr:before {
  content: "\f541";
}
.dxi-tumblr-reblog:before {
  content: "\f542";
}
.dxi-tune:before {
  content: "\f62e";
}
.dxi-tune-vertical:before {
  content: "\f66a";
}
.dxi-twitch:before {
  content: "\f543";
}
.dxi-twitter:before {
  content: "\f544";
}
.dxi-twitter-box:before {
  content: "\f545";
}
.dxi-twitter-circle:before {
  content: "\f546";
}
.dxi-twitter-retweet:before {
  content: "\f547";
}
.dxi-uber:before {
  content: "\f748";
}
.dxi-ubuntu:before {
  content: "\f548";
}
.dxi-ultra-high-definition:before {
  content: "\f7f8";
}
.dxi-umbraco:before {
  content: "\f549";
}
.dxi-umbrella:before {
  content: "\f54a";
}
.dxi-umbrella-outline:before {
  content: "\f54b";
}
.dxi-undo:before {
  content: "\f54c";
}
.dxi-undo-variant:before {
  content: "\f54d";
}
.dxi-unfold-less-horizontal:before {
  content: "\f54e";
}
.dxi-unfold-less-vertical:before {
  content: "\f75f";
}
.dxi-unfold-more-horizontal:before {
  content: "\f54f";
}
.dxi-unfold-more-vertical:before {
  content: "\f760";
}
.dxi-ungroup:before {
  content: "\f550";
}
.dxi-unity:before {
  content: "\f6ae";
}
.dxi-untappd:before {
  content: "\f551";
}
.dxi-update:before {
  content: "\f6af";
}
.dxi-upload:before {
  content: "\f552";
}
.dxi-upload-multiple:before {
  content: "\f83c";
}
.dxi-upload-network:before {
  content: "\f6f5";
}
.dxi-usb:before {
  content: "\f553";
}
.dxi-van-passenger:before {
  content: "\f7f9";
}
.dxi-van-utility:before {
  content: "\f7fa";
}
.dxi-vanish:before {
  content: "\f7fb";
}
.dxi-vector-arrange-above:before {
  content: "\f554";
}
.dxi-vector-arrange-below:before {
  content: "\f555";
}
.dxi-vector-circle:before {
  content: "\f556";
}
.dxi-vector-circle-variant:before {
  content: "\f557";
}
.dxi-vector-combine:before {
  content: "\f558";
}
.dxi-vector-curve:before {
  content: "\f559";
}
.dxi-vector-difference:before {
  content: "\f55a";
}
.dxi-vector-difference-ab:before {
  content: "\f55b";
}
.dxi-vector-difference-ba:before {
  content: "\f55c";
}
.dxi-vector-ellipse:before {
  content: "\f892";
}
.dxi-vector-intersection:before {
  content: "\f55d";
}
.dxi-vector-line:before {
  content: "\f55e";
}
.dxi-vector-point:before {
  content: "\f55f";
}
.dxi-vector-polygon:before {
  content: "\f560";
}
.dxi-vector-polyline:before {
  content: "\f561";
}
.dxi-vector-radius:before {
  content: "\f749";
}
.dxi-vector-rectangle:before {
  content: "\f5c6";
}
.dxi-vector-selection:before {
  content: "\f562";
}
.dxi-vector-square:before {
  content: "\f001";
}
.dxi-vector-triangle:before {
  content: "\f563";
}
.dxi-vector-union:before {
  content: "\f564";
}
.dxi-venmo:before {
  content: "\f578";
}
.dxi-verified:before {
  content: "\f565";
}
.dxi-vibrate:before {
  content: "\f566";
}
.dxi-video:before {
  content: "\f567";
}
.dxi-video-3d:before {
  content: "\f7fc";
}
.dxi-video-4k-box:before {
  content: "\f83d";
}
.dxi-video-input-antenna:before {
  content: "\f83e";
}
.dxi-video-input-component:before {
  content: "\f83f";
}
.dxi-video-input-hdmi:before {
  content: "\f840";
}
.dxi-video-input-svideo:before {
  content: "\f841";
}
.dxi-video-off:before {
  content: "\f568";
}
.dxi-video-switch:before {
  content: "\f569";
}
.dxi-view-agenda:before {
  content: "\f56a";
}
.dxi-view-array:before {
  content: "\f56b";
}
.dxi-view-carousel:before {
  content: "\f56c";
}
.dxi-view-column:before {
  content: "\f56d";
}
.dxi-view-dashboard:before {
  content: "\f56e";
}
.dxi-view-dashboard-variant:before {
  content: "\f842";
}
.dxi-view-day:before {
  content: "\f56f";
}
.dxi-view-grid:before {
  content: "\f570";
}
.dxi-view-headline:before {
  content: "\f571";
}
.dxi-view-list:before {
  content: "\f572";
}
.dxi-view-module:before {
  content: "\f573";
}
.dxi-view-parallel:before {
  content: "\f727";
}
.dxi-view-quilt:before {
  content: "\f574";
}
.dxi-view-sequential:before {
  content: "\f728";
}
.dxi-view-stream:before {
  content: "\f575";
}
.dxi-view-week:before {
  content: "\f576";
}
.dxi-vimeo:before {
  content: "\f577";
}
.dxi-violin:before {
  content: "\f60f";
}
.dxi-virtual-reality:before {
  content: "\f893";
}
.dxi-visualstudio:before {
  content: "\f610";
}
.dxi-vk:before {
  content: "\f579";
}
.dxi-vk-box:before {
  content: "\f57a";
}
.dxi-vk-circle:before {
  content: "\f57b";
}
.dxi-vlc:before {
  content: "\f57c";
}
.dxi-voice:before {
  content: "\f5cb";
}
.dxi-voicemail:before {
  content: "\f57d";
}
.dxi-volume-high:before {
  content: "\f57e";
}
.dxi-volume-low:before {
  content: "\f57f";
}
.dxi-volume-medium:before {
  content: "\f580";
}
.dxi-volume-minus:before {
  content: "\f75d";
}
.dxi-volume-mute:before {
  content: "\f75e";
}
.dxi-volume-off:before {
  content: "\f581";
}
.dxi-volume-plus:before {
  content: "\f75c";
}
.dxi-vpn:before {
  content: "\f582";
}
.dxi-vuejs:before {
  content: "\f843";
}
.dxi-walk:before {
  content: "\f583";
}
.dxi-wall:before {
  content: "\f7fd";
}
.dxi-wallet:before {
  content: "\f584";
}
.dxi-wallet-giftcard:before {
  content: "\f585";
}
.dxi-wallet-membership:before {
  content: "\f586";
}
.dxi-wallet-travel:before {
  content: "\f587";
}
.dxi-wan:before {
  content: "\f588";
}
.dxi-washing-machine:before {
  content: "\f729";
}
.dxi-watch:before {
  content: "\f589";
}
.dxi-watch-export:before {
  content: "\f58a";
}
.dxi-watch-export-variant:before {
  content: "\f894";
}
.dxi-watch-import:before {
  content: "\f58b";
}
.dxi-watch-import-variant:before {
  content: "\f895";
}
.dxi-watch-variant:before {
  content: "\f896";
}
.dxi-watch-vibrate:before {
  content: "\f6b0";
}
.dxi-water:before {
  content: "\f58c";
}
.dxi-water-off:before {
  content: "\f58d";
}
.dxi-water-percent:before {
  content: "\f58e";
}
.dxi-water-pump:before {
  content: "\f58f";
}
.dxi-watermark:before {
  content: "\f612";
}
.dxi-waves:before {
  content: "\f78c";
}
.dxi-weather-cloudy:before {
  content: "\f590";
}
.dxi-weather-fog:before {
  content: "\f591";
}
.dxi-weather-hail:before {
  content: "\f592";
}
.dxi-weather-hurricane:before {
  content: "\f897";
}
.dxi-weather-lightning:before {
  content: "\f593";
}
.dxi-weather-lightning-rainy:before {
  content: "\f67d";
}
.dxi-weather-night:before {
  content: "\f594";
}
.dxi-weather-partlycloudy:before {
  content: "\f595";
}
.dxi-weather-pouring:before {
  content: "\f596";
}
.dxi-weather-rainy:before {
  content: "\f597";
}
.dxi-weather-snowy:before {
  content: "\f598";
}
.dxi-weather-snowy-rainy:before {
  content: "\f67e";
}
.dxi-weather-sunny:before {
  content: "\f599";
}
.dxi-weather-sunset:before {
  content: "\f59a";
}
.dxi-weather-sunset-down:before {
  content: "\f59b";
}
.dxi-weather-sunset-up:before {
  content: "\f59c";
}
.dxi-weather-windy:before {
  content: "\f59d";
}
.dxi-weather-windy-variant:before {
  content: "\f59e";
}
.dxi-web:before {
  content: "\f59f";
}
.dxi-webcam:before {
  content: "\f5a0";
}
.dxi-webhook:before {
  content: "\f62f";
}
.dxi-webpack:before {
  content: "\f72a";
}
.dxi-wechat:before {
  content: "\f611";
}
.dxi-weight:before {
  content: "\f5a1";
}
.dxi-weight-kilogram:before {
  content: "\f5a2";
}
.dxi-whatsapp:before {
  content: "\f5a3";
}
.dxi-wheelchair-accessibility:before {
  content: "\f5a4";
}
.dxi-white-balance-auto:before {
  content: "\f5a5";
}
.dxi-white-balance-incandescent:before {
  content: "\f5a6";
}
.dxi-white-balance-iridescent:before {
  content: "\f5a7";
}
.dxi-white-balance-sunny:before {
  content: "\f5a8";
}
.dxi-widgets:before {
  content: "\f72b";
}
.dxi-wifi:before {
  content: "\f5a9";
}
.dxi-wifi-off:before {
  content: "\f5aa";
}
.dxi-wii:before {
  content: "\f5ab";
}
.dxi-wiiu:before {
  content: "\f72c";
}
.dxi-wikipedia:before {
  content: "\f5ac";
}
.dxi-window-close:before {
  content: "\f5ad";
}
.dxi-window-closed:before {
  content: "\f5ae";
}
.dxi-window-maximize:before {
  content: "\f5af";
}
.dxi-window-minimize:before {
  content: "\f5b0";
}
.dxi-window-open:before {
  content: "\f5b1";
}
.dxi-window-restore:before {
  content: "\f5b2";
}
.dxi-windows:before {
  content: "\f5b3";
}
.dxi-wordpress:before {
  content: "\f5b4";
}
.dxi-worker:before {
  content: "\f5b5";
}
.dxi-wrap:before {
  content: "\f5b6";
}
.dxi-wrench:before {
  content: "\f5b7";
}
.dxi-wunderlist:before {
  content: "\f5b8";
}
.dxi-xamarin:before {
  content: "\f844";
}
.dxi-xamarin-outline:before {
  content: "\f845";
}
.dxi-xaml:before {
  content: "\f673";
}
.dxi-xbox:before {
  content: "\f5b9";
}
.dxi-xbox-controller:before {
  content: "\f5ba";
}
.dxi-xbox-controller-battery-alert:before {
  content: "\f74a";
}
.dxi-xbox-controller-battery-empty:before {
  content: "\f74b";
}
.dxi-xbox-controller-battery-full:before {
  content: "\f74c";
}
.dxi-xbox-controller-battery-low:before {
  content: "\f74d";
}
.dxi-xbox-controller-battery-medium:before {
  content: "\f74e";
}
.dxi-xbox-controller-battery-unknown:before {
  content: "\f74f";
}
.dxi-xbox-controller-off:before {
  content: "\f5bb";
}
.dxi-xda:before {
  content: "\f5bc";
}
.dxi-xing:before {
  content: "\f5bd";
}
.dxi-xing-box:before {
  content: "\f5be";
}
.dxi-xing-circle:before {
  content: "\f5bf";
}
.dxi-xml:before {
  content: "\f5c0";
}
.dxi-xmpp:before {
  content: "\f7fe";
}
.dxi-yammer:before {
  content: "\f788";
}
.dxi-yeast:before {
  content: "\f5c1";
}
.dxi-yelp:before {
  content: "\f5c2";
}
.dxi-yin-yang:before {
  content: "\f67f";
}
.dxi-youtube-creator-studio:before {
  content: "\f846";
}
.dxi-youtube-gaming:before {
  content: "\f847";
}
.dxi-youtube-play:before {
  content: "\f5c3";
}
.dxi-youtube-tv:before {
  content: "\f448";
}
.dxi-zip-box:before {
  content: "\f5c4";
}
.dxi-blank:before {
  content: "\f68c";
  visibility: hidden;
}
.dxi-18px.dxi-set,
.dxi-18px.dxi:before {
  font-size: 18px;
}
.dxi-24px.dxi-set,
.dxi-24px.dxi:before {
  font-size: 24px;
}
.dxi-36px.dxi-set,
.dxi-36px.dxi:before {
  font-size: 36px;
}
.dxi-48px.dxi-set,
.dxi-48px.dxi:before {
  font-size: 48px;
}
.dxi-dark:before {
  color: rgba(0, 0, 0, .54);
}
.dxi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, .26);
}
.dxi-light:before {
  color: #fff;
}
.dxi-light.mdi-inactive:before {
  color: hsla(0, 0%, 100%, .3);
}
.dxi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dxi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.dxi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.dxi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dxi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.dxi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.dxi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.dxi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.dxi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.dxi-spin:before {
  -webkit-animation: b 2s infinite linear;
  animation: b 2s infinite linear;
}
@-webkit-keyframes b {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes b {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.dhx_editor {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: #e40000 !important;
  justify-content: stretch;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.dhx_editor .dhx_selected .dhx_item_shape {
  stroke: #0288d1;
}
.dhx_editor .dhx_diagram_item {
  cursor: move;
}
.dhx_resize_grip,
.free_editor .dhx_connect_point .dhx_connect_grip {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #98a7bf;
  box-sizing: border-box;
  z-index: 10;
}
.editor .dhx_diagram {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath stroke-width='.5' stroke='%23e0e0e0' fill='transparent' d='M0 0h10v10H0z'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' stroke='%23E0E0E0' d='M0 0h100v100H0z'/%3E%3C/svg%3E");
  text-align: left;
}
.dhx_cell .dhx_preview_mode .dhx_diagram {
  background-image: none;
}
.dhx_free_editor .dhx_diagram {
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='9.5' cy='9.5' r='.5' fill='%23c4c4c4'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1000v1000H0z'/%3E%3C/svg%3E");
  background-position: 1px 1px;
}
.dhx_free_editor .dhx_free_diagram {
  background: none;
}
.dhx_free_editor .dhx_item_toolbar,
.dhx_free_editor .dhx_popup_toolbar {
  height: 40px;
}
.dhx_free_editor .dhx_item_toolbar .dhx_icon {
  width: 30px;
  height: 30px;
  color: #b8c6d6;
}
.dhx_free_editor .dhx_item_toolbar .dhx_icon svg {
  fill: #b8c6d6;
}
.dhx_free_editor .dhx_item_toolbar .dhx_icon:hover svg path {
  fill: #408bf3;
}
.dhx_free_editor .dhx_item_toolbar .dhx_icon:hover.dhx_icon_remove svg path {
  fill: #f1453d;
}
.dhx_free_editor .dhx_item_toolbar .dhx_active_icon svg path {
  fill: #408bf3;
}
.dhx_free_editor .dhx_textarea {
  width: 100%;
  background: #fff;
}
.free_sidebar .dhx_property {
  background: #f8f8f8;
}
.free_editor .dhx_connect_point .dhx_connect_grip,
.free_editor .dhx_resize_grip {
  width: 8px;
  height: 8px;
  border: 1px solid #1876d2;
  border-radius: 50%;
}
.free_editor .dhx_connect_point .dhx_connect_grip:focus,
.free_editor .dhx_resize_grip:focus {
  border: 3px solid #1876d2;
  outline: none;
}
.free_editor .dhx_break_point {
  width: 8px;
  height: 8px;
  border: 1px solid #a8d4ff;
  background: #a8d4ff;
  cursor: pointer;
}
.free_editor .dhx_break_point:focus {
  border: 1px solid #a8d4ff;
  outline: none;
}
.free_editor .dhx_connect_point {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  position: absolute;
}
.free_editor .dhx_connect_point .dhx_connect_grip {
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #1876d2;
  position: relative;
}
.free_editor .dhx_nearest_point {
  background: rgba(0, 0, 0, .1);
}
.free_editor .dhx_nearest_point .dhx_connect_grip {
  width: 10px;
  height: 10px;
}
.free_editor .dhx_diagram_connector path:hover,
.free_editor .dhx_diagram_flow_item text,
.free_editor .dhx_diagram_flow_shape:hover {
  cursor: pointer;
}
.dhx_shape_rotate svg path {
  fill: #1876d2;
}
.sidebar {
  z-index: 5;
  flex: 0 0 285px;
  border-left: 1px solid #e0e0e0;
  overflow: hidden;
}
.dhx_diagram_connector.dhx_selected .dhx_diagram_line {
  stroke-opacity: .5;
}
.dhx_diagram_connector.dhx_selected .dhx_diagram_arrow {
  stroke-opacity: .5;
  fill-opacity: .5;
}
.dhx_dropdown {
  position: relative;
  padding: 10px 0;
}
.dhx_dropdown_checkbox,
.dhx_dropdown_content {
  display: none;
}
.dhx_dropdown_label {
  font-weight: 500;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  text-transform: uppercase;
  color: #909cad;
}
.dhx_dropdown_label:before {
  position: absolute;
  top: 30%;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgba(0, 0, 0, .38);
  border-left: 6px solid transparent;
}
.dhx_dropdown_checkbox:checked ~ .dhx_dropdown_content {
  display: block;
}
.dhx_dropdown_checkbox:checked + .dhx_dropdown_label:before {
  border-top: 6px solid rgba(0, 0, 0, .38);
  border-bottom: none;
}
body .shapesbar_cont {
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  display: flex;
  overflow-y: auto;
  flex-direction: row;
  min-width: 270px;
  max-width: 270px;
  padding: 20px;
  -webkit-user-select: none;
  user-select: none;
  background: #f8f8f8;
  border-right: 1px solid #e0e0e0;
}
.shapesbar_wrap {
  width: 100%;
  height: 100%;
}
.shapesbar {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}
.dhx_shape_thumb {
  display: flex;
  flex-direction: column;
  width: 70px;
  max-width: 70px;
  height: 70px;
  min-height: 70px;
  cursor: pointer;
  margin-bottom: 8px;
  align-items: center;
  justify-content: center;
}
.dhx_shape_thumb:hover svg path {
  fill: #fbfbfb;
  stroke: #b8c6d6;
}
.dhx_shape_thumb .dhx_item_shape {
  fill: #eef1f6;
  stroke: #b8c6d6;
}
.dhx_shape_shadow .dhx_diagram_extra_lines,
.dhx_shape_thumb .dhx_diagram_extra_lines {
  stroke: #b8c6d6;
}
.dhx_shape_name {
  font-size: 12px;
  padding-top: 4px;
  color: #909cad;
}
.dhx_topbar {
  position: relative;
  z-index: 30;
  min-height: 60px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}
.dhx_topbar,
.dhx_topbar .dhx_state_block {
  display: flex;
  padding: 0 8px;
  align-items: center;
}
.dhx_topbar .dhx_state_block {
  width: 150px;
  height: 25px;
  margin: 0 8px;
  border-right: 1px solid #eef0f3;
  border-left: 1px solid #eef0f3;
  justify-content: space-around;
}
.dhx_topbar .dhx_state_block .redo,
.dhx_topbar .dhx_state_block .undo {
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: #909cad;
  fill: #909cad;
}
.dhx_topbar .dhx_state_block .redo:hover,
.dhx_topbar .dhx_state_block .undo:hover {
  color: #1876d2;
  fill: #1876d2;
  stroke: #1876d2;
}
.dhx_topbar .dhx_state_block .redo--active,
.dhx_topbar .dhx_state_block .undo--active {
  color: #8792a7;
}
.dhx_topbar .dhx_state_block .redo--active:hover,
.dhx_topbar .dhx_state_block .undo--active:hover {
  color: #1876d2;
}
.dhx_topbar .dhx_btn,
.dhx_topbar .dhx_btn_small {
  font-weight: 500;
  color: #fff;
  margin: 0 4px;
}
.dhx_topbar .dhx_btn--flat {
  color: #b8c6d6;
  justify-content: center;
}
.dhx_topbar .dhx_topbar_wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  align-items: center;
}
.dhx_topbar .dhx_editor_scale {
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  display: flex;
  flex-direction: row;
  width: 94px;
  height: 30px;
  background: #f8f8f8;
  justify-content: space-around;
  align-items: center;
}
.dhx_topbar .dhx_editor_scale .dhx_scale_value,
.dhx_topbar .dhx_editor_scale .dhx_zoom_in,
.dhx_topbar .dhx_editor_scale .dhx_zoom_out {
  font-size: 20px;
  font-weight: 900;
  display: flex;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #909cad;
  justify-content: center;
  align-items: center;
}
.dhx_topbar .dhx_editor_scale .dhx_scale_value {
  font-size: 14px;
  width: auto;
  height: auto;
  cursor: default;
}
.dhx_topbar .dhx_visibility {
  padding: 0 34px;
  cursor: pointer;
  color: #909cad;
}
.dhx_topbar .dhx_visibility.dhx_selected {
  color: #1876d2;
}
.dhx_topbar .dhx_items_block {
  flex: 1;
  justify-content: flex-end;
  padding: 0 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.edit-section.color-edit {
  position: relative;
  margin-bottom: 8px;
}
.edit-section.color-edit .color_picker_wrap {
  height: 40px;
  width: 120px;
  display: flex;
  flex-direction: row;
}
.edit-section.color-edit .color_picker_wrap .color_preview {
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.edit-section.color-edit .color_picker_wrap .color_code {
  height: 100%;
}
.inputs_group {
  display: flex;
  margin: 0 0 1px;
  justify-content: flex-end;
  align-items: center;
}
.inputs_group span {
  color: #8792a7;
  letter-spacing: .5px;
  margin: 0 8px 0 0;
}
.inputs_group input,
.inputs_group span {
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.inputs_group input {
  color: #202020;
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
  width: 84px;
  height: 32px;
  transition: all .2s ease;
  text-align: center;
  outline: none;
}
.inputs_group input:first-of-type {
  margin: 0 8px 0 0;
}
.inputs_group input:hover {
  transition: all .2s ease;
  border-color: #ccc;
}
.inputs_group input.dhx_invalid {
  border: 1px solid red;
}
.inputs_group_desc {
  display: flex;
  margin: 0 0 8px;
  justify-content: flex-end;
}
.inputs_group_desc span {
  color: #8792a7;
  font-size: 12px;
  letter-spacing: .5px;
  line-height: 20px;
  width: 86px;
  text-align: center;
}
.inputs_group_desc span:first-child {
  margin: 0 8px 0 0;
}
.dhx_property,
.side-bar {
  position: relative;
  z-index: 5;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  height: 100%;
  padding: 0 20px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}
.dhx_property input:focus,
.dhx_property textarea:focus,
.side-bar input:focus,
.side-bar textarea:focus {
  box-shadow: 0 0 0 1px #1876d2;
}
.edit-section {
  padding: 0 0 4px;
}
.section-title {
  margin: 0 0 8px;
  letter-spacing: .5px;
}
.section-title,
.sidebar-title {
  line-height: 20px;
  color: #8792a7;
}
.sidebar-title {
  margin: 20px 0 10px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.dhx_invalid input {
  border: 1px solid red !important;
}
.pop-up {
  font-size: 14px;
  color: #fff;
  border-radius: 2px;
  background-color: #333;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
  line-height: 20px;
  z-index: 6;
  top: -4px;
  left: 42px;
  box-sizing: border-box;
  width: 94px;
  height: 38px;
  padding: 9px 22px;
  opacity: 0;
}
.pop-up,
.pop-up:before {
  position: absolute;
  transition: all .2s ease;
}
.pop-up:before {
  bottom: 11px;
  left: -15px;
  content: "";
  border: 8px solid transparent;
  border-right: 8px solid #333;
}
.dhx_property {
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
}
.dhx_property * {
  box-sizing: border-box;
}
.dhx_group_item {
  line-height: 30px;
  padding-left: 10px;
  color: #fff;
  background: #55f;
}
.dhx_text_item {
  font-size: 15px;
  line-height: 30px;
  white-space: nowrap;
}
.dhx_text_item:nth-child(2n) {
  background: #f8f8ff;
}
.dhx_text_item .dhx_label {
  box-sizing: border-box;
  width: 50%;
  padding-left: 10px;
}
.dhx_text_item .dhx_value {
  width: 50%;
  cursor: pointer;
}
.dhx_label,
.dhx_value {
  display: inline-block;
}
.dhx_value .segmented input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.segmented label {
  margin-right: -3px;
  padding: 1px 10px 2px 8px;
  cursor: pointer;
  border: 1px solid #dedede;
  background: #fff;
}
.segmented input:checked + label {
  background: #dedede;
}
.segmented input:focus + label {
  border-bottom: 2px solid #48f;
}
.dhx_value {
  text-align: left;
}
.dhx_value input,
.dhx_value select {
  font-family: Tahoma;
  font-size: 15px;
  line-height: 28px;
  width: 100%;
  border: none;
  border-bottom: 2px solid transparent;
  outline: none;
  background: transparent;
}
.dhx_value select {
  padding: 0;
}
.dhx_value input:focus,
.dhx_value select:focus {
  border-bottom: 2px solid #48f;
}
.dhx_value .dhx_check {
  position: relative;
  top: 2px;
  left: -9px;
  width: 18px;
  height: 18px;
}
.dhx_invalid input,
.dhx_invalid input:focus {
  border-bottom: 2px solid red;
}
.position-edit {
  display: flex;
  margin: 0 0 1px;
  justify-content: flex-end;
  align-items: center;
}
.position-edit input:first-of-type {
  margin: 0 10px 0 0;
}
.position-desc {
  display: flex;
  margin: 0 0 9px;
  justify-content: flex-end;
}
.position-desc span {
  font-size: 12px;
  line-height: 20px;
  width: 86px;
  text-align: center;
  letter-spacing: .5px;
  color: #7b869d;
}
.position-desc span:first-child {
  margin: 0 10px 0 0;
}
.name-edit {
  font-family: Roboto, san-serif;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  width: 248px;
  height: 56px;
  margin: 0 0 10px;
  padding: 8px 0 0 8px;
  resize: none;
  color: rgba(0, 0, 0, .87);
  border: 1px solid #e3e8f0;
  outline: none;
  background-color: #f4f5f6;
}
.no-border {
  border-bottom: none;
}
.no-margin {
  margin: 0;
}
.no-padding {
  padding: 0;
}
.photo-wrapper img {
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  border: 1px solid #eee;
}
.dhx_textarea {
  height: 56px;
  width: 248px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
  margin: 0 0 10px;
  padding: 8px 0 0 8px;
  outline: none;
  resize: none;
  color: #202020;
  font-size: 14px;
  line-height: 20px;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  transition: all .2s ease;
}
.dhx_textarea:hover {
  border-color: #ccc;
  transition: all .2s ease;
}
.dhx_textarea:focus {
  box-shadow: 0 0 0 1px #1876d2;
  transition: all .2s ease;
}
.dhx_textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .38);
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.dhx_textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.dhx_textarea:focus:-moz-placeholder,
.dhx_textarea:focus::-moz-placeholder {
  color: transparent;
}
.dhx_textarea:focus:-ms-input-placeholder {
  color: transparent;
}
@keyframes c {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.dhx_img_uploader {
  cursor: pointer;
  position: relative;
}
.dhx_img_uploader .pop-up {
  left: 70px;
  top: 10px;
  width: auto;
}
.dhx_img_uploader:hover {
  cursor: pointer;
}
.dhx_img_uploader:hover .pop-up {
  transition: all .2s ease;
  opacity: 1;
}
.dhx_img_uploader .dhx_uploader_preview {
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-color: #f2f2f2;
}
.dhx_img_uploader .dhx_uploader_preview.loading .dhx_loading {
  display: block;
  width: 101%;
  height: 101%;
  background: #fff;
  animation: c .8s infinite linear;
  border: 4px solid #03a9f4;
  border-right-color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.dhx_img_uploader .dhx_uploader_preview .dhx_loading {
  display: none;
}
.section-title {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 8px 0;
  color: #909cad;
}
.input_element {
  height: 40px;
  width: 110px;
  border: 1px solid #d4dde7;
  border-radius: 2px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
  margin: 0 8px 10px 0;
}
.input_element input {
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  border: 1px solid #e6e6e6;
  background-color: #f7f7f7;
  line-height: 20px;
  width: 84px;
  height: 32px;
  transition: all .2s ease;
  text-align: center;
  outline: none;
  padding: 0 8px 0 40px;
  background: #fff;
  border: none;
  width: 100%;
  height: 100%;
  text-align: left;
  color: #202020;
}
.input_element input:first-of-type {
  margin: 0 8px 0 0;
}
.input_element input:hover {
  transition: all .2s ease;
  border-color: #ccc;
}
.input_element input.dhx_invalid {
  border: 1px solid red;
}
.input_icon_wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 20px;
  height: 100%;
  margin: 0 9px;
}
.input_icon {
  text-align: center;
  background: #b8c6d6;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-transform: uppercase;
}
.rotate_icon {
  width: 24px;
  height: 24px;
  color: #b8c6d6;
}
.input_group_up {
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.input_group_up .inputs_group {
  width: 110%;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}
.input_group_up .inputs_group input {
  padding: 0 8px 0 40px;
  background: #fff;
  width: 100%;
  height: 100%;
  text-align: left;
}
.alone_picker {
  width: 40px;
  min-width: 40px;
}
.line-edit-content {
  display: flex;
  flex-direction: row;
}
.dhx_select {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  height: 40px;
  color: #909cad;
  outline: none;
}
.dhx_select .dhx_select_content {
  display: none;
}
.dhx_select .dhx_select_label {
  display: flex;
  height: 40px;
  padding: 0 18px;
  color: #202020;
  font-weight: 400;
  align-items: center;
}
.dhx_select:before {
  position: absolute;
  top: 40%;
  right: 12px;
  width: 0;
  height: 0;
  content: "";
  border-top: 5px solid #b8c6d6;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.dhx_select:focus {
  box-shadow: inset 0 0 0 1px #1876d2;
}
.dhx_select:focus:before {
  border-top: none;
  border-bottom: 5px solid #b8c6d6;
}
.dhx_select:focus .dhx_select_content {
  position: absolute;
  z-index: 100;
  z-index: 10;
  top: 45px;
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #d4dde7;
  background: #fff;
  box-shadow: 0 0 9px 0 hsla(0, 0%, 53%, .5);
}
.dhx_select:focus .dhx_select_content:after {
  position: absolute;
  z-index: -1;
  top: -2px;
  right: 11px;
  width: 10px;
  height: 10px;
  content: "";
  transform: rotate(45deg);
  background: #fff;
  box-shadow: 0 0 9px 0 hsla(0, 0%, 53%, .5);
}
.dhx_select .dhx_select_option {
  z-index: 10;
  display: flex;
  height: 30px;
  padding: 10px 18px;
  cursor: pointer;
  color: #202020;
  background: #fff;
  font-weight: 400;
  align-items: center;
}
.dhx_select .dhx_select_option:hover {
  color: #1876d2;
  background-color: #eef1f6;
}
.dhx_select .dhx_select_option:hover .dhx_select_dash,
.dhx_select .dhx_select_option:hover .dhx_select_line {
  border-color: #1876d2;
}
.dhx_select .dhx_selected_option {
  background-color: #eef1f6;
}
.dhx_select .dhx_selected_option .dhx_select_dash,
.dhx_select .dhx_selected_option .dhx_select_line {
  border-color: #1876d2;
}
.dhx_select .dhx_selected_option .dxi-check {
  font-size: 14px;
  padding: 0 8px;
  color: #909cad;
}
.dhx_select .dhx_select_dash,
.dhx_select .dhx_select_line {
  width: 60%;
  height: 0;
  border: 1px solid #909cad;
}
.dhx_select .dhx_select_dash {
  border: 1px dashed #909cad;
}
.line_width {
  width: 65px;
}
.line_width input {
  padding: 0 10px;
}
.line_width .title {
  position: absolute;
  top: 33%;
  right: 0;
  padding: 0 10px;
  color: #b8c6d6;
}
.icons_group {
  display: flex;
  align-items: center;
  height: 40px;
  margin: 0 10px 0 0;
}
.icons_group .dhx_line_icon,
.icons_group .dxi {
  min-width: 30px;
  min-height: 30px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: #b8c6d6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icons_group .dhx_line_icon:hover,
.icons_group .dxi:hover {
  background: #eef1f6;
}
.icons_group .dhx_selected {
  color: #1876d2;
}
.icons_group .dhx_selected svg * {
  fill: #1876d2;
}
.icons_group .dhx_line_icon {
  cursor: pointer;
}
.icons_group .dhx_line_icon i * {
  pointer-events: none;
}
.line_height .dxi-format-line-spacing {
  width: 24px;
  height: 24px;
  color: #b8c6d6;
}
.arrow_select {
  min-width: 70px;
}
.arrow_select .dhx_select_label {
  padding: 0 8px;
}
.align_bar {
  display: flex;
  padding-bottom: 12px;
}
.align_icon_wrap {
  padding: 0 4px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.align_icon_wrap:hover {
  background: #eef1f6;
}
.align_icon_wrap.dhx_selected svg path {
  fill: #1876d2;
}
.dhx_popup {
  position: fixed;
  position: absolute;
  z-index: 999999;
  box-sizing: border-box;
  animation: d .2s ease-in-out forwards;
  background: #fff;
}
.dhx_popup.hide {
  animation: e .2s ease-in-out forwards;
}
.dhx_card {
  z-index: 999999;
  box-sizing: border-box;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 54px 0 rgba(0, 0, 0, .05), 0 2px 4px 0 rgba(0, 0, 0, .22);
}
@keyframes d {
  0% {
    transform: translateY(30%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes e {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(30%);
    opacity: 0;
  }
}
.dhx_colorpicker_popup .dhx_popup_content {
  border: none;
}
.dhx_colorpicker_wrap {
  box-sizing: border-box;
  padding: 5px;
}
.dhx_colorpicker_wrap,
.dhx_palette {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.dhx_palette {
  margin: 0;
  white-space: nowrap;
}
.dhx_palette_col {
  display: inline-block;
  box-sizing: border-box;
}
.dhx_palette_col:last-child .dhx_palette_cell {
  margin-right: 0;
}
.dhx_palette_row {
  box-sizing: border-box;
}
.dhx_palette_row .dhx_palette_cell {
  display: inline-block;
  margin-bottom: 0;
}
.dhx_palette_row .dhx_palette_cell:last-child {
  margin-right: 0;
}
.dhx_palette_cell {
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin: 0 2px 0 0;
  margin-bottom: 2px;
  vertical-align: top;
}
.dhx_palette_cell:first-child {
  margin-bottom: 6px;
}
.dhx_palette_cell:last-child {
  margin-bottom: 0;
}
.dhx_palette_cell:hover {
  border: 2px solid hsla(0, 0%, 100%, .6);
}
.dhx_palette_cell:hover:before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  content: "";
  border: 1px solid rgba(0, 0, 0, .6);
}
.dhx_palette_cell.dhx_selected {
  border: 2px solid hsla(0, 0%, 100%, .6);
}
.dhx_palette_cell.dhx_selected:before {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  content: "";
  border: 1px solid rgba(0, 0, 0, .6);
}
.dhx_cell {
  flex-wrap: nowrap;
  box-sizing: border-box;
  font-family: Helvetica, Tahoma;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.dhx_cell.layout_x,
.dhx_cell.layout_y {
  display: flex;
}
.dhx_cell.layout_x {
  flex-direction: row;
}
.dhx_cell.layout_y {
  flex-direction: column;
}
.dhx_cell.flex {
  flex-grow: 1;
}
.dhx_cell.panel {
  margin: 10px;
  padding: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}
.dhx_cell.header {
  font-size: 18px;
  padding: 10px;
  background: #666;
  color: #fff;
}
.dhx_cell.footer {
  padding: 5px 10px;
  background: #666;
  color: #fff;
}
body > .dhx_cell.layout_y {
  height: 100%;
}
.dhx_cell.shadow-bottom {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
  position: relative;
  z-index: 10;
}
.dhx_cell.line-left {
  border-left: 1px solid #e0e0e0;
}

/* apps/shared-assets/assets/scripts/diagram/diagram/codebase/diagram.css */
/*
@license

dhtmlxDiagram v.2.2.0 Professional

This software is covered by DHTMLX Commercial License.
Usage without proper license is prohibited.

(c) XB Software.

*/
.dhx_checkbox__input,
.dhx_radiobutton__input,
.dhx_simplevault__input,
.dhx_visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.dhx_no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}
.dhx_no-select:not(.dhx_no-select--resize):not(.dhx_no-select--pointer) * {
  cursor: -webkit-grab !important;
  cursor: grab !important;
}
.dhx_no-select--pointer {
  cursor: pointer;
}
.dhx_no-select--pointer,
.dhx_no-select--resize {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dhx-resize-observer {
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  margin: 1px 0 0;
  border: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.dhx_widget,
.dhx_widget * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
.dhx_widget,
.dhx_widget *,
.dhx_widget:after,
.dhx_widget :after,
.dhx_widget:before,
.dhx_widget :before {
  box-sizing: border-box;
}
body {
  margin: 0;
}
.dhx_widget {
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, .7);
}
.dhx_widget--bordered {
  border: 1px solid #e4e4e4;
}
.dhx_widget--border_top {
  border-top: 1px solid #e4e4e4;
}
.dhx_widget--border_bottom {
  border-bottom: 1px solid #e4e4e4;
}
.dhx_widget--border_left {
  border-left: 1px solid #e4e4e4;
}
.dhx_widget--border_right {
  border-right: 1px solid #e4e4e4;
}
.dhx_widget--border-shadow {
  border: 0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}
.dhx_widget--no-border {
  border: 0;
}
.dhx_widget--no-border_top {
  border-top: 0;
}
.dhx_widget--no-border_bottom {
  border-bottom: 0;
}
.dhx_widget--no-border_left {
  border-left: 0;
}
.dhx_widget--no-border_right {
  border-right: 0;
}
.dhx_widget--bg_white {
  background-color: #fff;
}
.dhx_widget--bg_gray {
  background-color: #f7f7f7;
}
.dhx_drag-ghost {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 999;
  opacity: .6;
}
.dhx_drag-ghost * {
  box-sizing: border-box;
}
.dhx_drag-ghost .dhx_list-item {
  list-style-type: none;
}
.dhx_drag-ghost .dhx_list-item--selected {
  background-color: #fff;
  box-shadow: inset 0 0 0 0 #0288d1;
}
.dhx_drag-ghost .dhx_list-item--focus,
.dhx_drag-ghost .dhx_list-item--selected:hover,
.dhx_drag-ghost .dhx_list-item:hover {
  background-color: #fff;
  transition: background-color .2s ease-out;
}
.dhx_drag-ghost .dhx_tree-list-item__icon {
  position: relative;
  display: inline;
  vertical-align: middle;
  color: rgba(0, 0, 0, .3);
  font-size: 20px;
  top: 2px;
}
.dhx_drag-ghost .dhx_tree-list-item__text {
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  vertical-align: middle;
  line-height: 20px;
  color: rgba(0, 0, 0, .7);
}
.dhx_drag-ghost .dhx_dataview-item,
.dhx_drag-ghost .dhx_grid-cell,
.dhx_drag-ghost .dhx_list-item {
  background-color: #fff;
  border: 1px solid #e4e4e4 !important;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-regular-webfont-BOVASUTJ.woff2") format("woff2"), url("./media/roboto-regular-webfont-7S3DPMA3.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-medium-webfont-AXYXA63I.woff2") format("woff2"), url("./media/roboto-medium-webfont-MQYC5ERW.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-bold-webfont-IFISR6Z3.woff2") format("woff2"), url("./media/roboto-bold-webfont-UJ3MUXHV.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: dhxicons;
  src: url(data:font/woff2;base64,d09GMgABAAAAAA+EAAsAAAAAKxwAAA8yAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCLJgq1OKpEATYCJAOCPAuBIAAEIAWEFgeJZBtDJGXGHGwcGLxxQxNRuWnK/v86eWPS4R6yYESCi2Gui5D0b1memncuc/78e2zVXajxxCPqbkQFzQvdiZ9kbvxDHenbbK6DJBOhcA+RUgBLXOEKVuSiznyLf6c2ImstKdaT46QOK1Bgxwq47NRyiGoVkHxcAEyP2D3gMh2S7/iLyQPs1nSSlvoA2FQ12ylN9temYaFTxtye7N92iAQlxiDAB0HF/ghQVRWM6S1lz6vf1cW57xOb2KZ5dMCDQ959xjq72dXSgQWiIO59eX+xw4BBaQ2D71s6YUxjdbyZhRTzf8uczeYlS62yLs04HBqh0Ah1Mzu3lz+Tmb3Z1KuplE1om6OVS2i3Q++uqFYUS6lVVeHhFEgckoeyaMsxtv57g1sBiwibiIiNiv2j7n5jgL1A3b8/NMbgecDS+cgews8HPO+PR5oxCbS9JhIB7bkUn00YOyVwEQEn/ue3IT+wIE387stbdCrC1WEi2LLl/K6wmU1wtedk/Cuv/uZ9uA4op2HpJOx6iYO6VKoeW7L2azDwBCKJi4y4KVSaNJ7ta2y3P4AQjHz9Ox6GEyRFMyzHC6IkK6qmG6ZlO67nB2EUJ2mWF2VVN60qQ0XYoqrVqFWnXoNGTZphrPHdIzA/YfYE9SjVpwbUkBpRY2pCTakZNacW1JJaUWtqQ22pHbWnDhRIQRRMIRRKYRROERRJURRNMRRLcRRPCZRISZRMKZRKaZROGZRJWZRNOZRLeZRPBVRIRVRMJVRKZVROFVRJVVRNNVRLHakTdaYu1JW6UXfqQT038e0XbILtN2yC7Q9sgu0vbILtDkaueGZPP+Db9hWOvvDc4n1xMfHkphcd4J7zMOWW1ct8R3ibiot04HD4LFnWwLRYZWsZZYKycs0tcmakzOTByUwr9iE1YnGLTZIIc5Czq+nUBwcxVUdmFkkSQoqM+dqrzllHzexK40tHbwxjy7lDKLOpTBCQyUOUAUo6hkSIeD6h6kwDGdurk21PYzQYWGjgMiQrKowsq8JpkxbRSql9OgpzjT2k9/70D2JCBrib+f72sr268w833fW9K5CAv4Lqv8CF1MB48EKtgjZHoGOeZ/rQRp+7JEK9Lunv9N3kutA2hSgoG6X1/79YdMHHZ7UIvdL39GOdOaynArRxHCL+ZCyMpxf6tD6lW/WKPpJUPYip74tRgUJFpF6iAnUD+pL6c/arqAVeeIeB9ggZCQkoqbXD7NCz65I7rXTYOMX3GCA8qVRqqQYAuagw5lw7ZS1F9aUaCdcsT+pKy2KjLrUqDnzeFCS0/jXR+bur9vK2v7/ubh6GsGSW0WV7xLllZFgymFQaa4QU6FxWnS0qUw46lKmoi5U0VCMtMgnBRTYsGQJGR8L+aZDnH132sQ19WobSk2DHXR6DXOFUZmu9cOnK2JrT0FubOm2yv5DoVas3gl2iRWkHkASBqatEgolP7HWsxvZ8vHola3qmnue86SEUz8k5yg1hvn80lv7FoLa2tdB46k2t60+Bm/V2uXNtjRxQT4ahsW10WNCEkIE3GGmE4JQj3YCE2OW8CvsIBGOehNDNXiLHQEJzjYdlFSAM2lLuooe/TWBnsWnWTLSUc35kfjW6YExzpX3fa893bqQIrZTRa527Zjyc3mRl4W0HPNi6NGZsAvwA5AnDtkJNSl9Yw0p3A+oOSVQGOpOoOzDEGC/WdIU6Pnc7hX40eXmMxwxZBMY65jp2RiragWWG2xpn+nsGIVBKVmPMWceErDmzj2JSOrPD8qATRloYxYq/PZsIwCMtbkx4lKk656A3jDQXy/c/Ocxqkht9GqFiZfokfdYauk7/mSqrkoSbs2or7r2Kqg2htylhnXOE+mBMN3LMoXR+yV5iNLazqWsGN+LICrNKEYN4aHWNraR9lAiZ0pxEOrQON+Pm2fkYoTXCpanQBqpDZFFHSwFziwDaHdIR8vibDZYBfQc+jBaO/YzHkASQUJBYBBqz2YoMApc7OzGkfN2UWbeUHRkZGXj9h1R2KHpW8rAV7UFFyAmdPkhK1N8aydmLYXSSlcIiZLWhTtZEGVUQ3O4I1tBRGGeAG/i7icxJDw6AsKTaBiqB0VxBF9tZTmYhDEOgoNr6OqVduJbaRLgwMzeL4rJhCTL2kGCRZ6dZ45xmMVzHfsmMcuaWOaar6tT3+qcPxgLb7O9E0/2JNWVtp+WbuSO1G6XmPZW92XW4vyEJ/J3JMbRqZgamKqKoOa3hE2dNfupGeD5Lzb4/8/7sTBaMpmGGh3JzyWNECn3qvFXi1rt4L6ISx379a3iSN0QikpL6Rri+S7wCyf+/585X4rkEXyxaYpBPwCzf2+Fwtypz/Wt1gVB/Wq5+WBjgmhxviWQqz/FFhabluD0khESBEIZaGCvxaXKRBuJuaRXP2aMuyENkIJGHNoyIm9SPFhRpjngYxBuwiveXWI0jPjx8KjVDPpHApGOJgi2E8oJhkZTj/HioYVhIGe0aQmfErZbzySfOkfFAZJUv7vmQ9HqdeBzJwsKgKK/0jZD5Uu73t3m3ve9l61FNVme6kJFd0uhH3xFonEY2+l0Z2RPWJJPObR80RB3swRLBFkzqCQT2RDfESzO9i1ZaPstDIUJDi+dhWyZRpIC5iHqxyFKru8IcGBKi0BLmx9dgJxBuswzZsO00O8nvKWHIbyS9sjdZhG9e5qTpktcR2L0KTpV7b527/0bjQEPjQt29+mW7urqv9FnHHz7QfzU/Ld5g4h9pukKgRdmg1O1VWMsqfWFj48J8/1nxfDwVn9oBAS/PcGJWeroVdZa/DAGdRgi2EKaFgZ+JlzuZ/+bmxo8nDqNyhBn+qCsC4VyfD7cGKPA81dIZRgwN+sComD+eyy5ld9thr+KD6NriV+GkWrdvNqEOq6XaP7pRtz84UUgKkGxEkBbPjUMT2jyaZwo4v2jsvnktVlguyBvlrFCua6NajYZSoDxdcvG1yhNFRVOs6MYyJhmOIdJgCRMObrwwwj0gq8E9wrYMzf2pqpmeWR8wPa1biz+UZFLp5tfhVm1FH4WABC66RlZoonxFL5A4Uh13hebTGPUMYBrDgG4NPiI/PFo2FdMV1+Iu7pFHP4x/tJoGaqk/KEz4RWPEnuGAfJpRhalnLq0XI4Kqkia4DsiB9nSHH1ZVzAkapamuAy5xymlqsNRJJG7VOELYVznC11Nq5glsaBtK4y5Q4oJFZRIJhlVU4i6JE2lW0ZpRs3xDfsKRAXuVIV2O6g+P9ox+WD/axWD4XolBrreHDrWLHrd274537245kghr6OXT6nBgCCjqKvZX9n85+jv+UKuHb7pUxAQkOKFQgMOcj6NGwohFpXSj2D3dHXwlqHzMVqM5YvsgF+vbQpW8V5Xc295H52HyS3NkZTgEy7EETFNe78Uz56UZ8uN6Qj+kd+CIZaEy4sOtVHteRnq6Wbli2ZENPXttLvxjErFuf8hRRgRjxNFbnYu3+Fv8t3M/WApGp2ujPQIBHRCw/PvPdf3E97lj14RvbXwnnNrQ0+8nmBU1wwIsYC2yno9Mn3kkNNVr/YwFUIn//vFRVx57mzwTBu7u/k/mhmRJCSKF0eFEYh9aOc2JzKbh0RJxn6EtvDqPzbu6kFY94X1iFcOJAAV8VEs1fUuohDWxvSWtK1guO0K1MxP+0TS6jYc+IjdGmOf2NZpwb4fT4VWhYDEQJoqZ7A+qpdIYUZkFI9eF0Ug1OUxjt4Zu22hDqNRtMKYjY74sHdd4ZY2aAkEKI7qGCRYV1RnmK2gAdLoYS5YUJzf8rHqh1QMn4PeXo4YRvcjeJuLK3emJlV2ueL/Jkg9ptcskD2nSNKWsnRc5Oq4/msG74mkzZYVkrzu5CXzzcLyKFSno/D9gJBkIALFWHIZDK0g5GKvj9aBy0pL3XrUY3GswankYQe29lamFikdBIyEwaqxXG/pBv3srFR9ZFh/3zsf+e447Hm/NM9WKUbbxWlOSx85HorXJFue1Jjz2/zR2vYqkSY1Euy1+m/OYzrLRbkX+se/2SGjDFTsaizqXE+ClOt6OetkI8VCZfCC3VFZf9GpEGR+lUzl9Zrk8yxa/bavlshDwUbYRbtf1HY9Bcau/Kg8e0aXGwfn/s4vh2MtzkhP0gb+R6tb9PjjVI8krMO5/yNrxxP18osb6PzML2y3on5syznmZ78MPAO4GhUwAUsAphsvI5v53dGaAhwx6gnDnOmhicSdDgooCwwVCD0NBTwRvrSId4yCAE93gwLDwy+DhwUpDAMN2TSy+x5CQiacMFxguGgqG4+3HUtGF66EqTPvkhetPHBuB7i0+4C9qTRP62+3N59d4REYFw9APh77O451Z7KNK7h+EDYmkLypP6G07mZX76+uo+gtvveRFmPbJC9efODYC1bT57v5FRSzB0fe32xsD7ZGx0YhgGGLDgQXXebwzi96FokruH9LNbUgkZ1bUF3pCb9sphVvur4kqmrJtyTzPy6X0bpz+L2BAWDh4BMR/afwvBYoSFWo0aNGdBEIwgmI4QVI0w3K8IEqyomq6YVq243p+EEZxkmZ5UVZ10x5P58v1dn88X+/Pt/v97bg4AqGa80k94QZU5dl5IYJSsXu9Lu4LcDgfqKmTGI+F3Pg0N+YA6kwCHE78hH73nv3YIHs3EPDOSTNKjGEzZdAdhoJULwC698VnFXZBnnk3lDDaehZN42SX69lbWXsSXwY7AehYRcX82cnLTTcBCQ1dFMUZ9XR74xdBrLpJNP0XNqD1GulaWPJA5xZcjwTCKSpU1DM8YMPhiMNrel9BpRRUN4MmYLuKidBJDaLWPcMVgs3RZyYxoXCeLAX5dHftN1E0gzmgNLLzyHH9r2TcfP/rk9kK/OoIQxZWbI8XEnXlKUgyDPe2lskyEL5IXMFFXC3gE48FZPxrYujc5n/1iavM3x5uUU3TDm1SaeP0ct/UOKBmx79+WK4MV/q4DGImOYI0exU+wWVNysvY2FsSduSUNxNS6WartZNvEifGJmHZPdrh4aUQu0S4F33dBz3r5hsmHs8yjJzi4SIjt1FI7vjCLsG8sLPjhVu5yIlbdYPsT9A9nHHLqMmfFmSf6KqQhthGj5/1Z0VT8y56rBikUzEwzG1qV0XNkhYfDQbCbmtomV0GcsDr+vgm9EiKWWbs5NK3L3jKmkkOA9FQX4aQ+PbFxzzHjYO8bzwMD3RZFCfDPCczNLIFAAAA) format("woff2"), url(data:font/woff;base64,d09GRgABAAAAABQQAAsAAAAAKxwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPQAAAFY7OUfdY21hcAAAAYQAAAGLAAAFpvsm/mxnbHlmAAADEAAADCkAABq4n2FV0mhlYWQAAA88AAAALAAAADYS9ZN3aGhlYQAAD2gAAAAYAAAAJAC+ALBobXR4AAAPgAAAABAAAAE8HUAAAGxvY2EAAA+QAAAAoAAAAKAaAyDabWF4cAAAEDAAAAAfAAAAIAFxAORuYW1lAAAQUAAAASoAAAIWkIbJG3Bvc3QAABF8AAACkwAABOR3AB9JeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGSIZ5zAwMrAwMDP4AwkeaG0HgMLgwQDAxMDKzMDVhCQ5prC4PCR8aMfQwKQywEmGRgYQQQA9HcGlQAAAHic7dRVrtxAAAXRmsw8ZmZmZmbmWW8+sqB8RfIKXlxzs4xYOl1yyyR1y0ATUC1tlmpQ+UMFj9/lbKUxX6W9MV/jV+OamvNF/fu7HCuO5XmtMf4or62VT2ymhVbayvs66KSLbnropY9+BhhkiGFGGGWMcSaYZIppZphljnkWWGSJZVZYZY11Nsr3b7HNDrvssc8BhxxxzAmnnHHOBZdccc0Nt9xxzwOPPPHMC6+88c4Hn3xRLz+umf9Hp0P157+zuusXjRX9EdhquDOKWrjGRVO4a4rmwLYEtjWwbYFtD3dT0RHYzvDriq7Adge2J7C9ge0LbH9gBwI7GNihwA4HdiSwo4EdC+x4YCcCOxnYqcBOB3YmsLOBnQvsfGAXArsY2KXALgd2JbCrgV0L7HpgNwK7Gf4Biq3Abgd2J7C7gd0L7H5gDwJ7GNijwB4H9iSwp4E9C+x5YC8CexnYq8BeB/YmsLeBvQvsfWAfAvsY2KfAPgf2JbCvgX0L7HtgPwL7GdivwNaD+l827M5UAHicjVm9cyRHFe+env6Yzx2tZnbmfGvdsitrF0vWrbWf5g6djFVYtlUu2cjUqepMUSQEJAQkBCQEJAQkBCQEJASEEEJKSsq/w+91z+zOnnRXzE5/d79+/fr1772eZYLR8xI/wTTLGVuNFrMCYTxMeX7Az875/JTPDR4/6kZRt0fRSTUx8zqPCBQ8S+cWP8P2QEUvRsVsMVrpYqbLFbJfdk0/7V6mXdU1t920b7pDg3zavz8Ww8Y0/gUnEiAwsaNOLYXYjZpYEox17dgf40dj32EjdsIW7Jz9hP2c/ZL9mv2W/Z79kf2Z/ZX9nf0TtIcq750t50flvcz4zU1606ccuez3ed24aNWsxpsRK4qoUN7LjN9cM2syRZ17l+e9DamYc+5xHnme53te6krv7lR+z5U+cKVBh9tM5Anf9yNX6MiPv+t6dVwvbyc5cMmp63Lskj2XcA9kfCFcl/epyuMp5X2wY0snO5XeTulpx87DIyICpmwB7PzA9Vq6XtlOMtih3neJewfEDGYQXdeHseoNuvApu2F37GfsF+xX7Dfsd+wP7E/sL+xv7B/sX+zf7D/svy290Pf3/M2asrpX85bh20yzoVsluU/5Lfpzb4r7zG/6rO2WkXzo6TZbbUtps6u28h1XSh5SijoZNsRcZT18Rw+Pd2geuNKzHY2NHiJ9bin7mV/zaXd06ErThxRt+JCa1CXHpt/bGXC5o0KTh2jWA7qu5D1Emjm8/Ia9snj5BJoDtCyBl4sRoMoGd2yfccKE+VE/z6frtW8GxhdSijWidZ6d5ISorkgR4zUGfs4koed4Va5upz2VvX+JeO94g5HfsA7bJ5TenUVj6uuGGKLbLWmzXm/wmXBeEmauaIJyB+MnuUoPVH8L8v1cdZ6oagfmW3xIVjR0Fq9x40ht2HGE8tZqWb3eK5xOWi9o6PFBt6uq6nx/H3Hdfo4e0s4y1qVrcb3q9gvX/oKDDT28336FHrYd2Kxdi+vFtnYvZo/sPjopOImszg54nvIhLN85Lwswt5gGaRCkXYqCrYySriiyuhrR1VZYeRHJpGrJPbZyb0u8HMPUltMtNVWo7sstiY+Sqtja1jtLoyJO28xpSAYWFgtctSg9SlPVvC2Keau62YNr/CKS8ZbSter1mveHrTx6i3rMLQuw/+9iXLPto9JuIzE0xoaMNDkAlRQDIaehDIwy7s393E/XOanCNG8q8U5835h6rURfW19g5AjpzSzXqR0/d4RvMGhuSW14+4p9VOM/W82XZ71cDY/G9zIXUkm81U4yFRRLsZM0dD8C5YauozFf3s88SGLw0GSstVbBQkISOD4WQcp8vV5nVdbPzGFV9bfn7qU9/z06Mb28w9XwKT+av+DLM132ziD0j3PPe08mMvW8Y0+fpp720v2vcyTvSUmlY+8sFSLdZ76l9y3mJjx4wp4SzcX8aKTLgmRdKtKv8ROu9AGfnZFWlKR3ulyuTvloiPRpomVXaSmUDEKZB14oZdUJgkR+OpKh5FHoo2xMIJ4nXGqhhNTKk2HwOPBMnOwJdMxQFLGJUDJWHZ2sX7EvIeuCDXYss1V4p/wwcODrjHiZSq1DrSWmlGFIkexU4OSAoufUFOpB3YLobC9J9ig0Mv0GP2FlSlg2Php2OB2EYmbP1HLeB3SXIRc80Uod7h9KZRKeo7IIYS6NkqhTSidcbPm/wU4lLGOl5X8LjSA80rMCJ2RVWa0VsvJ7vaxv4ih6KcWFraxUL+mbKIo3+07+S3If9zX56rP1oCZlpv18Q2R6kW/5uQUSkr2KnJaNcTI10mo6ja9OsuzEwBxNDdvg8rfQ9cLOdgQ8X0IdZme9YlSsZjrl189pgsr0hbwMLgPuZ252KSaDoRANjZfgeu++pTrmE7t0y+Xgxg7FSDIKcnMPcLw6S0f2FUG30vjqKptMsia+Nc3zFhrFawE0plMX/q/xD/AA8VVN3KYhatvzFSh0LEZinwggxjY+5uU5X5AknJu/TOGG+FmMyIt7wg/0o74K5DCGD3OIID0ldLAOIt3az58CMRIGaFgp4IA9IU85aSxUV+VPOMHBcn7Nue8Ba/xn+/v6UAaAB3Jyet4Z58qXgCEV7e/7hyoouEQ13g0ufY5ZPMIlWM+xnq1m5Wx8FAZJL/AfyaA3ffTocB3H65Ytv7H6BbB2V7/ZYhKk0QDhJh7EeKmXX+vG17V8C6eRNIB8KD0bWyGvRpOpfbIwTUMKJzhxE2PSdEKma4Odl0xBDqCxsjdFl6xjU8UTivpZVWUI9/rTLAuos00mJq7MCUWXdf+sfXZukCNNcAgN5Zkt3PmBDpg8yw+zbGKwwjh+HjO2i+u9ehQsPoxXQUbCpkCx9bqvIxWa2IQqimECIz0YkCkcDFDfOvu34Dm0WkS2Aci0uIhNnA0uTqD+VuO2uPPKrm/P6izYHLcGDWhQ5kbmGXhGsKNfn8eOfMqbIYOLOebJ3DyNHbplQ3Zq0a0gGQIWRqfwwg74OX/BsZWrc1iNXqnJy9k6Fmc+zALusaH2lae4koLzOEFZ+RplKGIUNe8XPgxDrg0XvhI+tDY3sTY+CmLY6tbSKfqGkeG8LWqZt32t161HMbOeQIenWCdMqD2RJzsfOaKWx6cDg2PEfeEbDzfgoDLrrVd1tXUA14EGnEmPDL9AT4mTe4+/7zj+yl2W2syilXh50OWERX1u5g/6nM8bPX/FPoP9JE+FfBICnVXj2sJmOgXuO98kF3EnAgx0YrGXmYnzTTIdqCiNVKChI7Vu0b36gH3Ivm8RAXua8lNv+YLnBDjW+4BPOj7lC2z9gQdUmpP1tOa0XJ6VB1yP5+OjuZGfyP3ID0MjsLHAJx36ocI1nguR71YnMoPZ9YWnhfcFDQshehOGPnjkPnSIxnFh/Mev1SdKg0Ik4ZuQVW7s/C0ksoRMyFUbO7+JNGDDp8pXYNQ5VtSsmpUtifFjMMiVSuVepKTnYWP9xE+9TR14qSt9fuwJj6tMJSraI/j1AOoiFSFU/YFa4YkaQz+EjgT0BWxo1fKck0tvgvTGOHVs1vI1VlNgN+xdoIBTNqMryliN6ktB4zMd6VgrLnKVc3hBsaY3ijpheItcqDkawL+OU5yssEMtWx/gkq1pNhxbXGHXed7Ur9FC9bpE5eW2/rmrhx5M8ry/ra/pQGdQeUj12zukcD4N4OI1L+FyMjGb+yOg/4G74zWbk2bS6Ov1+mRjd+8wo4RsZvZLIhykFZncRW1gyBBjIjWCP0OXZnJutrUwyZnJLqQguMsyIenSP8AlxhaQ9MkIwddxt3dFJluZjCrQiKTlUwYMdmpFZpl0yzqU4x8B6qDSpvOic9K5RA4upO4MUWhj60tYG7rn2e8JYBrndQceLsEj3rz1PZbK2WHrqr57t2tRuq5MhfeEomqLnWSrYqDTge09Kxvc0JvNcagxP4LL5NcfdAaDeC11Ns30bZa7DyT9vNKSTKjUGz/w0kqCbg0Kt3h+VgLfPlepSXt+KLJekB4upcwSEcYmPdzgOdkyCe73YGmghcvVSOliuRqr1dFY90rYp9SDSMoFVH65Ki6l4obvB1rJ0hqWsGsSrRMTRFGAiQPZMTiq/mPqIXvdmAdplgbceEk38Xbs/Y6vvKh95Zg8xapqXGVZr+0O+0z2trCo3ijxglSrJNcCQVsT7NwGe1c9NH16yBTjdR77zQAyyyDKrE+V1o+QNZbfWS+0ZI/ZmHhqVNX55iXxh0A+fTneXsEzwnfhInreCVXYvM0lAdFm2kGrfbMHn2GFzdxvnXlg7yAuouehGer13EHCBXtk7eAH9P2gJmjl0wSSeEkBooN/QT671WBH12T2d2UpT7LcyjG2CNF3Tng/to8T8VaWd9ZHfYz77sjKciMt3PS2CwMIARwaDhCOwq1w1tuVufnxnrTae9QY28g+G1nesY9bsnzLbC8fmGFCFRaCMvu8drag39iFMU5siXP2oUlUOkqDYk8Efu8CN//D1MShSLIGYz6x93731adcPbWfx8ppIrtdmdi4TFS3q96zcT3mW2DaxPpW9oMHznGvBEKknMAVxuaUMvSJWtt/RJ7BgI3sXtKfSXpWhWEUiKTb8XSIu2IaS/IBfTgfHiDUXuHhZJGHGlXpfsQ1OI7iQBkV4jCbyODajXb423RW/wcRdhWoAAAAeJxjYGRgYADik2ey78bz23xl4GZIAIow3NyrdReZZogFi3MwMIE4AFk+Cut4nGNgZGBgSGBggJOxDIwMqMAfAByOAW94nGNgAIKEUUwOBgDyex1BAAAAAAAkAEIAYAFmApgCxALUAvQDGAM8A0wDXANsA3wDsAPSA/4EGARIBGYEkgS+BNQE/AVIBX4FqAXQBfAGCAYqBkYGaAaIBqoG2AcKByIHOAdcB3QHjgeqB84H5AgCCBgIYgiyCOgJEglyCcQJ2AoKChYKIgouCjoKWgpmCqgKxgrsCwALLgtKC4YLnAvODAwMNgx0DLIM3Az4DRINXHicY2BkYGDwZ7jBIMEAAkxAzAWEDAz/wXwGACffAlYAeJxljUtuwjAURW/4tQWpRarUDutRB1QKnyELgDkDZh2ExIGgJI4cg2DWFXQJXUJXUXUFXRA36WMCtuR33vG1H4A+fuGhWh5u67NaDdyw++cm6UG4RX4WbqOHF+EO/UC4izdMhHt4xDt/8Fp3NH0Uwg3c40O4Sf8p3CJ/CbfxhG/hDv2PcBdL/An38OoNos0hCU1eLvR6lwb23J7rUtsyMbka+6Ozmutc28DpSK2OqtyvJ87FKrYmUzOTO52mRhXWbHXo/I1zxXQ4jMX7ockQYYMDEoQwyFFiAY01dkgRwF7dXvZLpi1rUvcKY/gYXaXmTOV1MoBjjZhc4cizxJ7TJrQOMfuYGYOMNKvfVumU29AU9d2WJqT3OaN6VWCKIXd8kffr6dkJPZVeqAAAeJx9U4d22jAU5SaMEAwhIU2T7r3VvffebfoLwn6ADrLkCpmQfn0ljyT0tOUc7Hfv01v3yZWFyv9/21jAIqqooY4GltDEMloI0EYHK+hiFWvoYR2HsIHD2MQWjuAojuE4TuAkTuE0zuAszuE8LuAiLuEyruAqroHhOm7gJm7hNu7gLu7hPh7gIR7hMZ7gKZ7hOV7gJV7hNd7gLd7hPT7gIz7hM77gK77hO7bxoxJwScayUJhQUocbo3dYqKXkyYSCHNIs4Spa6svUMD0YVL3RCV2cirhhVkd8txaOKBxvZM++nrG+5GrMdGqlULRPx9yMKSqKrfxBBw5PjVYs0jtqD0ga2HYJjBiO7HKJ0qQdSh3u1allKHDPCRU1ahnoRCTJEhtoQ1My9RyuRNpO2Egb8Usry2U7w85vhRtuyXchNY/qZPiETIN2yU+/6N5r7h8ZnSRk2JQbwZVtDYQkr5Q2NsjsoqmOA/bgOS0jB3VCqp7bPddWzC3jUgwVC0m546tznNdgbY7JhGgVVN+lKQPc6rRhrqacZyzNbLtghBtWhGVZ3ySbJDwUalgW+ZlqJ1em3eoc5dteL5iJNWJMdmR0Ohx1CzJVbiKf8lhBlHoWjfe1tTr+hzOffevvTquT7iBVoRVu9YWavRHJpFh1KXhPqDyBP1dwi2Pa7TpjXAb6TQYHiYZftVOgEfOhEoPdZkwqzW5ibvkVLGdWJn0jM9OkGQuVTtxUs1pmNVQakxFh3ekUCtlKpPPm/VW93UiM8DNWDUU6MNpyJ2qWMZi4m1N2s2l5303kVpfGimVJ+uRvb2/OYSjWUwoOcus58J9tFsYHrlp3n8xDmntE1S1Mb6TKX0UWuwoHPojalKfSViq/AaHImLcA) format("woff");
}
.dxi:before {
  font-family: dhxicons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dxi.dxi-alert-circle:before {
  content: "\f101";
}
.dxi.dxi-arrow-collapse:before {
  content: "\f102";
}
.dxi.dxi-arrow-expand:before {
  content: "\f103";
}
.dxi.dxi-blur-off:before {
  content: "\f104";
}
.dxi.dxi-blur:before {
  content: "\f105";
}
.dxi.dxi-calendar-today:before {
  content: "\f106";
}
.dxi.dxi-check:before {
  content: "\f107";
}
.dxi.dxi-checkbox-blank-outline:before {
  content: "\f108";
}
.dxi.dxi-checkbox-marked-circle:before {
  content: "\f109";
}
.dxi.dxi-checkbox-marked:before {
  content: "\f10a";
}
.dxi.dxi-chevron-down:before {
  content: "\f10b";
}
.dxi.dxi-chevron-left:before {
  content: "\f10c";
}
.dxi.dxi-chevron-right:before {
  content: "\f10d";
}
.dxi.dxi-chevron-up:before {
  content: "\f10e";
}
.dxi.dxi-clock-outline:before {
  content: "\f10f";
}
.dxi.dxi-clock:before {
  content: "\f110";
}
.dxi.dxi-close-circle:before {
  content: "\f111";
}
.dxi.dxi-close:before {
  content: "\f112";
}
.dxi.dxi-delete-forever:before {
  content: "\f113";
}
.dxi.dxi-delete:before {
  content: "\f114";
}
.dxi.dxi-dots-horizontal:before {
  content: "\f115";
}
.dxi.dxi-dots-vertical:before {
  content: "\f116";
}
.dxi.dxi-download:before {
  content: "\f117";
}
.dxi.dxi-eraser:before {
  content: "\f118";
}
.dxi.dxi-eye-off:before {
  content: "\f119";
}
.dxi.dxi-eye:before {
  content: "\f11a";
}
.dxi.dxi-eyedropper-variant:before {
  content: "\f11b";
}
.dxi.dxi-file-export:before {
  content: "\f11c";
}
.dxi.dxi-file-outline:before {
  content: "\f11d";
}
.dxi.dxi-filter-variant:before {
  content: "\f11e";
}
.dxi.dxi-folder-open:before {
  content: "\f11f";
}
.dxi.dxi-folder:before {
  content: "\f120";
}
.dxi.dxi-format-align-center:before {
  content: "\f121";
}
.dxi.dxi-format-align-left:before {
  content: "\f122";
}
.dxi.dxi-format-align-right:before {
  content: "\f123";
}
.dxi.dxi-format-bold:before {
  content: "\f124";
}
.dxi.dxi-format-color-fill:before {
  content: "\f125";
}
.dxi.dxi-format-color-text:before {
  content: "\f126";
}
.dxi.dxi-format-italic:before {
  content: "\f127";
}
.dxi.dxi-format-line-spacing:before {
  content: "\f128";
}
.dxi.dxi-format-quote-close:before {
  content: "\f129";
}
.dxi.dxi-format-quote-open:before {
  content: "\f12a";
}
.dxi.dxi-format-strikethrough:before {
  content: "\f12b";
}
.dxi.dxi-format-underline:before {
  content: "\f12c";
}
.dxi.dxi-format-vertical-align-bottom:before {
  content: "\f12d";
}
.dxi.dxi-format-vertical-align-center:before {
  content: "\f12e";
}
.dxi.dxi-format-vertical-align-top:before {
  content: "\f12f";
}
.dxi.dxi-function-variant:before {
  content: "\f130";
}
.dxi.dxi-help-circle-outline:before {
  content: "\f131";
}
.dxi.dxi-information-outline:before {
  content: "\f132";
}
.dxi.dxi-key:before {
  content: "\f133";
}
.dxi.dxi-link-variant-off:before {
  content: "\f134";
}
.dxi.dxi-link-variant:before {
  content: "\f135";
}
.dxi.dxi-loading:before {
  content: "\f136";
}
.dxi.dxi-magnify:before {
  content: "\f137";
}
.dxi.dxi-menu-down:before {
  content: "\f138";
}
.dxi.dxi-menu-left:before {
  content: "\f139";
}
.dxi.dxi-menu-right:before {
  content: "\f13a";
}
.dxi.dxi-menu-up:before {
  content: "\f13b";
}
.dxi.dxi-minus-box:before {
  content: "\f13c";
}
.dxi.dxi-minus:before {
  content: "\f13d";
}
.dxi.dxi-numeric:before {
  content: "\f13e";
}
.dxi.dxi-pencil:before {
  content: "\f13f";
}
.dxi.dxi-plus-circle:before {
  content: "\f140";
}
.dxi.dxi-plus:before {
  content: "\f141";
}
.dxi.dxi-printer:before {
  content: "\f142";
}
.dxi.dxi-redo:before {
  content: "\f143";
}
.dxi.dxi-rotate-right:before {
  content: "\f144";
}
.dxi.dxi-sort-variant:before {
  content: "\f145";
}
.dxi.dxi-table-column-plus-before:before {
  content: "\f146";
}
.dxi.dxi-table-column-remove:before {
  content: "\f147";
}
.dxi.dxi-table-column:before {
  content: "\f148";
}
.dxi.dxi-table-row-plus-after:before {
  content: "\f149";
}
.dxi.dxi-table-row-remove:before {
  content: "\f14a";
}
.dxi.dxi-table-row:before {
  content: "\f14b";
}
.dxi.dxi-undo:before {
  content: "\f14c";
}
.dxi.dxi-unfold-more-horizontal:before {
  content: "\f14d";
}
.dxi.dxi-vault:before {
  content: "\f14e";
}
.dxi {
  display: inline-block;
  text-rendering: auto;
  line-height: 0;
  font-size: 0;
}
.dxi:before {
  font-size: 20px;
}
.dxi--small:before {
  font-size: 16px;
}
.dxi--medium:before {
  font-size: 20px;
}
.dxi--large:before {
  font-size: 24px;
}
@-webkit-keyframes button-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  to {
    -webkit-transform: rotate(1439deg);
    transform: rotate(1439deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes button-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  to {
    -webkit-transform: rotate(1439deg);
    transform: rotate(1439deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
.dhx_button {
  overflow: visible;
  position: relative;
  text-decoration: none;
  background-image: none;
  border: 0;
  touch-action: manipulation;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
}
.dhx_button:active,
.dhx_button:focus {
  outline: none;
}
.dhx_button__icon,
.dhx_button__text {
  pointer-events: none;
}
.dhx_button__icon {
  line-height: 0;
}
.dhx_button__icon:before {
  display: inline-block;
}
.dhx_button__icon + .dhx_button__text {
  margin-left: 4px;
}
.dhx_button__loading {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
}
.dhx_button__loading-icon {
  -webkit-animation: button-loading .9s linear infinite;
  animation: button-loading .9s linear infinite;
}
.dhx_button--width_full {
  width: 100%;
}
.dhx_button--justify_between {
  justify-content: space-between;
}
.dhx_button--circle.dhx_button--size_small {
  border-radius: 28px;
}
.dhx_button--circle.dhx_button--size_medium {
  border-radius: 32px;
}
.dhx_button--disabled,
.dhx_button:disabled {
  pointer-events: none;
}
.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full) {
  border-radius: 50%;
}
.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_medium {
  padding-left: 6px;
  padding-right: 6px;
}
.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full).dhx_button--size_small {
  padding-left: 4px;
  padding-right: 4px;
}
.dhx_button--loading {
  position: relative;
}
.dhx_button--loading .dhx_button__loading {
  display: flex;
}
.dhx_button--loading .dhx_button__icon,
.dhx_button--loading .dhx_button__text {
  visibility: hidden;
}
.dhx_button--size_small {
  padding: 4px 12px;
  font-size: 14px;
  line-height: 20px;
}
.dhx_button--size_small .dhx_button__icon:before {
  font-size: 16px;
  line-height: 16px;
}
.dhx_button--size_small.dhx_button--loading-icon:before {
  font-size: 16px;
  margin-top: -8px;
  margin-left: -8px;
}
.dhx_button--size_medium {
  padding: 6px 16px;
  text-transform: uppercase;
  line-height: 20px;
}
.dhx_button--size_medium .dhx_button__icon:before {
  font-size: 20px;
  line-height: 20px;
}
.dhx_button--size_medium.dhx_button--loading-icon:before {
  font-size: 20px;
  margin-top: -10px;
  margin-left: -10px;
}
.dhx_button--view_flat {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #fff;
  transition:
    background-color .2s ease-in,
    color .2s ease-in,
    box-shadow .2s ease-in;
}
.dhx_button--view_flat:focus,
.dhx_button--view_flat:hover {
  transition:
    background-color .2s ease-out,
    color .2s ease-out,
    box-shadow .2s ease-out;
}
.dhx_button--view_flat.dhx_button--color_primary {
  background-color: #0288d1;
  outline-width: 0;
}
.dhx_button--view_flat.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_primary:focus,
.dhx_button--view_flat.dhx_button--color_primary:hover {
  background-color: #35a0da;
}
.dhx_button--view_flat.dhx_button--color_primary:active {
  background-color: #0288d1;
  box-shadow: none;
}
.dhx_button--view_flat.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_primary:disabled {
  background-color: #81c4e8;
}
.dhx_button--view_flat.dhx_button--color_secondary {
  background-color: #4d4d4d;
  outline-width: 0;
}
.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_secondary:focus,
.dhx_button--view_flat.dhx_button--color_secondary:hover {
  background-color: #717171;
}
.dhx_button--view_flat.dhx_button--color_secondary:active {
  background-color: #4d4d4d;
  box-shadow: none;
}
.dhx_button--view_flat.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_secondary:disabled {
  background-color: #a6a6a6;
}
.dhx_button--view_flat.dhx_button--color_danger {
  background-color: #ff5252;
  outline-width: 0;
}
.dhx_button--view_flat.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_danger:focus,
.dhx_button--view_flat.dhx_button--color_danger:hover {
  background-color: #ff7575;
}
.dhx_button--view_flat.dhx_button--color_danger:active {
  background-color: #ff5252;
  box-shadow: none;
}
.dhx_button--view_flat.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_danger:disabled {
  background-color: #ffa9a9;
}
.dhx_button--view_flat.dhx_button--color_success {
  background-color: #0ab169;
  outline-width: 0;
}
.dhx_button--view_flat.dhx_button--color_success.dhx_button--active,
.dhx_button--view_flat.dhx_button--color_success:focus,
.dhx_button--view_flat.dhx_button--color_success:hover {
  background-color: #3bc187;
}
.dhx_button--view_flat.dhx_button--color_success:active {
  background-color: #0ab169;
  box-shadow: none;
}
.dhx_button--view_flat.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_flat.dhx_button--color_success:disabled {
  background-color: #85d8b4;
}
.dhx_button--view_link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  border-radius: 2px;
  background: transparent;
  transition: background-color .2s ease-in, box-shadow .2s ease-in;
}
.dhx_button--view_link:focus,
.dhx_button--view_link:hover {
  transition: background-color .2s ease-out, box-shadow .2s ease-out;
}
.dhx_button--view_link.dhx_button--color_primary {
  color: #0288d1;
  outline-width: 0;
}
.dhx_button--view_link.dhx_button--color_primary:focus,
.dhx_button--view_link.dhx_button--color_primary:hover {
  background-color: #d9edf8;
}
.dhx_button--view_link.dhx_button--color_primary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_primary:active {
  background-color: #b8def2;
}
.dhx_button--view_link.dhx_button--color_primary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_primary:disabled {
  color: #81c4e8;
}
.dhx_button--view_link.dhx_button--color_secondary {
  color: #4d4d4d;
  outline-width: 0;
}
.dhx_button--view_link.dhx_button--color_secondary:focus,
.dhx_button--view_link.dhx_button--color_secondary:hover {
  background-color: #e4e4e4;
}
.dhx_button--view_link.dhx_button--color_secondary.dhx_button--active,
.dhx_button--view_link.dhx_button--color_secondary:active {
  background-color: #cdcdcd;
}
.dhx_button--view_link.dhx_button--color_secondary.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_secondary:disabled {
  color: #a6a6a6;
}
.dhx_button--view_link.dhx_button--color_danger {
  color: #ff5252;
  outline-width: 0;
}
.dhx_button--view_link.dhx_button--color_danger:focus,
.dhx_button--view_link.dhx_button--color_danger:hover {
  background-color: #ffe5e5;
}
.dhx_button--view_link.dhx_button--color_danger.dhx_button--active,
.dhx_button--view_link.dhx_button--color_danger:active {
  background-color: #ffcfcf;
}
.dhx_button--view_link.dhx_button--color_danger.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_danger:disabled {
  color: #ffa9a9;
}
.dhx_button--view_link.dhx_button--color_success {
  color: #0ab169;
  outline-width: 0;
}
.dhx_button--view_link.dhx_button--color_success:focus,
.dhx_button--view_link.dhx_button--color_success:hover {
  background-color: #daf3e9;
}
.dhx_button--view_link.dhx_button--color_success.dhx_button--active,
.dhx_button--view_link.dhx_button--color_success:active {
  background-color: #bae9d5;
}
.dhx_button--view_link.dhx_button--color_success.dhx_button--disabled,
.dhx_button--view_link.dhx_button--color_success:disabled {
  color: #85d8b4;
}
.dhx_button--sidebar .dhx_button__icon + .dhx_button__text {
  margin-left: 8px;
  margin-right: auto;
}
.dhx_widget .dhx_button__icon {
  line-height: 0;
}
.dhx_widget .dhx_button__icon:before {
  font-size: 20px;
  line-height: 20px;
}
.dhx_widget .dhx_button--size_small .dhx_button__icon:before {
  font-size: 16px;
  line-height: 16px;
}
.dhx_form-group {
  position: relative;
  display: block;
  text-align: left;
  padding-bottom: 16px;
}
.dhx_form-group--simplevault {
  line-height: 0;
  height: 100%;
}
.dhx_form-group--simplevault .dhx_label {
  margin-bottom: 4px;
}
.dhx_form-group--textarea {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dhx_form-group--textarea .dhx_input--textarea,
.dhx_form-group--textarea .dhx_input__wrapper {
  height: 100%;
}
.dhx_form-group--textarea .dhx_label {
  min-height: 20px;
  line-height: 20px;
  margin-bottom: 4px;
}
.dhx_form-group--inline {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  position: relative;
}
.dhx_form-group--inline .dhx_label {
  position: relative;
  flex: 0 1 auto;
  max-height: 40px;
  margin-right: 16px;
  margin-bottom: 0;
  text-align: right;
  width: 100%;
  margin-top: 6px;
  align-self: flex-start;
}
.dhx_form-group--inline .dhx_input__wrapper {
  flex: 0 1 auto;
  width: 300%;
  height: 100%;
}
.dhx_form-group--inline .dhx_label--with-help {
  justify-content: flex-end;
}
.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help) {
  position: relative;
  margin-bottom: 0;
}
.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help):after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, .3);
}
.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label__holder:after {
  content: "*";
  display: inline-block;
  padding-left: 4px;
  color: rgba(0, 0, 0, .3);
}
.dhx_form-group--no-message-holder {
  padding-bottom: 0;
}
.dhx_form-group--disabled {
  opacity: .6;
  pointer-events: none;
  cursor: default;
}
.dhx_form-group--hidden {
  display: none;
}
.dhx_form-group--state_error .dhx_input__caption,
.dhx_form-group--state_error .dhx_label {
  color: #ff5252;
}
.dhx_form-group--state_error .dhx_combobox-input-box,
.dhx_form-group--state_error .dhx_combobox-input-box:focus,
.dhx_form-group--state_error .dhx_input,
.dhx_form-group--state_error .dhx_input:focus {
  box-shadow: inset 0 0 0 1px #ffbaba;
}
.dhx_form-group--state_error .dhx_simplevault-files,
.dhx_form-group--state_error .dhx_simplevault-files:focus,
.dhx_form-group--state_error .dhx_simplevault__drop-area,
.dhx_form-group--state_error .dhx_simplevault__drop-area:focus {
  border-color: #ffbaba;
}
.dhx_form-group--state_success .dhx_input__caption,
.dhx_form-group--state_success .dhx_label {
  color: #0ab169;
}
.dhx_form-group--state_success .dhx_combobox-input-box,
.dhx_form-group--state_success .dhx_combobox-input-box:focus,
.dhx_form-group--state_success .dhx_input,
.dhx_form-group--state_success .dhx_input:focus {
  box-shadow: inset 0 0 0 1px #9de0c3;
}
.dhx_form-group--state_success .dhx_simplevault__drop-area,
.dhx_form-group--state_success .dhx_simplevault__drop-area:focus {
  border-top-color: #9de0c3;
  border-left-color: #9de0c3;
  border-right-color: #9de0c3;
}
.dhx_form-group--state_success .dhx_simplevault-files,
.dhx_form-group--state_success .dhx_simplevault-files:focus {
  border-right-color: #9de0c3;
  border-left-color: #9de0c3;
  border-bottom-color: #9de0c3;
}
.dhx_form-group--label_sr .dhx_label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.dhx_form-group .dhx_combobox {
  margin: 0;
}
.dhx_form-group .dhx_slider {
  padding-bottom: 0;
}
.dhx_input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 8px;
  margin: 0;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, .7);
  background-color: #f6f6f6;
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px #dfdfdf;
  border: 0;
  border-radius: 2px;
  outline: 0;
  transition: border-color .2s ease-in, box-shadow .2s ease-in;
}
.dhx_input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .5);
}
.dhx_input:-ms-input-placeholder {
  color: rgba(0, 0, 0, .5);
}
.dhx_input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .5);
}
.dhx_input::placeholder {
  color: rgba(0, 0, 0, .5);
}
.dhx_input:focus {
  box-shadow: inset 0 0 0 1px #67b8e3;
}
.dhx_input--icon-padding {
  padding-right: 24px;
}
.dhx_input--textarea {
  max-width: 100%;
}
.dhx_input--textinput {
  box-shadow: none;
  background: none;
  padding-left: 0;
}
.dhx_input--textinput:focus {
  box-shadow: none;
}
.dhx_input__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.dhx_input__wrapper:before {
  color: rgba(0, 0, 0, .5);
  pointer-events: none;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dhx_input__container {
  width: 100%;
  display: inline-block;
  position: relative;
}
.dhx_input__caption {
  left: 0;
  bottom: 0;
  max-width: 100%;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(0, 0, 0, .5);
  white-space: wrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: default;
}
.dhx_input__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4px;
  z-index: 1;
  color: rgba(0, 0, 0, .5);
  pointer-events: none;
}
.dhx_input__icon--color-selected {
  border-radius: 2px;
}
.dhx_input__icon--color-selected:after,
.dhx_input__icon--color-selected:before {
  opacity: 0;
}
.dhx_widget .dhx_input__icon {
  line-height: 0;
}
.dhx_widget .dhx_input__icon:before {
  font-size: 20px;
  line-height: 20px;
}
.dhx_label {
  display: inline-block;
  width: auto;
  flex: 0 1 auto;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, .7);
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: color .2s ease-in, opacity .2s ease-in;
}
.dhx_label:hover {
  opacity: .8;
  transition: color .2s ease-out, opacity .2s ease-out;
}
.dhx_label__holder {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dhx_label--with-help {
  display: flex;
  align-items: center;
}
.dhx_label-help {
  margin-left: 4px;
  color: #0288d1;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.dhx_label-help:focus {
  outline: none;
}
.dhx_checkbox {
  position: relative;
  display: inline-block;
  width: auto;
  padding-top: 0;
  cursor: pointer;
}
.dhx_checkbox__visual-input {
  display: block;
  border: 2px solid rgba(0, 0, 0, .5);
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 2px;
  cursor: pointer;
}
.dhx_checkbox .dhx_label {
  margin-top: 4px;
  margin-bottom: 0;
  width: auto;
}
.dhx_checkbox .dhx_label:after {
  display: none;
}
.dhx_checkbox .dhx_input__caption {
  position: static;
  display: block;
  -webkit-transform: none;
  transform: none;
}
.dhx_checkbox.dhx_form-group--inline {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.dhx_checkbox.dhx_form-group--inline .dhx_label {
  padding-left: 6px;
  margin-top: 0;
}
.dhx_checkbox.dhx_form-group--hidden {
  display: none;
}
.dhx_checkbox__input:disabled + * + .dhx_label,
.dhx_checkbox__input:disabled + .dhx_checkbox__visual-input {
  opacity: .6;
}
.dhx_checkbox__input:focus + .dhx_checkbox__visual-input {
  border-color: #0288d1;
}
.dhx_checkbox__input:checked + .dhx_checkbox__visual-input {
  background-color: #0288d1;
  background-position: 50%;
  background-size: cover;
  border-color: #0288d1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIxIDdMOSAxOWwtNS41LTUuNSAxLjQxLTEuNDFMOSAxNi4xNyAxOS41OSA1LjU5IDIxIDd6Ii8+PC9zdmc+);
  transition: background-color .2s ease-out;
}
.dhx_radiobutton {
  position: relative;
  display: inline-block;
  width: auto;
  padding-top: 0;
  cursor: pointer;
}
.dhx_radiobutton__visual-input {
  display: block;
  border: 2px solid rgba(0, 0, 0, .5);
  bottom: 4px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
}
.dhx_radiobutton .dhx_label {
  margin-top: 4px;
  margin-bottom: 0;
  width: auto;
  cursor: pointer;
}
.dhx_radiobutton .dhx_input__caption {
  position: static;
  display: block;
}
.dhx_radiobutton.dhx_form-group--inline {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.dhx_radiobutton.dhx_form-group--inline .dhx_label {
  padding-left: 6px;
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}
.dhx_radiobutton__input:disabled + * + .dhx_label,
.dhx_radiobutton__input:disabled + .dhx_radiobutton__visual-input {
  opacity: .6;
}
.dhx_radiobutton__input:focus + .dhx_radiobutton__visual-input {
  border-color: #0288d1;
}
.dhx_radiobutton__input:checked + .dhx_radiobutton__visual-input {
  background-color: #0288d1;
  border-color: #0288d1;
  box-shadow: inset 0 0 0 4px #fff;
  transition: background-color .2s ease-out;
}
.dhx_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.dhx_select::-ms-expand {
  display: none;
}
.dhx_select__placeholder {
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, .7);
}
.dhx_select:focus + .dhx_select__placeholder {
  opacity: 0;
}
.dhx_simplevault {
  border: none;
  border-radius: 2px;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.dhx_simplevault__drop-area {
  background-color: #f6f6f6;
  border: 1px solid #dfdfdf;
  transition: all .2s ease-in;
  display: flex;
  width: 100%;
  height: 122px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.dhx_simplevault__drop-area--on-drag {
  border-style: dashed;
  transition: border .2s ease-out;
}
.dhx_simplevault__icon:before {
  font-size: 40px;
  color: rgba(0, 0, 0, .3);
  transition: color .2s ease-in;
}
.dhx_simplevault__title {
  max-width: 100%;
}
.dhx_simplevault__label {
  color: #0288d1;
  cursor: pointer;
}
.dhx_simplevault--on-drag .dhx_simplevault-loader {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: opacity .2s ease-in, -webkit-transform .2s ease-in;
  transition: opacity .2s ease-in, transform .2s ease-in;
  transition:
    opacity .2s ease-in,
    transform .2s ease-in,
    -webkit-transform .2s ease-in;
}
.dhx_simplevault-files {
  background-color: #f6f6f6;
  border: 1px solid #dfdfdf;
  border-top: none;
  transition: all .2s ease-in;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: calc(100% - 142px);
  height: calc(100% - 142px);
  overflow-y: auto;
}
.dhx_simplevault-files__fixed {
  max-height: 276px;
}
.dhx_simplevault-files__item {
  position: relative;
  font-family:
    Roboto,
    Arial,
    Tahoma,
    Verdana,
    sans-serif;
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  color: rgba(0, 0, 0, .7);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 40px 8px 8px;
}
.dhx_simplevault-files__item:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}
.dhx_simplevault-files__item-name {
  word-break: break-word;
}
.dhx_simplevault-files__delete {
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.dhx_simplevault-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background-color: #ededed;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  will-change: transform;
  transition: 0ms;
  z-index: 1;
}
.dhx_simplevault-loader .dhx_simplevault__icon:before {
  color: #0288d1;
}
.dhx_popup_toolbar {
  position: absolute;
  z-index: 1;
  -webkit-animation: appear .2s ease-in-out forwards;
  animation: appear .2s ease-in-out forwards;
  background: #fff;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3), 0 2px 4px 0 rgba(0, 0, 0, .04);
}
.dhx_popup_toolbar.hide {
  -webkit-animation: disappear .2s ease-in-out forwards;
  animation: disappear .2s ease-in-out forwards;
}
.dhx_item_toolbar {
  display: flex;
  height: 40px;
  padding: 0 8px;
  align-items: center;
}
.dhx_item_toolbar .dhx_icon {
  display: flex;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: 50%;
  justify-content: center;
  align-items: center;
  color: #b8c6d6;
}
.dhx_item_toolbar .dhx_icon svg {
  fill: #b8c6d6;
}
.dhx_item_toolbar .dhx_icon:hover svg path {
  fill: #408bf3;
}
.dhx_item_toolbar .dhx_icon:hover.dhx_icon_remove svg path {
  fill: #f1453d;
}
.dhx_item_toolbar .dhx_active svg path {
  fill: #408bf3;
}
@-webkit-keyframes appear {
  0% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes appear {
  0% {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes disappear {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
}
@keyframes disappear {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    opacity: 0;
  }
}
.dhx_diagram {
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  overflow: auto;
  text-align: center;
}
.dhx_diagram .dhx_wrapper {
  display: inline-block;
  position: relative;
}
.dhx_diagram_connector {
  stroke: #ccc;
  fill: none;
}
.dhx_diagram_flow_item .dhx_hide_icon {
  display: none;
}
.dhx_diagram_flow_item .dhx_expand_icon,
.dhx_diagram_flow_item .dhx_hide_icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  shape-rendering: auto;
}
.dhx_diagram_flow_item .dhx_expand_icon {
  cursor: pointer;
}
.dhx_diagram_flow_item:hover .dhx_hide_icon {
  display: block;
  -webkit-animation: hideWithDelay .5s ease-out;
  animation: hideWithDelay .5s ease-out;
  cursor: pointer;
}
.dhx_diagram_item .dhx_hide_icon {
  display: none;
}
.dhx_diagram_item .dhx_expand_icon,
.dhx_diagram_item .dhx_hide_icon {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  shape-rendering: auto;
}
.dhx_diagram_item .dhx_expand_icon {
  cursor: pointer;
}
.dhx_diagram_item:hover .dhx_hide_icon {
  display: block;
  -webkit-animation: hideWithDelay .5s ease-out;
  animation: hideWithDelay .5s ease-out;
  cursor: pointer;
}
.dhx_diagram_item .dhx_item_shape {
  fill: #fff;
}
.dhx_diagram_item .shape_content {
  display: table-cell;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.dhx_diagram_item.dhx_selected .dhx_item_shape {
  fill: #fff;
}
.dhx_diagram_item.dhx_diagram_image .shape_content {
  display: block;
  overflow: hidden;
  text-align: left;
}
.dhx_diagram_item.dhx_diagram_image .dhx_content_img {
  float: left;
  width: 60px;
  height: 60px;
  margin: 16px 12px 0 8px;
  border-radius: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
}
.dhx_diagram_item.dhx_diagram_image .dhx_content_text {
  margin-top: 5px;
  color: rgba(0, 0, 0, .7);
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dhx_diagram_item.dhx_diagram_image .dhx_content_text-alone {
  margin-top: 12px;
}
.dhx_diagram_item.dhx_diagram_image .dhx_content_title {
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: rgba(0, 0, 0, .38);
  font-size: 14px;
  line-height: 17px;
  margin-top: 25px;
  white-space: nowrap;
  text-transform: uppercase;
}
.dhx_diagram_item.dhx_diagram_svg-card .dhx_content_text {
  fill: rgba(0, 0, 0, .7);
}
.dhx_diagram_item.dhx_diagram_svg-card .dhx_content_title {
  font-weight: 500;
  text-transform: uppercase;
  fill: rgba(0, 0, 0, .38);
}
.dhx_free_diagram {
  background: #fff;
}
.dhx_free_diagram .dhx_diagram_connector {
  stroke: #408bf3;
  stroke-width: 2px;
}
.dhx_free_diagram .dhx_diagram_extra_lines {
  stroke-width: 2px;
}
@-webkit-keyframes hideWithDelay {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  to {
    display: block;
    opacity: 1;
  }
}
@keyframes hideWithDelay {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  to {
    display: block;
    opacity: 1;
  }
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* angular:styles/global:styles */