/* OBSOLETE */
@font-face {
  font-family: 'getIcons';
  src: url("/icons/font/getIcons.eot?1638264706");
  src: url("/icons/font/getIcons.eot?1638264706#iefix") format("eot"), url("/icons/font/getIcons.woff?1638264706") format("woff"), url("/icons/font/getIcons.ttf?1638264706") format("truetype"), url("/icons/font/getIcons.svg?1638264706#getIcons") format("svg");
  font-weight: normal;
  font-style: normal; }

.gi--x-small::before {
  font-size: 12px !important; }

.gi--small::before {
  font-size: 16px !important; }

.gi--large::before, .userpic--small .userpic__icon .gi::before {
  font-size: 26px !important; }

.gi--x-large::before, .userpic__icon .gi::before {
  font-size: 44px !important; }

.gi.mirrored-icon {
  transform: scaleX(-1); }
  .gi.mirrored-icon::before {
    padding-left: 6px;
    padding-right: 0; }

.gi-actions:before, .gi-active-measures:before, .gi-active:before, .gi-add-user:before, .gi-aktivitaten:before, .gi-angle-bottom:before, .collapsible-panel--header .collapser_link i:before, .gi-angle-left:before, .gi-angle-right:before, .gi-angle-top:before, .collapsible-panel--header.opened .collapser_link i:before, .gi-archive-measures:before, .gi-archive:before, .gi-arrow-1-9:before, .gi-arrow-9-1:before, .gi-arrow-a-z:before, .gi-arrow-bottom:before, .gi-arrow-circle-bottom:before, .gi-arrow-circle-left:before, .gi-arrow-circle-right:before, .gi-arrow-circle-top:before, .gi-arrow-from-half-square:before, .gi-arrow-from-square-black:before, .gi-arrow-from-square:before, .gi-arrow-from:before, .gi-arrow-in-half-square:before, .gi-arrow-left-heading:before, .gi-arrow-left-triangle-previous-step:before, .gi-arrow-left-triangle-round:before, .gi-arrow-left:before, .gi-arrow-long-bottom:before, .gi-arrow-long-left:before, .gi-arrow-long-right:before, .gi-arrow-long-top:before, .gi-arrow-right-triangle-round:before, .gi-arrow-right:before, .gi-arrow-round-angle-bottom:before, .gi-arrow-round-bottom:before, .gi-arrow-round-left:before, .gi-arrow-round-right:before, .gi-arrow-round-top:before, .gi-arrow-rownd-angle-left:before, .gi-arrow-rownd-angle-right:before, .gi-arrow-rownd-angle-top:before, .gi-arrow-signal-decrease:before, .gi-arrow-signal-increase:before, .gi-arrow-top:before, .gi-arrow-triangle-bottom:before, .gi-arrow-triangle-left:before, .gi-arrow-triangle-right-next-step:before, .gi-arrow-triangle-right:before, .gi-arrow-triangle-square-bottom:before, .gi-arrow-triangle-square-top:before, .gi-arrow-triangle-up:before, .gi-arrow-up-black-upload:before, .gi-arrow-z-a:before, .gi-arrowheads-left-stop:before, .gi-arrowheads-left:before, .gi-arrowheads-right-stop:before, .gi-arrowheads-right:before, .gi-arrows-bottom:before, .gi-arrows-left:before, .gi-arrows-right:before, .gi-arrows-top:before, .gi-arrows-triangles-up-bottom:before, .gi-asterisk:before, .gi-attach:before, .gi-beaker:before, .gi-bell:before, .gi-block-diagram:before, .gi-block-distribute:before, .gi-bolt:before, .gi-book:before, .gi-bookmark-black:before, .gi-bookmark:before, .gi-briefcase:before, .gi-building:before, .gi-bull:before, .gi-bullseye:before, .gi-calendar-empty:before, .gi-calendar:before, .gi-cart:before, .gi-center:before, .gi-certificate:before, .gi-chart-bar:before, .gi-chart-line:before, .gi-chart-pie:before, .gi-chat:before, .gi-check-empty:before, .gi-check-round-black:before, .gi-check-round:before, .gi-check-square:before, .gi-check:before, .gi-checked:before, .gi-circular:before, .gi-clone:before, .gi-cloud-bottom:before, .gi-cloud-top:before, .gi-cloud:before, .gi-code:before, .gi-cog:before, .gi-cogs:before, .gi-coins-more:before, .gi-coins:before, .gi-comet:before, .gi-comment-empty:before, .gi-comment:before, .gi-compass:before, .gi-computer:before, .gi-connection:before, .gi-console:before, .gi-copy:before, .gi-costs:before, .gi-couple:before, .gi-cr:before, .gi-credit:before, .gi-cross-round:before, .gi-cross-square:before, .gi-cr_report:before, .gi-cup:before, .gi-cursor-purpose:before, .gi-curved-up:before, .gi-curved:before, .gi-custom-report:before, .gi-dashboard:before, .gi-decision:before, .gi-desktop:before, .gi-dislike-black:before, .gi-dislike-empty:before, .gi-doc-export:before, .gi-doc-tab:before, .gi-document-black:before, .gi-dollar:before, .gi-door:before, .gi-dot-square:before, .gi-dot:before, .gi-download:before, .gi-draggable:before, .gi-drop-black:before, .gi-earth:before, .gi-edit-square:before, .gi-edit:before, .gi-eject:before, .gi-envelope-black:before, .gi-envelope:before, .gi-erase:before, .gi-euro:before, .gi-exchange:before, .gi-exclamation-round-square:before, .gi-exclamation-round:before, .gi-exclamation:before, .gi-expand:before, .gi-external-black:before, .gi-external:before, .gi-eye-cross:before, .gi-eye:before, .gi-favorite:before, .gi-female:before, .gi-film:before, .gi-filter:before, .gi-finger-bottom:before, .gi-finger-left:before, .gi-finger-right:before, .gi-finger-top:before, .gi-finger-up-black-like:before, .gi-finger-up-colorless-like:before, .gi-flag-black:before, .gi-flag-checkered:before, .gi-flag:before, .gi-folder-black:before, .gi-folder-open-black:before, .gi-folder-open:before, .gi-folder:before, .gi-four:before, .gi-fullscreen:before, .gi-gamepad:before, .gi-ganttchart-automatically:before, .gi-ganttchart-manually:before, .gi-ganttchart:before, .gi-great:before, .gi-group:before, .gi-hdd:before, .gi-history:before, .gi-horizontal:before, .gi-inbox:before, .gi-increase:before, .gi-indent:before, .gi-info-book:before, .gi-info-round:before, .gi-info:before, .gi-issue-flag:before, .gi-keyboard:before, .gi-laptop:before, .gi-light:before, .gi-lightning:before, .gi-lines-from-box:before, .gi-link:before, .gi-list-numbered:before, .gi-list-square:before, .gi-listing-long:before, .gi-loader:before, .gi-location:before, .gi-lock-open:before, .gi-lock:before, .gi-login:before, .gi-male:before, .gi-management:before, .gi-map:before, .gi-masterplan:before, .gi-maximize:before, .gi-microphone-close:before, .gi-microphone:before, .gi-minimize:before, .gi-minus-circle-outline:before, .gi-minus-round:before, .gi-minus-square-black:before, .gi-minus-square:before, .gi-minus:before, .gi-mobile:before, .gi-money:before, .gi-move:before, .gi-my-measure:before, .gi-new-black:before, .gi-new:before, .gi-paste:before, .gi-pause-round-black:before, .gi-pause-round:before, .gi-pause:before, .gi-pdf-export:before, .gi-pdf-file:before, .gi-phase-approved:before, .gi-phase-decline:before, .gi-phase-new:before, .gi-phase-rejected:before, .gi-phase-validated:before, .gi-phase-wait:before, .gi-photo:before, .gi-picture:before, .gi-pin:before, .gi-plane:before, .gi-plant:before, .gi-play-round-black-sharp:before, .gi-play-round-black:before, .gi-play-round:before, .gi-play-square:before, .gi-play:before, .gi-plus-rownd-black:before, .gi-plus-square-black:before, .gi-plus:before, .gi-power:before, .gi-print:before, .gi-priority-blocker:before, .gi-priority-high:before, .gi-priority-low:before, .gi-priority-medium:before, .gi-puzzle:before, .gi-question-round-black:before, .gi-question:before, .gi-quote-bottom:before, .gi-quote-up:before, .gi-radar:before, .gi-radio-off:before, .gi-radio-on:before, .gi-reduced:before, .gi-refresh-two:before, .gi-refresh:before, .gi-remove-round:before, .gi-remove-thin:before, .gi-remove:before, .gi-rename:before, .gi-reorder:before, .gi-reply-one:before, .gi-reply:before, .gi-resize:before, .gi-return_wait:before, .gi-retweet:before, .gi-round-risks:before, .gi-rub:before, .gi-save:before, .gi-saving-report:before, .gi-scissors:before, .gi-search:before, .gi-segments:before, .gi-shield:before, .gi-signal-bar:before, .gi-smile:before, .gi-square:before, .gi-star-black:before, .gi-star-colorless:before, .gi-status-approved:before, .gi-status-change-request-wait:before, .gi-status-change-request:before, .gi-status-closed:before, .gi-status-current-default:before, .gi-status-current-invert:before, .gi-status-current-wait:before, .gi-status-current:before, .gi-status-decline:before, .gi-status-draft-wait:before, .gi-status-draft:before, .gi-status-new-wait:before, .gi-status-new:before, .gi-status-nodoc-invert:before, .gi-status-nodoc:before, .gi-status-not-relevant:before, .gi-status-pause:before, .gi-status-paused:before, .gi-status-replay-invert:before, .gi-status-replay:before, .gi-status-stopped:before, .gi-status-wait-approve:before, .gi-status-wait-resources:before, .gi-stop-round:before, .gi-stop:before, .gi-suitcase:before, .gi-sun-colorless:before, .gi-switch-off:before, .gi-switch-on:before, .gi-t-square:before, .gi-t:before, .gi-table-colorless:before, .gi-table-date-picker:before, .gi-task-done:before, .gi-task-in-progress:before, .gi-task-in-review:before, .gi-task-not-relevant:before, .gi-task-planed:before, .gi-telephone-square:before, .gi-telephone:before, .gi-template-doc:before, .gi-template-portfolio:before, .gi-text-decrease:before, .gi-text-enlarge:before, .gi-three-squares-inline:before, .gi-ticket:before, .gi-timeline-tasks:before, .gi-tool:before, .gi-traffic-light:before, .gi-trash-bin:before, .gi-triangle-long:before, .gi-two-chat-clouds:before, .gi-u-capital:before, .gi-u-emphasized:before, .gi-umbrella:before, .gi-unlink:before, .gi-unlock:before, .gi-upload:before, .gi-user-department:before, .gi-user:before, .gi-warning:before, .gi-watch:before, .gi-window-list:before, .gi-window:before, .gi-x-squared:before, .gi-xls-export:before, .gi-xls-file:before, .gi-zoom-in:before, .gi-zoom-out:before, .gi-meeting:before, .gi-menu-hide:before, .gi-menu-show:before, .gi-backward-start:before, .gi-forward-end:before, .gi-fit-to-screen:before, .gi-scalable:before, .gi-checklist-import:before, .gi-versions:before, .gi-cost-report:before, .gi-import-square:before, .gi-user-settings:before, .gi-doc-outline-plus:before, .gi-folder-outline-plus:before, .gi-gallery-mode-large:before, .gi-gallery-mode-list:before, .gi-gallery-mode-medium:before, .gi-gallery-mode-small:before, .gi-barrel:before, .gi-flip-to-front:before, .gi-inspect:before, .gi-account-circle:before, .gi-document:before, .gi-romb:before, .gi-legend-dot:before, .gi-breakdown-report:before, .gi-budget-kpi:before, .gi-status-report-kpi:before, .gi-status-report:before, .gi-search-outline:before, .gi-breakdown-report-kpi:before, .gi-reporting-projects-my:before, .gi-reporting-projects:before, .gi-burger:before, .gi-documents:before, .gi-issue:before, .gi-model:before, .gi-notifications:before, .gi-portfolio:before, .gi-program:before, .gi-project-stagegate:before, .gi-reporting:before, .gi-risk:before, .gi-task:before, .gi-dashboard-old:before, .gi-plus-old:before, .gi-radar-old:before, .gi-contracts:before, .gi-custom-view-global:before, .gi-container-in-progress:before, .gi-task-rejected:before, .gi-comments-collapse:before, .gi-comments-expand:before, .gi-rows-collapse:before, .gi-rows-expand:before, .gi-reporting-overview:before, .gi-milestone:before, .gi-change-request:before, .gi-exclude:before, .gi-half-donut:before, .gi-link-old:before, .gi-unlink-old:before, .gi-contract-description:before, .gi-waste:before, .gi-sum:before, .gi-import-old:before, .gi-import:before, .gi-campaign:before, .gi-tree:before, .gi-evaluation:before, .gi-team-area-group:before, .menu__item-collapser, .panel__collapser {
  display: inline-block;
  font-family: "getIcons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 16px;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-decoration: none;
  vertical-align: middle; }

.gi-actions:before {
  content: "\E001"; }

.gi-active-measures:before {
  content: "\E002"; }

.gi-active:before {
  content: "\E003"; }

.gi-add-user:before {
  content: "\E004"; }

.gi-aktivitaten:before {
  content: "\E005"; }

.gi-angle-bottom:before, .collapsible-panel--header .collapser_link i:before {
  content: "\E006"; }

.gi-angle-left:before {
  content: "\E007"; }

.gi-angle-right:before {
  content: "\E008"; }

.gi-angle-top:before, .collapsible-panel--header.opened .collapser_link i:before {
  content: "\E009"; }

.gi-archive-measures:before {
  content: "\E00A"; }

.gi-archive:before {
  content: "\E00B"; }

.gi-arrow-1-9:before {
  content: "\E00C"; }

.gi-arrow-9-1:before {
  content: "\E00D"; }

.gi-arrow-a-z:before {
  content: "\E00E"; }

.gi-arrow-bottom:before {
  content: "\E00F"; }

.gi-arrow-circle-bottom:before {
  content: "\E010"; }

.gi-arrow-circle-left:before {
  content: "\E011"; }

.gi-arrow-circle-right:before {
  content: "\E012"; }

.gi-arrow-circle-top:before {
  content: "\E013"; }

.gi-arrow-from-half-square:before {
  content: "\E014"; }

.gi-arrow-from-square-black:before {
  content: "\E015"; }

.gi-arrow-from-square:before {
  content: "\E016"; }

.gi-arrow-from:before {
  content: "\E017"; }

.gi-arrow-in-half-square:before {
  content: "\E018"; }

.gi-arrow-left-heading:before {
  content: "\E019"; }

.gi-arrow-left-triangle-previous-step:before {
  content: "\E01A"; }

.gi-arrow-left-triangle-round:before {
  content: "\E01B"; }

.gi-arrow-left:before {
  content: "\E01C"; }

.gi-arrow-long-bottom:before {
  content: "\E01D"; }

.gi-arrow-long-left:before {
  content: "\E01E"; }

.gi-arrow-long-right:before {
  content: "\E01F"; }

.gi-arrow-long-top:before {
  content: "\E020"; }

.gi-arrow-right-triangle-round:before {
  content: "\E021"; }

.gi-arrow-right:before {
  content: "\E022"; }

.gi-arrow-round-angle-bottom:before {
  content: "\E023"; }

.gi-arrow-round-bottom:before {
  content: "\E024"; }

.gi-arrow-round-left:before {
  content: "\E025"; }

.gi-arrow-round-right:before {
  content: "\E026"; }

.gi-arrow-round-top:before {
  content: "\E027"; }

.gi-arrow-rownd-angle-left:before {
  content: "\E028"; }

.gi-arrow-rownd-angle-right:before {
  content: "\E029"; }

.gi-arrow-rownd-angle-top:before {
  content: "\E02A"; }

.gi-arrow-signal-decrease:before {
  content: "\E02B"; }

.gi-arrow-signal-increase:before {
  content: "\E02C"; }

.gi-arrow-top:before {
  content: "\E02D"; }

.gi-arrow-triangle-bottom:before {
  content: "\E02E"; }

.gi-arrow-triangle-left:before {
  content: "\E02F"; }

.gi-arrow-triangle-right-next-step:before {
  content: "\E030"; }

.gi-arrow-triangle-right:before {
  content: "\E031"; }

.gi-arrow-triangle-square-bottom:before {
  content: "\E032"; }

.gi-arrow-triangle-square-top:before {
  content: "\E033"; }

.gi-arrow-triangle-up:before {
  content: "\E034"; }

.gi-arrow-up-black-upload:before {
  content: "\E035"; }

.gi-arrow-z-a:before {
  content: "\E036"; }

.gi-arrowheads-left-stop:before {
  content: "\E037"; }

.gi-arrowheads-left:before {
  content: "\E038"; }

.gi-arrowheads-right-stop:before {
  content: "\E039"; }

.gi-arrowheads-right:before {
  content: "\E03A"; }

.gi-arrows-bottom:before {
  content: "\E03B"; }

.gi-arrows-left:before {
  content: "\E03C"; }

.gi-arrows-right:before {
  content: "\E03D"; }

.gi-arrows-top:before {
  content: "\E03E"; }

.gi-arrows-triangles-up-bottom:before {
  content: "\E03F"; }

.gi-asterisk:before {
  content: "\E040"; }

.gi-attach:before {
  content: "\E041"; }

.gi-beaker:before {
  content: "\E042"; }

.gi-bell:before {
  content: "\E043"; }

.gi-block-diagram:before {
  content: "\E044"; }

.gi-block-distribute:before {
  content: "\E045"; }

.gi-bolt:before {
  content: "\E046"; }

.gi-book:before {
  content: "\E047"; }

.gi-bookmark-black:before {
  content: "\E048"; }

.gi-bookmark:before {
  content: "\E049"; }

.gi-briefcase:before {
  content: "\E04A"; }

.gi-building:before {
  content: "\E04B"; }

.gi-bull:before {
  content: "\E04C"; }

.gi-bullseye:before {
  content: "\E04D"; }

.gi-calendar-empty:before {
  content: "\E04E"; }

.gi-calendar:before {
  content: "\E04F"; }

.gi-cart:before {
  content: "\E050"; }

.gi-center:before {
  content: "\E051"; }

.gi-certificate:before {
  content: "\E052"; }

.gi-chart-bar:before {
  content: "\E053"; }

.gi-chart-line:before {
  content: "\E054"; }

.gi-chart-pie:before {
  content: "\E055"; }

.gi-chat:before {
  content: "\E056"; }

.gi-check-empty:before {
  content: "\E057"; }

.gi-check-round-black:before {
  content: "\E058"; }

.gi-check-round:before {
  content: "\E059"; }

.gi-check-square:before {
  content: "\E05A"; }

.gi-check:before {
  content: "\E05B"; }

.gi-checked:before {
  content: "\E05C"; }

.gi-circular:before {
  content: "\E05D"; }

.gi-clone:before {
  content: "\E05E"; }

.gi-cloud-bottom:before {
  content: "\E05F"; }

.gi-cloud-top:before {
  content: "\E060"; }

.gi-cloud:before {
  content: "\E061"; }

.gi-code:before {
  content: "\E062"; }

.gi-cog:before {
  content: "\E063"; }

.gi-cogs:before {
  content: "\E064"; }

.gi-coins-more:before {
  content: "\E065"; }

.gi-coins:before {
  content: "\E066"; }

.gi-comet:before {
  content: "\E067"; }

.gi-comment-empty:before {
  content: "\E068"; }

.gi-comment:before {
  content: "\E069"; }

.gi-compass:before {
  content: "\E06A"; }

.gi-computer:before {
  content: "\E06B"; }

.gi-connection:before {
  content: "\E06C"; }

.gi-console:before {
  content: "\E06D"; }

.gi-copy:before {
  content: "\E06E"; }

.gi-costs:before {
  content: "\E06F"; }

.gi-couple:before {
  content: "\E070"; }

.gi-cr:before {
  content: "\E071"; }

.gi-credit:before {
  content: "\E072"; }

.gi-cross-round:before {
  content: "\E073"; }

.gi-cross-square:before {
  content: "\E074"; }

.gi-cr_report:before {
  content: "\E075"; }

.gi-cup:before {
  content: "\E076"; }

.gi-cursor-purpose:before {
  content: "\E077"; }

.gi-curved-up:before {
  content: "\E078"; }

.gi-curved:before {
  content: "\E079"; }

.gi-custom-report:before {
  content: "\E07A"; }

.gi-dashboard:before {
  content: "\E07B"; }

.gi-decision:before {
  content: "\E07C"; }

.gi-desktop:before {
  content: "\E07D"; }

.gi-dislike-black:before {
  content: "\E07E"; }

.gi-dislike-empty:before {
  content: "\E07F"; }

.gi-doc-export:before {
  content: "\E080"; }

.gi-doc-tab:before {
  content: "\E081"; }

.gi-document-black:before {
  content: "\E082"; }

.gi-dollar:before {
  content: "\E083"; }

.gi-door:before {
  content: "\E084"; }

.gi-dot-square:before {
  content: "\E085"; }

.gi-dot:before {
  content: "\E086"; }

.gi-download:before {
  content: "\E087"; }

.gi-draggable:before {
  content: "\E088"; }

.gi-drop-black:before {
  content: "\E089"; }

.gi-earth:before {
  content: "\E08A"; }

.gi-edit-square:before {
  content: "\E08B"; }

.gi-edit:before {
  content: "\E08C"; }

.gi-eject:before {
  content: "\E08D"; }

.gi-envelope-black:before {
  content: "\E08E"; }

.gi-envelope:before {
  content: "\E08F"; }

.gi-erase:before {
  content: "\E090"; }

.gi-euro:before {
  content: "\E091"; }

.gi-exchange:before {
  content: "\E092"; }

.gi-exclamation-round-square:before {
  content: "\E093"; }

.gi-exclamation-round:before {
  content: "\E094"; }

.gi-exclamation:before {
  content: "\E095"; }

.gi-expand:before {
  content: "\E096"; }

.gi-external-black:before {
  content: "\E097"; }

.gi-external:before {
  content: "\E098"; }

.gi-eye-cross:before {
  content: "\E099"; }

.gi-eye:before {
  content: "\E09A"; }

.gi-favorite:before {
  content: "\E09B"; }

.gi-female:before {
  content: "\E09C"; }

.gi-film:before {
  content: "\E09D"; }

.gi-filter:before {
  content: "\E09E"; }

.gi-finger-bottom:before {
  content: "\E09F"; }

.gi-finger-left:before {
  content: "\E0A0"; }

.gi-finger-right:before {
  content: "\E0A1"; }

.gi-finger-top:before {
  content: "\E0A2"; }

.gi-finger-up-black-like:before {
  content: "\E0A3"; }

.gi-finger-up-colorless-like:before {
  content: "\E0A4"; }

.gi-flag-black:before {
  content: "\E0A5"; }

.gi-flag-checkered:before {
  content: "\E0A6"; }

.gi-flag:before {
  content: "\E0A7"; }

.gi-folder-black:before {
  content: "\E0A8"; }

.gi-folder-open-black:before {
  content: "\E0A9"; }

.gi-folder-open:before {
  content: "\E0AA"; }

.gi-folder:before {
  content: "\E0AB"; }

.gi-four:before {
  content: "\E0AC"; }

.gi-fullscreen:before {
  content: "\E0AD"; }

.gi-gamepad:before {
  content: "\E0AE"; }

.gi-ganttchart-automatically:before {
  content: "\E0AF"; }

.gi-ganttchart-manually:before {
  content: "\E0B0"; }

.gi-ganttchart:before {
  content: "\E0B1"; }

.gi-great:before {
  content: "\E0B2"; }

.gi-group:before {
  content: "\E0B3"; }

.gi-hdd:before {
  content: "\E0B4"; }

.gi-history:before {
  content: "\E0B5"; }

.gi-horizontal:before {
  content: "\E0B6"; }

.gi-inbox:before {
  content: "\E0B8"; }

.gi-increase:before {
  content: "\E0B9"; }

.gi-indent:before {
  content: "\E0BA"; }

.gi-info-book:before {
  content: "\E0BB"; }

.gi-info-round:before {
  content: "\E0BC"; }

.gi-info:before {
  content: "\E0BD"; }

.gi-issue-flag:before {
  content: "\E0BE"; }

.gi-keyboard:before {
  content: "\E0BF"; }

.gi-laptop:before {
  content: "\E0C0"; }

.gi-light:before {
  content: "\E0C1"; }

.gi-lightning:before {
  content: "\E0C2"; }

.gi-lines-from-box:before {
  content: "\E0C3"; }

.gi-link:before {
  content: "\E0C4"; }

.gi-list-numbered:before {
  content: "\E0C5"; }

.gi-list-square:before {
  content: "\E0C6"; }

.gi-listing-long:before {
  content: "\E0C7"; }

.gi-loader:before {
  content: "\E0C8"; }

.gi-location:before {
  content: "\E0C9"; }

.gi-lock-open:before {
  content: "\E0CA"; }

.gi-lock:before {
  content: "\E0CB"; }

.gi-login:before {
  content: "\E0CC"; }

.gi-male:before {
  content: "\E0CD"; }

.gi-management:before {
  content: "\E0CE"; }

.gi-map:before {
  content: "\E0CF"; }

.gi-masterplan:before {
  content: "\E0D0"; }

.gi-maximize:before {
  content: "\E0D1"; }

.gi-microphone-close:before {
  content: "\E0D2"; }

.gi-microphone:before {
  content: "\E0D3"; }

.gi-minimize:before {
  content: "\E0D4"; }

.gi-minus-circle-outline:before {
  content: "\E0D5"; }

.gi-minus-round:before {
  content: "\E0D6"; }

.gi-minus-square-black:before {
  content: "\E0D7"; }

.gi-minus-square:before {
  content: "\E0D8"; }

.gi-minus:before {
  content: "\E0D9"; }

.gi-mobile:before {
  content: "\E0DA"; }

.gi-money:before {
  content: "\E0DB"; }

.gi-move:before {
  content: "\E0DC"; }

.gi-my-measure:before {
  content: "\E0DD"; }

.gi-new-black:before {
  content: "\E0DE"; }

.gi-new:before {
  content: "\E0DF"; }

.gi-paste:before {
  content: "\E0E0"; }

.gi-pause-round-black:before {
  content: "\E0E1"; }

.gi-pause-round:before {
  content: "\E0E2"; }

.gi-pause:before {
  content: "\E0E3"; }

.gi-pdf-export:before {
  content: "\E0E4"; }

.gi-pdf-file:before {
  content: "\E0E5"; }

.gi-phase-approved:before {
  content: "\E0E6"; }

.gi-phase-decline:before {
  content: "\E0E7"; }

.gi-phase-new:before {
  content: "\E0E8"; }

.gi-phase-rejected:before {
  content: "\E0E9"; }

.gi-phase-validated:before {
  content: "\E0EA"; }

.gi-phase-wait:before {
  content: "\E0EB"; }

.gi-photo:before {
  content: "\E0EC"; }

.gi-picture:before {
  content: "\E0ED"; }

.gi-pin:before {
  content: "\E0EE"; }

.gi-plane:before {
  content: "\E0EF"; }

.gi-plant:before {
  content: "\E0F0"; }

.gi-play-round-black-sharp:before {
  content: "\E0F1"; }

.gi-play-round-black:before {
  content: "\E0F2"; }

.gi-play-round:before {
  content: "\E0F3"; }

.gi-play-square:before {
  content: "\E0F4"; }

.gi-play:before {
  content: "\E0F5"; }

.gi-plus-rownd-black:before {
  content: "\E0F6"; }

.gi-plus-square-black:before {
  content: "\E0F7"; }

.gi-plus:before {
  content: "\E0F8"; }

.gi-power:before {
  content: "\E0F9"; }

.gi-print:before {
  content: "\E0FA"; }

.gi-priority-blocker:before {
  content: "\E0FB"; }

.gi-priority-high:before {
  content: "\E0FC"; }

.gi-priority-low:before {
  content: "\E0FD"; }

.gi-priority-medium:before {
  content: "\E0FE"; }

.gi-puzzle:before {
  content: "\E0FF"; }

.gi-question-round-black:before {
  content: "\E100"; }

.gi-question:before {
  content: "\E101"; }

.gi-quote-bottom:before {
  content: "\E102"; }

.gi-quote-up:before {
  content: "\E103"; }

.gi-radar:before {
  content: "\E104"; }

.gi-radio-off:before {
  content: "\E105"; }

.gi-radio-on:before {
  content: "\E106"; }

.gi-reduced:before {
  content: "\E107"; }

.gi-refresh-two:before {
  content: "\E108"; }

.gi-refresh:before {
  content: "\E109"; }

.gi-remove-round:before {
  content: "\E10A"; }

.gi-remove-thin:before {
  content: "\E10B"; }

.gi-remove:before {
  content: "\E10C"; }

.gi-rename:before {
  content: "\E10D"; }

.gi-reorder:before {
  content: "\E10E"; }

.gi-reply-one:before {
  content: "\E10F"; }

.gi-reply:before {
  content: "\E110"; }

.gi-resize:before {
  content: "\E111"; }

.gi-return_wait:before {
  content: "\E112"; }

.gi-retweet:before {
  content: "\E113"; }

.gi-round-risks:before {
  content: "\E114"; }

.gi-rub:before {
  content: "\E115"; }

.gi-save:before {
  content: "\E116"; }

.gi-saving-report:before {
  content: "\E117"; }

.gi-scissors:before {
  content: "\E118"; }

.gi-search:before {
  content: "\E119"; }

.gi-segments:before {
  content: "\E11A"; }

.gi-shield:before {
  content: "\E11B"; }

.gi-signal-bar:before {
  content: "\E11C"; }

.gi-smile:before {
  content: "\E11D"; }

.gi-square:before {
  content: "\E11E"; }

.gi-star-black:before {
  content: "\E11F"; }

.gi-star-colorless:before {
  content: "\E120"; }

.gi-status-approved:before {
  content: "\E121"; }

.gi-status-change-request-wait:before {
  content: "\E122"; }

.gi-status-change-request:before {
  content: "\E123"; }

.gi-status-closed:before {
  content: "\E124"; }

.gi-status-current-default:before {
  content: "\E125"; }

.gi-status-current-invert:before {
  content: "\E126"; }

.gi-status-current-wait:before {
  content: "\E127"; }

.gi-status-current:before {
  content: "\E128"; }

.gi-status-decline:before {
  content: "\E129"; }

.gi-status-draft-wait:before {
  content: "\E12A"; }

.gi-status-draft:before {
  content: "\E12B"; }

.gi-status-new-wait:before {
  content: "\E12C"; }

.gi-status-new:before {
  content: "\E12D"; }

.gi-status-nodoc-invert:before {
  content: "\E12E"; }

.gi-status-nodoc:before {
  content: "\E12F"; }

.gi-status-not-relevant:before {
  content: "\E130"; }

.gi-status-pause:before {
  content: "\E131"; }

.gi-status-paused:before {
  content: "\E132"; }

.gi-status-replay-invert:before {
  content: "\E133"; }

.gi-status-replay:before {
  content: "\E134"; }

.gi-status-stopped:before {
  content: "\E135"; }

.gi-status-wait-approve:before {
  content: "\E136"; }

.gi-status-wait-resources:before {
  content: "\E137"; }

.gi-stop-round:before {
  content: "\E138"; }

.gi-stop:before {
  content: "\E139"; }

.gi-suitcase:before {
  content: "\E13A"; }

.gi-sun-colorless:before {
  content: "\E13B"; }

.gi-switch-off:before {
  content: "\E13C"; }

.gi-switch-on:before {
  content: "\E13D"; }

.gi-t-square:before {
  content: "\E13E"; }

.gi-t:before {
  content: "\E13F"; }

.gi-table-colorless:before {
  content: "\E140"; }

.gi-table-date-picker:before {
  content: "\E141"; }

.gi-task-done:before {
  content: "\E142"; }

.gi-task-in-progress:before {
  content: "\E143"; }

.gi-task-in-review:before {
  content: "\E144"; }

.gi-task-not-relevant:before {
  content: "\E145"; }

.gi-task-planed:before {
  content: "\E146"; }

.gi-telephone-square:before {
  content: "\E147"; }

.gi-telephone:before {
  content: "\E148"; }

.gi-template-doc:before {
  content: "\E149"; }

.gi-template-portfolio:before {
  content: "\E14A"; }

.gi-text-decrease:before {
  content: "\E14B"; }

.gi-text-enlarge:before {
  content: "\E14C"; }

.gi-three-squares-inline:before {
  content: "\E14D"; }

.gi-ticket:before {
  content: "\E14E"; }

.gi-timeline-tasks:before {
  content: "\E14F"; }

.gi-tool:before {
  content: "\E150"; }

.gi-traffic-light:before {
  content: "\E151"; }

.gi-trash-bin:before {
  content: "\E152"; }

.gi-triangle-long:before {
  content: "\E153"; }

.gi-two-chat-clouds:before {
  content: "\E154"; }

.gi-u-capital:before {
  content: "\E155"; }

.gi-u-emphasized:before {
  content: "\E156"; }

.gi-umbrella:before {
  content: "\E157"; }

.gi-unlink:before {
  content: "\E158"; }

.gi-unlock:before {
  content: "\E159"; }

.gi-upload:before {
  content: "\E15A"; }

.gi-user-department:before {
  content: "\E15B"; }

.gi-user:before {
  content: "\E15C"; }

.gi-warning:before {
  content: "\E15D"; }

.gi-watch:before {
  content: "\E15E"; }

.gi-window-list:before {
  content: "\E15F"; }

.gi-window:before {
  content: "\E160"; }

.gi-x-squared:before {
  content: "\E161"; }

.gi-xls-export:before {
  content: "\E162"; }

.gi-xls-file:before {
  content: "\E163"; }

.gi-zoom-in:before {
  content: "\E164"; }

.gi-zoom-out:before {
  content: "\E165"; }

.gi-meeting:before {
  content: "\E166"; }

.gi-menu-hide:before {
  content: "\E167"; }

.gi-menu-show:before {
  content: "\E168"; }

.gi-backward-start:before {
  content: "\E169"; }

.gi-forward-end:before {
  content: "\E16A"; }

.gi-fit-to-screen:before {
  content: "\E16B"; }

.gi-scalable:before {
  content: "\E16C"; }

.gi-checklist-import:before {
  content: "\E16D"; }

.gi-versions:before {
  content: "\E16E"; }

.gi-cost-report:before {
  content: "\E16F"; }

.gi-import-square:before {
  content: "\E170"; }

.gi-user-settings:before {
  content: "\E171"; }

.gi-doc-outline-plus:before {
  content: "\E172"; }

.gi-folder-outline-plus:before {
  content: "\E173"; }

.gi-gallery-mode-large:before {
  content: "\E174"; }

.gi-gallery-mode-list:before {
  content: "\E175"; }

.gi-gallery-mode-medium:before {
  content: "\E176"; }

.gi-gallery-mode-small:before {
  content: "\E177"; }

.gi-barrel:before {
  content: "\E178"; }

.gi-flip-to-front:before {
  content: "\E179"; }

.gi-inspect:before {
  content: "\E17A"; }

.gi-account-circle:before {
  content: "\E17B"; }

.gi-document:before {
  content: "\E17C"; }

.gi-romb:before {
  content: "\E17D"; }

.gi-legend-dot:before {
  content: "\E17E"; }

.gi-breakdown-report:before {
  content: "\E183"; }

.gi-budget-kpi:before {
  content: "\E184"; }

.gi-status-report-kpi:before {
  content: "\E185"; }

.gi-status-report:before {
  content: "\E186"; }

.gi-search-outline:before {
  content: "\E193"; }

.gi-breakdown-report-kpi:before {
  content: "\E196"; }

.gi-reporting-projects-my:before {
  content: "\E197"; }

.gi-reporting-projects:before {
  content: "\E198"; }

.gi-burger:before {
  content: "\E199"; }

.gi-documents:before {
  content: "\E19A"; }

.gi-issue:before {
  content: "\E19B"; }

.gi-model:before {
  content: "\E19C"; }

.gi-notifications:before {
  content: "\E19D"; }

.gi-portfolio:before {
  content: "\E19E"; }

.gi-program:before {
  content: "\E19F"; }

.gi-project-stagegate:before {
  content: "\E1A0"; }

.gi-reporting:before {
  content: "\E1A1"; }

.gi-risk:before {
  content: "\E1A2"; }

.gi-task:before {
  content: "\E1A3"; }

.gi-dashboard-old:before {
  content: "\E1A4"; }

.gi-plus-old:before {
  content: "\E1A5"; }

.gi-radar-old:before {
  content: "\E1A6"; }

.gi-contracts:before {
  content: "\E1A7"; }

.gi-custom-view-global:before {
  content: "\E1A8"; }

.gi-container-in-progress:before {
  content: "\E1A9"; }

.gi-task-rejected:before {
  content: "\E1AB"; }

.gi-comments-collapse:before {
  content: "\E1AC"; }

.gi-comments-expand:before {
  content: "\E1AD"; }

.gi-rows-collapse:before {
  content: "\E1AE"; }

.gi-rows-expand:before {
  content: "\E1AF"; }

.gi-reporting-overview:before {
  content: "\E1B0"; }

.gi-milestone:before {
  content: "\E1B1"; }

.gi-change-request:before {
  content: "\E1B2"; }

.gi-exclude:before {
  content: "\E1B3"; }

.gi-half-donut:before {
  content: "\E1B4"; }

.gi-link-old:before {
  content: "\E1B5"; }

.gi-unlink-old:before {
  content: "\E1B6"; }

.gi-contract-description:before {
  content: "\E1B7"; }

.gi-waste:before {
  content: "\E1B8"; }

.gi-sum:before {
  content: "\E1BB"; }

.gi-import-old:before {
  content: "\E1BC"; }

.gi-import:before {
  content: "\E1BE"; }

.gi-campaign:before {
  content: "\E1BF"; }

.gi-tree:before {
  content: "\E1C0"; }

.gi-evaluation:before {
  content: "\E1C1"; }

.gi-team-area-group:before {
  content: "\E1C2"; }

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

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

audio,
canvas,
video {
  display: inline-block;
  zoom: 1;
  *display: inline; }

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

[hidden] {
  display: none; }

html {
  overflow: hidden;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f3f5f6;
  font-weight: normal !important;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  color: #54585e; }

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

form {
  margin: 0; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button,
input {
  line-height: normal; }

input[disabled],
input:disabled {
  border: none;
  padding-left: 0; }

button,
select {
  text-transform: none; }

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

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

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

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

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

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

input::-ms-clear {
  display: none; }

input:disabled {
  background-color: #f3f5f6; }

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }
  textarea.highlighted {
    border-left: 2px solid #f35958 !important; }
  textarea[readonly], textarea:disabled {
    background-color: #f3f5f6; }

dl,
menu,
ol {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

menu,
ol {
  padding: 0 0 0 40px; }

nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

ul {
  list-style-type: disc;
  margin-left: 10px;
  padding-left: 0;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0; }

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

td {
  padding: 10px 5px; }

hr {
  height: 1px;
  background-color: #ccc;
  border: 0; }

a:focus {
  outline: thin dotted; }

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

abbr[title] {
  border-bottom: 1px dotted; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

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

p,
pre {
  margin: 1em 0; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q::before,
q::after {
  content: '';
  content: none; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

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

figure {
  margin: 0; }

.dev {
  margin: 0 2px;
  padding: 0 25px;
  position: relative;
  *zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="after", this.insertBefore( document.createElement("small"), this.firstChild ).className="before" ); }

.dev:before,
.dev .before,
.dev:after,
.dev .after {
  content: '';
  background: url("/_img/dev_stripe.png") repeat-y left;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 10000;
  display: block;
  height: 100%; }

.dev:before,
.dev .before {
  left: 0; }

.dev:after,
.dev .after {
  background-position: right;
  right: 0; }

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

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

.vertical_align--top {
  vertical-align: top; }

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

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

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

.text_transform--none {
  text-transform: none; }

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

.text_transform--uppercase {
  text-transform: uppercase; }

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

.mg--top {
  margin-top: 20px; }

.mg--bottom {
  margin-bottom: 20px; }

.mg--bottom-none {
  margin-bottom: 0 !important; }

.mg--left {
  margin-left: 20px; }

.hide {
  display: none !important; }

.hidden_obj {
  display: none; }

.pull-left {
  float: left; }
  .pull-left:after {
    content: "";
    display: table;
    clear: both; }

.pull-right {
  float: right; }
  .pull-right:after {
    content: "";
    display: table;
    clear: both; }

.inline-block, .table_toolbar .left-toolbar,
.table_toolbar .right-toolbar, .panel_toolbar .left-toolbar,
.panel_toolbar .right-toolbar {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle; }
  .inline-block.to-top, .table_toolbar .to-top.left-toolbar,
  .table_toolbar .to-top.right-toolbar, .panel_toolbar .to-top.left-toolbar,
  .panel_toolbar .to-top.right-toolbar {
    vertical-align: top; }
  .inline-block.to-bottom, .table_toolbar .to-bottom.left-toolbar,
  .table_toolbar .to-bottom.right-toolbar, .panel_toolbar .to-bottom.left-toolbar,
  .panel_toolbar .to-bottom.right-toolbar {
    vertical-align: bottom; }

.display--tbl {
  display: table; }

.display--tbl-row {
  display: table-row; }

.display--tbl-cell {
  display: table-cell; }

.display--inline-flex {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center; }

.flex-container {
  overflow: auto;
  display: -ms-flexbox;
  display: flex; }

.width--full {
  width: 100%; }

.hidden-span {
  display: block;
  visibility: hidden;
  height: 0;
  padding: 0 2px;
  white-space: pre; }

.pointer {
  cursor: pointer; }

.nowrap {
  white-space: nowrap; }

.overflow-y__auto {
  overflow-y: auto; }

.overflow-x__auto {
  overflow-x: auto; }

.flex-center-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.mask-container {
  pointer-events: none; }
  .mask-container .card,
  .mask-container .panel,
  .mask-container .panel_half,
  .mask-container .collapsible-panel--body {
    overflow: hidden;
    position: relative; }
    .mask-container .card::before,
    .mask-container .panel::before,
    .mask-container .panel_half::before,
    .mask-container .collapsible-panel--body::before {
      content: ' ';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 50%;
      z-index: 1;
      width: 500%;
      margin-left: -250%;
      -webkit-animation: mask 2s ease-in infinite;
              animation: mask 2s ease-in infinite;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
      pointer-events: none; }
  .mask-container .gi,
  .mask-container .h3,
  .mask-container .h3--lightweight,
  .mask-container h3,
  .mask-container .h3-capacity-employee,
  .mask-container .label,
  .mask-container .legend__item,
  .mask-container .card__header,
  .mask-container .capacity__label,
  .mask-container .capacity__count,
  .mask-container .progress__heading span,
  .mask-container .progress__body,
  .mask-container .list__item,
  .mask-container .userpic,
  .mask-container .text {
    background-color: #f3f5f6 !important;
    color: #f3f5f6 !important; }
    .mask-container .gi *,
    .mask-container .h3 *,
    .mask-container .h3--lightweight *,
    .mask-container h3 *,
    .mask-container .h3-capacity-employee *,
    .mask-container .label *,
    .mask-container .legend__item *,
    .mask-container .card__header *,
    .mask-container .capacity__label *,
    .mask-container .capacity__count *,
    .mask-container .progress__heading span *,
    .mask-container .progress__body *,
    .mask-container .list__item *,
    .mask-container .userpic *,
    .mask-container .text * {
      display: none; }
  .mask-container .table {
    font-size: 0; }
    .mask-container .table tr {
      border-bottom-color: #f3f5f6; }
  .mask-container .list__item,
  .mask-container .text {
    border-radius: 3px; }

.mask {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1; }

.showing-by-hover {
  visibility: hidden; }

.trigger-show-by-hover:hover .showing-by-hover {
  visibility: visible; }

@-webkit-keyframes mask {
  0% {
    transform: translate3d(-30%, 0, 0); }
  100% {
    transform: translate3d(30%, 0, 0); } }

@keyframes mask {
  0% {
    transform: translate3d(-30%, 0, 0); }
  100% {
    transform: translate3d(30%, 0, 0); } }

h1, .h1,
h2, .h2, h2, .panel .manage-views-h2, .panel_half .manage-views-h2, .collapsible-panel--body .manage-views-h2,
h3, .h3, .h3--lightweight, h3, .h3-capacity-employee,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 10px 0;
  margin-top: 0;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
  font-weight: 300;
  color: #54585e; }
  h1--without-margin, .h1--without-margin,
  h2--without-margin, .h2--without-margin,
  h3--without-margin, .h3--without-margin,
  h4--without-margin, .h4--without-margin,
  h5--without-margin, .h5--without-margin,
  h6--without-margin, .h6--without-margin {
    margin: 0; }
  h1--inherit-color, .h1--inherit-color,
  h2--inherit-color, .h2--inherit-color,
  h3--inherit-color, .h3--inherit-color,
  h4--inherit-color, .h4--inherit-color,
  h5--inherit-color, .h5--inherit-color,
  h6--inherit-color, .h6--inherit-color {
    color: inherit; }

h1, .h1 {
  font-size: 18px;
  font-weight: 300; }

.h2, h2, .panel .manage-views-h2, .panel_half .manage-views-h2, .collapsible-panel--body .manage-views-h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #222325; }
  [data-theme="classic"] .h2, [data-theme="classic"] h2, [data-theme="classic"] .panel .manage-views-h2, .panel [data-theme="classic"] .manage-views-h2, [data-theme="classic"] .panel_half .manage-views-h2, .panel_half [data-theme="classic"] .manage-views-h2, [data-theme="classic"] .collapsible-panel--body .manage-views-h2, .collapsible-panel--body [data-theme="classic"] .manage-views-h2 {
    font-size: 16px;
    line-height: normal;
    font-weight: 300;
    color: #222325; }
  .h2--lightweight {
    font-weight: 400; }
  .h2--emphasize {
    font-weight: 600; }

.h3, .h3--lightweight, h3, .h3-capacity-employee {
  font-size: 14px;
  font-weight: 400; }
  .h3--uppercase {
    text-transform: uppercase; }
  .h3--lightweight {
    font-weight: 400;
    color: #f3f5f6; }

b,
strong {
  font-weight: 600; }

p {
  white-space: normal; }

a:link, a:visited {
  color: #008ac1;
  text-decoration: none; }

a:focus {
  outline: thin dotted; }

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

a:hover {
  text-decoration: underline; }

.heading {
  font-size: 15px; }
  .heading--medium {
    font-size: 15px; }

.text--small {
  font-size: 10px; }

.text--medium {
  font-size: 12px; }

.text--large {
  font-size: 14px; }

.text--x-large {
  font-size: 16px; }

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

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

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

.text--regular {
  font-weight: 400; }

.text--bold {
  font-weight: 600; }

.text--italic {
  font-style: italic; }

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

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

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

.text--strikethrough {
  text-decoration: line-through; }

.text--transparent {
  color: transparent; }

.text--black {
  color: #000; }

.text--blue {
  color: #07aaea; }

.text--blue-light {
  color: #76bcd8; }

.text--blue-dark {
  color: #008ac1; }

.text--blue-darker {
  color: #045a8b; }

.text--burnt-sienna {
  color: #ec765f; }

.text--empty {
  color: #d1dade; }

.text--dark-blue {
  color: #034a72; }

.text--dark-gray {
  color: #54585e; }

.text--fountain-blue {
  color: #53a9a7; }

.text--geyser {
  color: #d1dade; }

.text--governor-bay {
  color: #333399; }

.text--gray, .table .expand-container__button:link, .table .expand-container__button:hover, .table .expand-container__button:visited, .table .expand-container__button:active, .legend__title, .legend__value {
  color: #73777c; }

.text--gray-chateau {
  color: #a5adaf; }

.text--grayscale-1 {
  color: #54585e; }

.text--grayscale-3 {
  color: #bdc3c7; }

.text--grayscale-5 {
  color: #f3f5f6; }

.text--primary-1 {
  color: #032945; }

.text--primary-2 {
  color: #023456; }

.text--primary-3 {
  color: #034a72; }

.text--primary-4 {
  color: #008ac1; }

.text--primary-5 {
  color: #07aaea; }

.text--green-aqua {
  color: #0aa699; }

.text--green-dark {
  color: #177b57; }

.text--green {
  color: #a3d634; }

.text--grey-dark {
  color: #939699; }

.text--grey {
  color: #d2d6d9; }

.text--grey-light {
  color: #e4eaed; }

.text--scampi {
  color: #5d60ab; }

.text--kobi {
  color: #eaaecf; }

.text--lightgray, .select2-results .select2-disabled {
  color: #bdc3c7; }

.text--manatee {
  color: #9089a5; }

.text--orange {
  color: #f07d00; }

.text--orange-peel {
  color: #f09e00; }

.text--picton-blue {
  color: #36a7e9; }

.text--purple {
  color: #a27497; }

.text--red {
  color: #f35958; }

.text--red-dark {
  color: #f02a28; }

.text--ripe-lemon {
  color: #f5c50e; }

.text--tacao {
  color: #edb183; }

.text--yellow {
  color: #f9ba46; }

.text--yellow-green {
  color: #cccd21; }

.text--yellow-red {
  color: #f48f33; }

.text--white {
  color: #fff; }

.text--wistful {
  color: #a7a4d1; }

.text--graph-fountain-blue {
  color: #5bc0be; }

.text--graph-seagull {
  color: #82c3e9; }

.text--graph-wild-blue-yonder {
  color: #7a7abd; }

.text--graph-cosmos {
  color: #ffd6d7; }

.text--graph-caper {
  color: #d0eda5; }

.text--graph-gray-chateau {
  color: #a5adaf; }

.text--break-word {
  word-break: break-word; }

.text--pre-wrap {
  white-space: pre-wrap;
  line-height: initial; }

.text--nowrap, .table td--nowrap,
.table .table__cell--nowrap {
  white-space: nowrap; }

.text--ellipsis, .card__heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.link--basic:hover {
  text-decoration: none; }

.link--secondary:link, .link--secondary:active, .link--secondary:visited {
  color: #54585e; }

.fadedtext {
  color: #bdc3c7;
  font-weight: normal; }

.small {
  font-size: 10px;
  font-weight: 300; }

.small p {
  margin: 7px 0; }

.no-value {
  color: #bdc3c7; }

.valuetext {
  min-width: 160px;
  color: #222325; }
  .valuetext .redtext {
    width: 80%; }

.redtext_bold {
  color: #f35958;
  font-weight: 600; }

.redtext {
  color: #f35958; }

span.redtext {
  vertical-align: top !important; }

.blue {
  color: #07aaea; }

.gray {
  color: #73777c; }

.green {
  color: #a3d634; }

.red {
  color: #f35958; }

.accent--green {
  color: #a3d634; }

.accent--yellow {
  color: #f9ba46; }

.accent--red {
  color: #f35958; }

.accent--orange {
  color: #f5c50e; }

.accent--gray {
  color: #54585e; }

.accent--lightgray {
  color: #f3f5f6; }

.highlight--red {
  color: #f35958; }

.highlight--green {
  color: #a3d634; }

.status--red {
  color: #f35958; }

.status--green {
  color: #a3d634; }

.status--yellow {
  color: #f9ba46; }

.status--purple {
  color: #a27497; }

.status--blue {
  color: #07aaea; }

.status--dark-blue {
  color: #034a72; }

.status--gray {
  color: #73777c; }

.status--lightgray {
  color: #bdc3c7; }

.status-text--green {
  text-align: left;
  width: 100%; }

.status-text--yellow {
  color: #f35958;
  text-align: left;
  width: 100%; }

.status-text--red {
  color: #f35958;
  font-weight: 600;
  text-align: left;
  width: 100%; }

.delta-alert {
  color: #ff0000; }

.delta {
  display: block;
  font-size: 10px;
  white-space: nowrap; }
  .delta__green {
    color: #177b57; }
  .delta__red {
    color: #ff0000; }
  .delta__gray {
    color: #73777c; }
  .delta__unset-font-size {
    font-size: inherit; }

.status-progress--planned {
  color: #76bcd8; }

.status-progress--running {
  color: #008ac1; }

.status-progress--finished {
  color: #045a8b; }

.gi {
  display: inline-block; }
  .gi::before {
    display: inline-block;
    font-family: GetIcons;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 16px;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    text-decoration: none;
    vertical-align: middle; }
  .gi--transparent {
    color: transparent; }
  .gi--black {
    color: #000; }
  .gi--blue {
    color: #07aaea; }
  .gi--blue-light {
    color: #76bcd8; }
  .gi--blue-dark {
    color: #008ac1; }
  .gi--blue-darker {
    color: #045a8b; }
  .gi--burnt-sienna {
    color: #ec765f; }
  .gi--empty {
    color: #d1dade; }
  .gi--dark-blue {
    color: #034a72; }
  .gi--dark-gray {
    color: #54585e; }
  .gi--fountain-blue {
    color: #53a9a7; }
  .gi--geyser {
    color: #d1dade; }
  .gi--governor-bay {
    color: #333399; }
  .gi--gray {
    color: #73777c; }
  .gi--gray-chateau {
    color: #a5adaf; }
  .gi--grayscale-1 {
    color: #54585e; }
  .gi--grayscale-3 {
    color: #bdc3c7; }
  .gi--grayscale-5 {
    color: #f3f5f6; }
  .gi--primary-1 {
    color: #032945; }
  .gi--primary-2 {
    color: #023456; }
  .gi--primary-3 {
    color: #034a72; }
  .gi--primary-4 {
    color: #008ac1; }
  .gi--primary-5 {
    color: #07aaea; }
  .gi--green-aqua {
    color: #0aa699; }
  .gi--green-dark {
    color: #177b57; }
  .gi--green {
    color: #a3d634; }
  .gi--grey-dark {
    color: #939699; }
  .gi--grey {
    color: #d2d6d9; }
  .gi--grey-light {
    color: #e4eaed; }
  .gi--scampi {
    color: #5d60ab; }
  .gi--kobi {
    color: #eaaecf; }
  .gi--lightgray {
    color: #bdc3c7; }
  .gi--manatee {
    color: #9089a5; }
  .gi--orange {
    color: #f07d00; }
  .gi--orange-peel {
    color: #f09e00; }
  .gi--picton-blue {
    color: #36a7e9; }
  .gi--purple {
    color: #a27497; }
  .gi--red {
    color: #f35958; }
  .gi--red-dark {
    color: #f02a28; }
  .gi--ripe-lemon {
    color: #f5c50e; }
  .gi--tacao {
    color: #edb183; }
  .gi--yellow {
    color: #f9ba46; }
  .gi--yellow-green {
    color: #cccd21; }
  .gi--yellow-red {
    color: #f48f33; }
  .gi--white {
    color: #fff; }
  .gi--wistful {
    color: #a7a4d1; }
  .gi--graph-fountain-blue {
    color: #5bc0be; }
  .gi--graph-seagull {
    color: #82c3e9; }
  .gi--graph-wild-blue-yonder {
    color: #7a7abd; }
  .gi--graph-cosmos {
    color: #ffd6d7; }
  .gi--graph-caper {
    color: #d0eda5; }
  .gi--graph-gray-chateau {
    color: #a5adaf; }
  .gi--x-small::before {
    font-size: 12px !important; }
  .gi--small::before {
    font-size: 16px !important; }
  .gi--large::before, .userpic--small .userpic__icon .gi::before {
    font-size: 24px !important; }
  .gi--x-large::before, .userpic__icon .gi::before {
    font-size: 32px !important; }
  .gi--bordered {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 20px;
    height: 20px;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border: 2px solid;
    border-radius: 5px; }
  .gi--labeled {
    position: relative; }
    .gi--labeled::after {
      content: attr(data-count);
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      min-width: 15px;
      padding: 0 2px;
      background-color: #e61e53;
      box-shadow: 0 0 0 2px #fff;
      border-radius: 15px;
      line-height: 15px;
      font-size: 10px;
      font-weight: 600;
      font-style: normal;
      text-align: center;
      color: #fff;
      box-sizing: border-box; }
  .gi--titled {
    position: relative; }
    .gi--titled::after {
      content: attr(data-title);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: "Open Sans", Roboto, Arial, sans-serif;
      font-size: 9px;
      font-weight: 600;
      font-style: normal;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #bdc3c7; }
  .gi.gi-circular::before {
    font-size: 12px;
    line-height: 16px; }

.gi-maximize,
.gi-minimize {
  cursor: pointer; }

.status-icon-color {
  color: #5a5a5a; }

.big-icon::before {
  font-size: 20px; }

.large-icon::before {
  font-size: 17px; }

.small-icon::before {
  font-size: 10px; }

.accent--orange.small-icon::before {
  vertical-align: top;
  margin-right: 3px; }

.gi-doc-tab::before {
  font-size: 20px !important; }

.gi-suffix {
  position: absolute;
  top: -4px;
  right: -4px; }
  .gi-suffix::before {
    font-size: 8px; }

.action-button .gi::before {
  font-size: 18px; }

.gi.mirrored-icon {
  transform: scaleX(-1); }
  .gi.mirrored-icon::before {
    padding-left: 6px;
    padding-right: 0; }

.gi-stack {
  position: relative;
  display: inline-block; }
  .gi-stack__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .gi-stack__icon--large::before {
      font-size: 2em; }

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
  padding-left: 10px; }
  @media (min-width: 576px) {
    .container {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 1200px) {
    .container {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 1600px) {
    .container {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 1800px) {
    .container {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 576px) {
    .container {
      width: 540px;
      max-width: 100%; } }
  @media (min-width: 1200px) {
    .container {
      width: 1352px;
      max-width: 100%; } }
  @media (min-width: 1600px) {
    .container {
      width: 1568px;
      max-width: 100%; } }
  @media (min-width: 1800px) {
    .container {
      width: 1740px;
      max-width: 100%; } }

.container-fluid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 10px;
  padding-left: 10px; }
  @media (min-width: 576px) {
    .container-fluid {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 1200px) {
    .container-fluid {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 1600px) {
    .container-fluid {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 1800px) {
    .container-fluid {
      padding-right: 10px;
      padding-left: 10px; } }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px; }
  @media (min-width: 576px) {
    .row {
      margin-right: -10px;
      margin-left: -10px; } }
  @media (min-width: 1200px) {
    .row {
      margin-right: -10px;
      margin-left: -10px; } }
  @media (min-width: 1600px) {
    .row {
      margin-right: -10px;
      margin-left: -10px; } }
  @media (min-width: 1800px) {
    .row {
      margin-right: -10px;
      margin-left: -10px; } }

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

.col-1, .row.row--12 .col, .col-2, .row.row--6 .col, .col-3, .row.row--4 .col, .col-4, .row.row--3 .col, .col-5, .col-6, .row.row--2 .col, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .row.row--1 .col, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }
  @media (min-width: 576px) {
    .col-1, .row.row--12 .col, .col-2, .row.row--6 .col, .col-3, .row.row--4 .col, .col-4, .row.row--3 .col, .col-5, .col-6, .row.row--2 .col, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .row.row--1 .col, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 1200px) {
    .col-1, .row.row--12 .col, .col-2, .row.row--6 .col, .col-3, .row.row--4 .col, .col-4, .row.row--3 .col, .col-5, .col-6, .row.row--2 .col, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .row.row--1 .col, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 1600px) {
    .col-1, .row.row--12 .col, .col-2, .row.row--6 .col, .col-3, .row.row--4 .col, .col-4, .row.row--3 .col, .col-5, .col-6, .row.row--2 .col, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .row.row--1 .col, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 10px;
      padding-left: 10px; } }
  @media (min-width: 1800px) {
    .col-1, .row.row--12 .col, .col-2, .row.row--6 .col, .col-3, .row.row--4 .col, .col-4, .row.row--3 .col, .col-5, .col-6, .row.row--2 .col, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .row.row--1 .col, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
      padding-right: 10px;
      padding-left: 10px; } }

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: auto; }

.col-1, .row.row--12 .col {
  -ms-flex: 0 0 8.33333%;
      flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2, .row.row--6 .col {
  -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3, .row.row--4 .col {
  -ms-flex: 0 0 25%;
      flex: 0 0 25%;
  max-width: 25%; }

.col-4, .row.row--3 .col {
  -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -ms-flex: 0 0 41.66667%;
      flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6, .row.row--2 .col {
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -ms-flex: 0 0 58.33333%;
      flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -ms-flex: 0 0 66.66667%;
      flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -ms-flex: 0 0 75%;
      flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -ms-flex: 0 0 83.33333%;
      flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -ms-flex: 0 0 91.66667%;
      flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12, .row.row--1 .col {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  max-width: 100%; }

.pull-0 {
  right: auto; }

.pull-1 {
  right: 8.33333%; }

.pull-2 {
  right: 16.66667%; }

.pull-3 {
  right: 25%; }

.pull-4 {
  right: 33.33333%; }

.pull-5 {
  right: 41.66667%; }

.pull-6 {
  right: 50%; }

.pull-7 {
  right: 58.33333%; }

.pull-8 {
  right: 66.66667%; }

.pull-9 {
  right: 75%; }

.pull-10 {
  right: 83.33333%; }

.pull-11 {
  right: 91.66667%; }

.pull-12 {
  right: 100%; }

.push-0 {
  left: auto; }

.push-1 {
  left: 8.33333%; }

.push-2 {
  left: 16.66667%; }

.push-3 {
  left: 25%; }

.push-4 {
  left: 33.33333%; }

.push-5 {
  left: 41.66667%; }

.push-6 {
  left: 50%; }

.push-7 {
  left: 58.33333%; }

.push-8 {
  left: 66.66667%; }

.push-9 {
  left: 75%; }

.push-10 {
  left: 83.33333%; }

.push-11 {
  left: 91.66667%; }

.push-12 {
  left: 100%; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .pull-sm-0 {
    right: auto; }
  .pull-sm-1 {
    right: 8.33333%; }
  .pull-sm-2 {
    right: 16.66667%; }
  .pull-sm-3 {
    right: 25%; }
  .pull-sm-4 {
    right: 33.33333%; }
  .pull-sm-5 {
    right: 41.66667%; }
  .pull-sm-6 {
    right: 50%; }
  .pull-sm-7 {
    right: 58.33333%; }
  .pull-sm-8 {
    right: 66.66667%; }
  .pull-sm-9 {
    right: 75%; }
  .pull-sm-10 {
    right: 83.33333%; }
  .pull-sm-11 {
    right: 91.66667%; }
  .pull-sm-12 {
    right: 100%; }
  .push-sm-0 {
    left: auto; }
  .push-sm-1 {
    left: 8.33333%; }
  .push-sm-2 {
    left: 16.66667%; }
  .push-sm-3 {
    left: 25%; }
  .push-sm-4 {
    left: 33.33333%; }
  .push-sm-5 {
    left: 41.66667%; }
  .push-sm-6 {
    left: 50%; }
  .push-sm-7 {
    left: 58.33333%; }
  .push-sm-8 {
    left: 66.66667%; }
  .push-sm-9 {
    left: 75%; }
  .push-sm-10 {
    left: 83.33333%; }
  .push-sm-11 {
    left: 91.66667%; }
  .push-sm-12 {
    left: 100%; }
  .offset-sm-0 {
    margin-left: 0%; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .pull-md-0 {
    right: auto; }
  .pull-md-1 {
    right: 8.33333%; }
  .pull-md-2 {
    right: 16.66667%; }
  .pull-md-3 {
    right: 25%; }
  .pull-md-4 {
    right: 33.33333%; }
  .pull-md-5 {
    right: 41.66667%; }
  .pull-md-6 {
    right: 50%; }
  .pull-md-7 {
    right: 58.33333%; }
  .pull-md-8 {
    right: 66.66667%; }
  .pull-md-9 {
    right: 75%; }
  .pull-md-10 {
    right: 83.33333%; }
  .pull-md-11 {
    right: 91.66667%; }
  .pull-md-12 {
    right: 100%; }
  .push-md-0 {
    left: auto; }
  .push-md-1 {
    left: 8.33333%; }
  .push-md-2 {
    left: 16.66667%; }
  .push-md-3 {
    left: 25%; }
  .push-md-4 {
    left: 33.33333%; }
  .push-md-5 {
    left: 41.66667%; }
  .push-md-6 {
    left: 50%; }
  .push-md-7 {
    left: 58.33333%; }
  .push-md-8 {
    left: 66.66667%; }
  .push-md-9 {
    left: 75%; }
  .push-md-10 {
    left: 83.33333%; }
  .push-md-11 {
    left: 91.66667%; }
  .push-md-12 {
    left: 100%; }
  .offset-md-0 {
    margin-left: 0%; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1600px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .pull-lg-0 {
    right: auto; }
  .pull-lg-1 {
    right: 8.33333%; }
  .pull-lg-2 {
    right: 16.66667%; }
  .pull-lg-3 {
    right: 25%; }
  .pull-lg-4 {
    right: 33.33333%; }
  .pull-lg-5 {
    right: 41.66667%; }
  .pull-lg-6 {
    right: 50%; }
  .pull-lg-7 {
    right: 58.33333%; }
  .pull-lg-8 {
    right: 66.66667%; }
  .pull-lg-9 {
    right: 75%; }
  .pull-lg-10 {
    right: 83.33333%; }
  .pull-lg-11 {
    right: 91.66667%; }
  .pull-lg-12 {
    right: 100%; }
  .push-lg-0 {
    left: auto; }
  .push-lg-1 {
    left: 8.33333%; }
  .push-lg-2 {
    left: 16.66667%; }
  .push-lg-3 {
    left: 25%; }
  .push-lg-4 {
    left: 33.33333%; }
  .push-lg-5 {
    left: 41.66667%; }
  .push-lg-6 {
    left: 50%; }
  .push-lg-7 {
    left: 58.33333%; }
  .push-lg-8 {
    left: 66.66667%; }
  .push-lg-9 {
    left: 75%; }
  .push-lg-10 {
    left: 83.33333%; }
  .push-lg-11 {
    left: 91.66667%; }
  .push-lg-12 {
    left: 100%; }
  .offset-lg-0 {
    margin-left: 0%; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1800px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
        flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    max-width: 100%; }
  .pull-xl-0 {
    right: auto; }
  .pull-xl-1 {
    right: 8.33333%; }
  .pull-xl-2 {
    right: 16.66667%; }
  .pull-xl-3 {
    right: 25%; }
  .pull-xl-4 {
    right: 33.33333%; }
  .pull-xl-5 {
    right: 41.66667%; }
  .pull-xl-6 {
    right: 50%; }
  .pull-xl-7 {
    right: 58.33333%; }
  .pull-xl-8 {
    right: 66.66667%; }
  .pull-xl-9 {
    right: 75%; }
  .pull-xl-10 {
    right: 83.33333%; }
  .pull-xl-11 {
    right: 91.66667%; }
  .pull-xl-12 {
    right: 100%; }
  .push-xl-0 {
    left: auto; }
  .push-xl-1 {
    left: 8.33333%; }
  .push-xl-2 {
    left: 16.66667%; }
  .push-xl-3 {
    left: 25%; }
  .push-xl-4 {
    left: 33.33333%; }
  .push-xl-5 {
    left: 41.66667%; }
  .push-xl-6 {
    left: 50%; }
  .push-xl-7 {
    left: 58.33333%; }
  .push-xl-8 {
    left: 66.66667%; }
  .push-xl-9 {
    left: 75%; }
  .push-xl-10 {
    left: 83.33333%; }
  .push-xl-11 {
    left: 91.66667%; }
  .push-xl-12 {
    left: 100%; }
  .offset-xl-0 {
    margin-left: 0%; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.v-flex-start {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start; }

.h-flex-start {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start; }

.v-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.h-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.v-flex-end {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }

.h-flex-end {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.grid > .row:not(:last-of-type) {
  margin-bottom: 20px; }

@media (max-width: 1199px) {
  .grid .col-sm-12:not(:last-of-type) {
    margin-bottom: 20px; } }

.row:hover.row--draggable::after {
  display: block; }

.row--droppable .col {
  background: rgba(7, 170, 234, 0.2);
  box-shadow: 0 0 0 2px #fff inset;
  cursor: pointer; }
  .row--droppable .col:hover {
    background: rgba(7, 170, 234, 0.5); }

.row--droppable .widget:last-of-type {
  margin-bottom: 20px; }

.row--basic {
  margin-right: 0 !important;
  margin-left: 0 !important; }
  .row--basic > .col,
  .row--basic > [class^='col-'],
  .row--basic > [class*=' col-'] {
    padding: 0; }

.row--fixed {
  overflow-x: auto;
  overflow-y: hidden;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0; }
  .row--fixed > .col,
  .row--fixed > [class^='col-'],
  .row--fixed > [class*=' col-'] {
    width: 240px;
    -ms-flex: 0 0 240px;
        flex: 0 0 240px; }

.row--condensed > .col,
.row--condensed > [class^='col-'],
.row--condensed > [class*=' col-'] {
  margin: 5px 0; }

.row--full-height {
  height: 100%; }
  .row--full-height > [class^='col-'],
  .row--full-height > [class*=' col-'],
  .row--full-height .ajax-block,
  .row--full-height .preloader-container {
    height: 100%; }

.row--bordered > [class^='col-']:not(:last-child),
.row--bordered > [class*=' col-']:not(:last-child) {
  padding: 0px 20px 0px 10px;
  border-right: 1px solid #ccc; }

.row--bordered > [class^='col-']:not(:first-child),
.row--bordered > [class*=' col-']:not(:first-child) {
  padding-left: 20px; }

.row.row-grid {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin: -10px; }
  .row.row-grid > .col,
  .row.row-grid > [class^='col-'],
  .row.row-grid > [class*=' col-'] {
    margin: 10px 0; }
  .row.row-grid .grid-element {
    margin: 20px 0; }

.col--indented {
  margin-bottom: 10px; }

.col--raised {
  z-index: 1; }

.col--with-break {
  margin-left: 15px; }

.col .horizontal-gutter {
  height: 100%;
  /*padding-bottom: $base-margin;*/ }
  .col .horizontal-gutter .ajax-block {
    height: 100%; }

/*TODO---------DEPRECATED---------*/
.form-col-1 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 6.66667%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-1:last-child {
    margin-right: 0; }

.form-col-2 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 15.15152%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-2:last-child {
    margin-right: 0; }

.form-col-3 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 23.63636%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-3:last-child {
    margin-right: 0; }

.form-col-4 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 32.12121%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-4:last-child {
    margin-right: 0; }

.form-col-5 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 40.60606%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-5:last-child {
    margin-right: 0; }

.form-col-6 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 49.09091%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-6:last-child {
    margin-right: 0; }

.form-col-7 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 57.57576%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-7:last-child {
    margin-right: 0; }

.form-col-8 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 66.06061%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-8:last-child {
    margin-right: 0; }

.form-col-9 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 74.54545%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-9:last-child {
    margin-right: 0; }

.form-col-10 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 83.0303%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-10:last-child {
    margin-right: 0; }

.form-col-11 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 91.51515%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-11:last-child {
    margin-right: 0; }

.form-col-12 {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px; }
  .form-col-12:last-child {
    margin-right: 0; }

.one-third {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 32.12121%;
  min-width: 147px; }
  .one-third:last-child {
    margin-right: 0; }

.clearfix::after {
  display: block;
  content: "";
  clear: both; }

.manage-views__header {
  display: block;
  margin-bottom: 5px;
  font-size: 13px; }

.manage-views__columns {
  display: -ms-flexbox;
  display: flex; }

.manage-views__column {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: calc(50% - 36px);
  vertical-align: middle; }
  .manage-views__column:first-child {
    margin-right: 20px; }
  .manage-views__column:last-child {
    margin-left: 20px; }
  .manage-views__column select {
    display: block;
    width: calc(100% - 1px);
    height: 159px; }

.manage-views__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 20px 10px 0 10px; }
  .manage-views__controls:last-child {
    padding-right: 0; }

.risk-matrix {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top; }
  .risk-matrix__axis, .risk-matrix__axis-x, .risk-matrix__axis-y {
    padding: 0; }
    .risk-matrix__axis-y {
      transform: rotate(-90deg); }
  .risk-matrix__table {
    padding: 0; }

.risk-legend {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top; }
  .risk-legend ul {
    margin: 0;
    list-style: none;
    padding: 0; }
    .risk-legend ul li {
      padding: 5px 0; }
  .risk-legend strong {
    text-transform: uppercase;
    font-family: "Open Sans", Roboto, Arial, sans-serif;
    font-size: 13px; }

.risks--matrix--medium td,
.matrix--medium td {
  height: 40px; }

.risks--matrix .label,
.matrix .label {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .risks--matrix .label .capacity_count--thin,
  .matrix .label .capacity_count--thin {
    font-weight: 400; }

.risks--matrix .capacity_count--thin,
.matrix .capacity_count--thin {
  font-weight: 400; }

.risks--matrix--small {
  border-spacing: 2px;
  border-collapse: separate;
  line-height: 2;
  width: 100%; }
  .risks--matrix--small tr.theader td,
  .risks--matrix--small tr:hover.theader td {
    padding: 0;
    width: 0;
    height: 0;
    min-height: 0;
    line-height: 1.5; }
  .risks--matrix--small tr:hover td,
  .risks--matrix--small td {
    position: relative;
    min-width: 70px;
    height: 35px;
    white-space: nowrap;
    text-align: center; }
    .risks--matrix--small tr:hover td.theader,
    .risks--matrix--small td.theader {
      padding: 0;
      width: 10px;
      min-width: 10px; }
      .risks--matrix--small tr:hover td.theader.theader--left,
      .risks--matrix--small td.theader.theader--left {
        text-align: right;
        padding: 0 5px; }
  .risks--matrix--small .risks--low {
    background-color: #177b57; }
    .risks--matrix--small .risks--low:hover {
      background-color: #1fa675; }
    .risks--matrix--small .risks--low--legend {
      color: #177b57; }
  .risks--matrix--small .risks--low-med {
    background-color: #a3d634; }
    .risks--matrix--small .risks--low-med:hover {
      background-color: #b6df5e; }
    .risks--matrix--small .risks--low-med--legend {
      color: #a3d634; }
  .risks--matrix--small .risks--med {
    background-color: #f9ba46; }
    .risks--matrix--small .risks--med:hover {
      background-color: #fbcc77; }
    .risks--matrix--small .risks--med--legend {
      color: #f9ba46; }
  .risks--matrix--small .risks--med-high {
    background-color: #f07d00; }
    .risks--matrix--small .risks--med-high:hover {
      background-color: #ff9624; }
    .risks--matrix--small .risks--med-high--legend {
      color: #f07d00; }
  .risks--matrix--small .risks--high {
    background-color: #f02a28; }
    .risks--matrix--small .risks--high:hover {
      background-color: #f35958; }
    .risks--matrix--small .risks--high--legend {
      color: #f02a28; }
  .risks--matrix--small .cell-value {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 2.2;
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.47);
    color: #54585e;
    outline: none; }
    .risks--matrix--small .cell-value:hover {
      text-decoration: none; }
    .risks--matrix--small .cell-value .basic_tooltip {
      line-height: 1.2;
      text-align: left;
      font-weight: 400; }
    .risks--matrix--small .cell-value .view_button--active {
      font-weight: 600; }

.tabs {
  width: 100%;
  background: #d1dade; }
  [data-theme="classic"] .tabs__caption--links {
    white-space: nowrap;
    border-bottom: 0;
    text-align: left;
    font-size: inherit; }
    [data-theme="classic"] .tabs__caption--links .tabs__tab {
      margin: 0 15px 0 0;
      padding: 0 0 5px 0;
      background-color: transparent;
      border: 0;
      border-radius: 0;
      color: #000;
      font-size: 11px;
      font-weight: 600;
      line-height: 1.2;
      text-transform: none; }
      [data-theme="classic"] .tabs__caption--links .tabs__tab.active {
        background-color: transparent;
        border-bottom: 2px solid #00af99;
        color: #00af99; }
      [data-theme="classic"] .tabs__caption--links .tabs__tab:not(.active):hover {
        border-bottom: 2px solid #a8a8a8; }
      [data-theme="classic"] .tabs__caption--links .tabs__tab .tab__title {
        color: #000; }
      [data-theme="classic"] .tabs__caption--links .tabs__tab .tab__count {
        color: #a8a8a8;
        margin-left: 5px; }
  .tabs--transparent {
    background-color: transparent; }
  .tabs--inside.tabs__caption {
    margin: 0; }
  .tabs--outside .tabs__content {
    padding-top: 0; }
  .tabs--outside.tabs__caption {
    margin: 0;
    padding-right: 0; }
    .tabs--outside.tabs__caption:not(:last-child) {
      margin: 0 20px 0 0; }
    .tabs--outside.tabs__caption .tabs__item {
      padding: 2px; }
  .tabs--pills {
    display: inline-block;
    width: auto;
    border: none;
    background-color: transparent; }
    .tabs--pills.tabs__caption {
      border: 0; }
      .tabs--pills.tabs__caption .tabs__item.active {
        border: 1px solid #d1dade; }
    .tabs--pills .tabs__item {
      border: 1px solid #d1dade; }
      .tabs--pills .tabs__item:first-child {
        border-radius: 5px 0 0 5px; }
      .tabs--pills .tabs__item:last-child {
        border-radius: 0 5px 5px 0; }
      .tabs--pills .tabs__item .active {
        border: 1px solid #d1dade;
        background-color: #fff; }
  .tabs_inner {
    clear: both;
    padding-top: 20px; }
    .tabs_inner .tabs_panel {
      padding: 0;
      padding-top: 20px; }
  .tabs__caption {
    list-style: none;
    margin: 0 -20px;
    padding: 0;
    text-align: right;
    border-bottom: 1px solid #d1dade;
    font-size: 0;
    padding-right: 20px; }
    .tabs__caption--left {
      padding: 0 20px;
      text-align: left; }
    .tabs__caption--links {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      overflow-y: hidden;
      overflow-x: auto;
      list-style: none;
      margin: 0 20px 16px 20px;
      padding: 0;
      border: none; }
      .tabs__caption--links .tabs__tab {
        display: -ms-flexbox;
        display: flex;
        border: none;
        padding: 0;
        margin: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        text-transform: uppercase;
        color: #bdc3c7;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        background-color: transparent; }
        .tabs__caption--links .tabs__tab.active {
          color: #222325; }
        .tabs__caption--links .tabs__tab:not(.active):hover {
          cursor: pointer;
          opacity: 0.7; }
        .tabs__caption--links .tabs__tab:not(:last-child) {
          margin-right: 24px; }
        .tabs__caption--links .tabs__tab .tab__count {
          margin-left: 10px; }
    .tabs__caption li {
      display: inline-block;
      vertical-align: top;
      border: 1px solid #d1dade;
      border-radius: 5px 5px 0 0;
      cursor: pointer;
      padding: 10px;
      color: #73777c;
      background-color: #f3f5f6;
      margin-bottom: -1px;
      /* to cover the ul border */
      margin-right: -1px;
      /* to avoud double border */ }
      .tabs__caption li i:before {
        font-size: 22px;
        /* as designed */ }
      .tabs__caption li.active {
        background-color: #fff;
        border-bottom-color: #fff; }
  .tabs__content {
    display: none;
    padding-top: 20px; }
    .tabs__content.active {
      display: block; }

ul.tabs-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.tabs-list::after {
    display: block;
    content: "";
    clear: both; }
  ul.tabs-list li {
    display: block;
    float: left; }
    ul.tabs-list li a {
      padding: 10px;
      display: block;
      line-height: 1.5; }
      ul.tabs-list li a span {
        display: block;
        font-size: 13px; }
      ul.tabs-list li a.tabdisable, ul.tabs-list li a.required_tabdisable {
        background: #d1dade;
        color: #54585e; }
      ul.tabs-list li a.tabselect, ul.tabs-list li a.required_tabselect {
        background: #fff; }

/* Begin Tabs */
a.tabdisable:link,
a.tabdisable:visited {
  color: #666666;
  text-decoration: none; }

a.tabselect:link,
a.tabselect:visited {
  color: #000;
  text-decoration: none; }

a.tabdisable:hover {
  color: #000;
  text-decoration: none; }

a.required_tabselect:link,
a.required_tabselect:visited,
a.required_tabselect:hover {
  color: Black;
  text-align: left;
  text-decoration: none;
  background: url(/etc/star.gif) no-repeat left;
  padding-right: 10px;
  padding-left: 10px; }

a.required_tabdisable:link,
a.required_tabdisable:visited {
  color: #177b57;
  text-align: left;
  text-decoration: none;
  background: url(/etc/star.gif) no-repeat left;
  padding-right: 10px;
  padding-left: 10px; }

a.required_tabdisable:hover {
  color: #e60000;
  text-align: left;
  text-decoration: none;
  background: url(/etc/star.gif) no-repeat left;
  padding-right: 10px;
  padding-left: 10px; }

.tabs_panel {
  padding: 20px;
  min-width: 100%;
  height: 100%;
  background: #fff;
  padding-top: 25px; }
  .tabs_panel::after {
    display: block;
    content: "";
    clear: both; }

/* End Tabs */
.tabs-menu {
  width: 150px;
  float: left;
  background-color: #d1dade; }
  .tabs-menu a, .tabs-menu a:visited {
    display: block;
    width: 100%;
    padding: 20px;
    text-decoration: none;
    color: #54585e; }
  .tabs-menu a:hover, .tabs-menu a:focus {
    outline: none;
    color: #242628; }
  .tabs-menu a.active {
    background-color: #fff;
    color: #242628; }

.tabs_inner .tabs .tabs-list {
  background-color: #fff;
  border-bottom: 1px solid #d1dade;
  margin: 0;
  margin-right: -20px;
  margin-left: -20px;
  padding: 0 20px; }
  .tabs_inner .tabs .tabs-list li a.tabselect,
  .tabs_inner .tabs .tabs-list li a.tabdisable {
    top: 1px;
    position: relative;
    color: #008ac1; }
  .tabs_inner .tabs .tabs-list li a.tabselect {
    border: 1px solid #d1dade;
    border-radius: 5px 5px 0 0;
    border-bottom: #fff; }
  .tabs_inner .tabs .tabs-list li a.tabdisable {
    background-color: #fff; }

/*TODO: maybe unnecessary styles
*/
.tab__scroll-area {
  overflow-y: auto;
  -ms-flex: 1 1 0px;
      flex: 1 1 0; }

.tab__content {
  display: none; }
  .tab__content.active {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }

.btn-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 20px; }
  .btn-container:last-child {
    margin-right: 0; }
  .btn-container--vertical {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .btn-container--vertical .btn, .btn-container--vertical .ui-datepicker .ui-datepicker-current, .ui-datepicker .btn-container--vertical .ui-datepicker-current {
      margin-bottom: 5px; }
      .btn-container--vertical .btn:not(:last-of-type), .btn-container--vertical .ui-datepicker .ui-datepicker-current:not(:last-of-type), .ui-datepicker .btn-container--vertical .ui-datepicker-current:not(:last-of-type) {
        margin-right: 0; }
  .btn-container--with-vertical-gap > .btn, .ui-datepicker .btn-container--with-vertical-gap > .ui-datepicker-current,
  .btn-container--with-vertical-gap > .btn-group,
  .btn-container--with-vertical-gap > .btn-container {
    margin-top: 5px;
    margin-bottom: 5px; }

.btn-group {
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  vertical-align: middle;
  font-size: 0; }
  .btn-group:last-child {
    margin: 0; }
  .btn-group > .btn, .ui-datepicker .btn-group > .ui-datepicker-current {
    margin: 0; }
    .btn-group > .btn:first-child, .ui-datepicker .btn-group > .ui-datepicker-current:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .btn-group > .btn:last-child, .ui-datepicker .btn-group > .ui-datepicker-current:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .btn-group > .btn:not(:first-child), .ui-datepicker .btn-group > .ui-datepicker-current:not(:first-child) {
      border-left: 0; }
    .btn-group > .btn:not(:last-child), .ui-datepicker .btn-group > .ui-datepicker-current:not(:last-child) {
      margin: 0; }

.btn, .ui-datepicker .ui-datepicker-current,
a.btn,
.ui-datepicker a.ui-datepicker-current {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 28px;
  margin: 0 20px 0 0;
  padding: 0 9px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
  vertical-align: middle;
  line-height: 1;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer; }
  .btn:link, .ui-datepicker .ui-datepicker-current:link, .btn:hover, .ui-datepicker .ui-datepicker-current:hover, .btn:active, .ui-datepicker .ui-datepicker-current:active, .btn:visited, .ui-datepicker .ui-datepicker-current:visited,
  a.btn:link,
  .ui-datepicker a.ui-datepicker-current:link,
  a.btn:hover,
  .ui-datepicker a.ui-datepicker-current:hover,
  a.btn:active,
  .ui-datepicker a.ui-datepicker-current:active,
  a.btn:visited,
  .ui-datepicker a.ui-datepicker-current:visited {
    color: #73777c;
    text-decoration: none;
    outline: none; }
  .btn:active, .ui-datepicker .ui-datepicker-current:active,
  a.btn:active,
  .ui-datepicker a.ui-datepicker-current:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3); }
  .btn:last-of-type, .ui-datepicker .ui-datepicker-current:last-of-type,
  a.btn:last-of-type,
  .ui-datepicker a.ui-datepicker-current:last-of-type {
    margin-right: 0; }
  .btn:last-of-type + .btn-group, .ui-datepicker .ui-datepicker-current:last-of-type + .btn-group,
  a.btn:last-of-type + .btn-group,
  .ui-datepicker a.ui-datepicker-current:last-of-type + .btn-group {
    margin-left: 20px; }
  .btn:focus, .ui-datepicker .ui-datepicker-current:focus,
  a.btn:focus,
  .ui-datepicker a.ui-datepicker-current:focus {
    outline: none; }
  .btn--block,
  a.btn--block {
    width: 100%; }
  .btn--wide,
  a.btn--wide {
    min-width: 120px; }
  .btn--basic,
  a.btn--basic {
    height: auto;
    margin: 0 5px 0 0;
    padding: 0;
    border: none;
    background-color: transparent !important;
    color: #54585e; }
    .btn--basic:active, .btn--basic:focus,
    a.btn--basic:active,
    a.btn--basic:focus {
      box-shadow: none !important; }
    .btn--basic:hover,
    a.btn--basic:hover {
      color: #008ac1; }
    .btn--basic.btn--disabled, .btn--basic.btn--disabled:link, .btn--basic.btn--disabled:hover, .btn--basic.btn--disabled:active, .btn--basic.btn--disabled:visited, .btn--basic.btn--red, .btn--basic.btn--red:link, .btn--basic.btn--red:hover, .btn--basic.btn--red:active, .btn--basic.btn--red:visited, .btn--basic.btn--blue, .ui-datepicker .btn--basic.ui-datepicker-current, .btn--basic.btn--blue:link, .ui-datepicker .btn--basic.ui-datepicker-current:link, .btn--basic.btn--blue:hover, .ui-datepicker .btn--basic.ui-datepicker-current:hover, .btn--basic.btn--blue:active, .ui-datepicker .btn--basic.ui-datepicker-current:active, .btn--basic.btn--blue:visited, .ui-datepicker .btn--basic.ui-datepicker-current:visited,
    a.btn--basic.btn--disabled,
    a.btn--basic.btn--disabled:link,
    a.btn--basic.btn--disabled:hover,
    a.btn--basic.btn--disabled:active,
    a.btn--basic.btn--disabled:visited,
    a.btn--basic.btn--red,
    a.btn--basic.btn--red:link,
    a.btn--basic.btn--red:hover,
    a.btn--basic.btn--red:active,
    a.btn--basic.btn--red:visited,
    a.btn--basic.btn--blue,
    .ui-datepicker a.btn--basic.ui-datepicker-current,
    a.btn--basic.btn--blue:link,
    .ui-datepicker a.btn--basic.ui-datepicker-current:link,
    a.btn--basic.btn--blue:hover,
    .ui-datepicker a.btn--basic.ui-datepicker-current:hover,
    a.btn--basic.btn--blue:active,
    .ui-datepicker a.btn--basic.ui-datepicker-current:active,
    a.btn--basic.btn--blue:visited,
    .ui-datepicker a.btn--basic.ui-datepicker-current:visited {
      background: transparent;
      border-color: transparent; }
      .btn--basic.btn--disabled .gi::before, .btn--basic.btn--disabled:link .gi::before, .btn--basic.btn--disabled:hover .gi::before, .btn--basic.btn--disabled:active .gi::before, .btn--basic.btn--disabled:visited .gi::before, .btn--basic.btn--red .gi::before, .btn--basic.btn--red:link .gi::before, .btn--basic.btn--red:hover .gi::before, .btn--basic.btn--red:active .gi::before, .btn--basic.btn--red:visited .gi::before, .btn--basic.btn--blue .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current .gi::before, .btn--basic.btn--blue:link .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current:link .gi::before, .btn--basic.btn--blue:hover .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current:hover .gi::before, .btn--basic.btn--blue:active .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current:active .gi::before, .btn--basic.btn--blue:visited .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current:visited .gi::before,
      a.btn--basic.btn--disabled .gi::before,
      a.btn--basic.btn--disabled:link .gi::before,
      a.btn--basic.btn--disabled:hover .gi::before,
      a.btn--basic.btn--disabled:active .gi::before,
      a.btn--basic.btn--disabled:visited .gi::before,
      a.btn--basic.btn--red .gi::before,
      a.btn--basic.btn--red:link .gi::before,
      a.btn--basic.btn--red:hover .gi::before,
      a.btn--basic.btn--red:active .gi::before,
      a.btn--basic.btn--red:visited .gi::before,
      a.btn--basic.btn--blue .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current .gi::before,
      a.btn--basic.btn--blue:link .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current:link .gi::before,
      a.btn--basic.btn--blue:hover .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current:hover .gi::before,
      a.btn--basic.btn--blue:active .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current:active .gi::before,
      a.btn--basic.btn--blue:visited .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current:visited .gi::before {
        color: #d1dade; }
    .btn--basic.btn--red, .btn--basic.btn--red:link, .btn--basic.btn--red:hover, .btn--basic.btn--red:active, .btn--basic.btn--red:visited,
    a.btn--basic.btn--red,
    a.btn--basic.btn--red:link,
    a.btn--basic.btn--red:hover,
    a.btn--basic.btn--red:active,
    a.btn--basic.btn--red:visited {
      color: #f35958; }
      .btn--basic.btn--red .gi::before, .btn--basic.btn--red:link .gi::before, .btn--basic.btn--red:hover .gi::before, .btn--basic.btn--red:active .gi::before, .btn--basic.btn--red:visited .gi::before,
      a.btn--basic.btn--red .gi::before,
      a.btn--basic.btn--red:link .gi::before,
      a.btn--basic.btn--red:hover .gi::before,
      a.btn--basic.btn--red:active .gi::before,
      a.btn--basic.btn--red:visited .gi::before {
        color: #f35958; }
    .btn--basic.btn--blue, .ui-datepicker .btn--basic.ui-datepicker-current, .btn--basic.btn--blue:link, .ui-datepicker .btn--basic.ui-datepicker-current:link, .btn--basic.btn--blue:hover, .ui-datepicker .btn--basic.ui-datepicker-current:hover, .btn--basic.btn--blue:active, .ui-datepicker .btn--basic.ui-datepicker-current:active, .btn--basic.btn--blue:visited, .ui-datepicker .btn--basic.ui-datepicker-current:visited,
    a.btn--basic.btn--blue,
    .ui-datepicker a.btn--basic.ui-datepicker-current,
    a.btn--basic.btn--blue:link,
    .ui-datepicker a.btn--basic.ui-datepicker-current:link,
    a.btn--basic.btn--blue:hover,
    .ui-datepicker a.btn--basic.ui-datepicker-current:hover,
    a.btn--basic.btn--blue:active,
    .ui-datepicker a.btn--basic.ui-datepicker-current:active,
    a.btn--basic.btn--blue:visited,
    .ui-datepicker a.btn--basic.ui-datepicker-current:visited {
      color: #07aaea; }
      .btn--basic.btn--blue .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current .gi::before, .btn--basic.btn--blue:link .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current:link .gi::before, .btn--basic.btn--blue:hover .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current:hover .gi::before, .btn--basic.btn--blue:active .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current:active .gi::before, .btn--basic.btn--blue:visited .gi::before, .ui-datepicker .btn--basic.ui-datepicker-current:visited .gi::before,
      a.btn--basic.btn--blue .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current .gi::before,
      a.btn--basic.btn--blue:link .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current:link .gi::before,
      a.btn--basic.btn--blue:hover .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current:hover .gi::before,
      a.btn--basic.btn--blue:active .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current:active .gi::before,
      a.btn--basic.btn--blue:visited .gi::before,
      .ui-datepicker a.btn--basic.ui-datepicker-current:visited .gi::before {
        color: #07aaea; }
  .btn--small, .ui-datepicker .ui-datepicker-current,
  a.btn--small,
  .ui-datepicker a.ui-datepicker-current {
    height: 24px;
    padding: 0 10px; }
    .btn--small:not(:last-of-type), .ui-datepicker .ui-datepicker-current:not(:last-of-type),
    a.btn--small:not(:last-of-type),
    .ui-datepicker a.ui-datepicker-current:not(:last-of-type) {
      margin: 0 10px 0 0; }
  .btn--large,
  a.btn--large {
    min-width: 36px;
    height: 36px;
    padding: 0 20px; }
    .btn--large .gi::before,
    a.btn--large .gi::before {
      font-size: 18px; }
  .btn--link, .ui-datepicker .ui-datepicker-current,
  a.btn--link,
  .ui-datepicker a.ui-datepicker-current {
    margin-right: 10px;
    background-color: #fff;
    text-transform: inherit; }
    .btn--link:active, .ui-datepicker .ui-datepicker-current:active,
    a.btn--link:active,
    .ui-datepicker a.ui-datepicker-current:active {
      box-shadow: none; }
  .btn--toggle:hover, .btn--toggle:active,
  a.btn--toggle:hover,
  a.btn--toggle:active {
    background-color: transparent;
    border: 1px solid #bdc3c7; }
  .btn--toggle.btn--red, .btn--toggle.btn--red:link, .btn--toggle.btn--red:visited,
  a.btn--toggle.btn--red,
  a.btn--toggle.btn--red:link,
  a.btn--toggle.btn--red:visited {
    background-color: transparent;
    border-color: transparent;
    color: #f35958; }
  .btn--toggle.btn--red:hover, .btn--toggle.btn--red:active,
  a.btn--toggle.btn--red:hover,
  a.btn--toggle.btn--red:active {
    background-color: transparent;
    border-color: #f35958; }
  .btn--toggle:not(.btn--outline).btn--blue, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline), .btn--toggle:not(.btn--outline).btn--blue:link, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline):link, .btn--toggle:not(.btn--outline).btn--blue:visited, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline):visited,
  a.btn--toggle:not(.btn--outline).btn--blue,
  .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline),
  a.btn--toggle:not(.btn--outline).btn--blue:link,
  .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline):link,
  a.btn--toggle:not(.btn--outline).btn--blue:visited,
  .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline):visited {
    background-color: #fff;
    border-color: #fff;
    color: #07aaea; }
  .btn--toggle:not(.btn--outline).btn--blue:hover, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline):hover, .btn--toggle:not(.btn--outline).btn--blue:active, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline):active,
  a.btn--toggle:not(.btn--outline).btn--blue:hover,
  .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline):hover,
  a.btn--toggle:not(.btn--outline).btn--blue:active,
  .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline):active {
    border-color: #07aaea; }
  .btn--toggle:not(.btn--outline).btn--blue.btn--disabled, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled,
  a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled,
  .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled {
    font-weight: 400;
    cursor: default; }
    .btn--toggle:not(.btn--outline).btn--blue.btn--disabled, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled, .btn--toggle:not(.btn--outline).btn--blue.btn--disabled:link, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled:link, .btn--toggle:not(.btn--outline).btn--blue.btn--disabled:hover, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled:hover, .btn--toggle:not(.btn--outline).btn--blue.btn--disabled:active, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled:active, .btn--toggle:not(.btn--outline).btn--blue.btn--disabled:visited, .ui-datepicker .btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled:visited,
    a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled,
    .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled,
    a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled:link,
    .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled:link,
    a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled:hover,
    .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled:hover,
    a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled:active,
    .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled:active,
    a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled:visited,
    .ui-datepicker a.btn--toggle.ui-datepicker-current:not(.btn--outline).btn--disabled:visited {
      background-color: transparent;
      border-color: #d1dade;
      color: #d1dade; }
  .btn--outline, .ui-datepicker .ui-datepicker-current,
  a.btn--outline,
  .ui-datepicker a.ui-datepicker-current {
    background-color: transparent;
    border-color: #bdc3c7; }
    .btn--outline:hover, .ui-datepicker .ui-datepicker-current:hover, .btn--outline:active, .ui-datepicker .ui-datepicker-current:active,
    a.btn--outline:hover,
    .ui-datepicker a.ui-datepicker-current:hover,
    a.btn--outline:active,
    .ui-datepicker a.ui-datepicker-current:active {
      border-color: #73777c; }
    .btn--outline.btn--disabled, .ui-datepicker .btn--disabled.ui-datepicker-current,
    a.btn--outline.btn--disabled,
    .ui-datepicker a.btn--disabled.ui-datepicker-current {
      font-weight: 400;
      cursor: default; }
      .btn--outline.btn--disabled, .ui-datepicker .btn--disabled.ui-datepicker-current, .btn--outline.btn--disabled:link, .ui-datepicker .btn--disabled.ui-datepicker-current:link, .btn--outline.btn--disabled:hover, .ui-datepicker .btn--disabled.ui-datepicker-current:hover, .btn--outline.btn--disabled:active, .ui-datepicker .btn--disabled.ui-datepicker-current:active, .btn--outline.btn--disabled:visited, .ui-datepicker .btn--disabled.ui-datepicker-current:visited,
      a.btn--outline.btn--disabled,
      .ui-datepicker a.btn--disabled.ui-datepicker-current,
      a.btn--outline.btn--disabled:link,
      .ui-datepicker a.btn--disabled.ui-datepicker-current:link,
      a.btn--outline.btn--disabled:hover,
      .ui-datepicker a.btn--disabled.ui-datepicker-current:hover,
      a.btn--outline.btn--disabled:active,
      .ui-datepicker a.btn--disabled.ui-datepicker-current:active,
      a.btn--outline.btn--disabled:visited,
      .ui-datepicker a.btn--disabled.ui-datepicker-current:visited {
        background-color: transparent;
        border-color: #d1dade;
        color: #d1dade; }
    .btn--outline.btn--blue, .ui-datepicker .ui-datepicker-current, .btn--outline.btn--blue:link, .ui-datepicker .ui-datepicker-current:link, .btn--outline.btn--blue:hover, .ui-datepicker .ui-datepicker-current:hover, .btn--outline.btn--blue:active, .ui-datepicker .ui-datepicker-current:active, .btn--outline.btn--blue:visited, .ui-datepicker .ui-datepicker-current:visited,
    a.btn--outline.btn--blue,
    .ui-datepicker a.ui-datepicker-current,
    a.btn--outline.btn--blue:link,
    .ui-datepicker a.ui-datepicker-current:link,
    a.btn--outline.btn--blue:hover,
    .ui-datepicker a.ui-datepicker-current:hover,
    a.btn--outline.btn--blue:active,
    .ui-datepicker a.ui-datepicker-current:active,
    a.btn--outline.btn--blue:visited,
    .ui-datepicker a.ui-datepicker-current:visited {
      background-color: transparent;
      color: #07aaea;
      border-color: #07aaea; }
    .btn--outline.btn--blue:hover, .ui-datepicker .ui-datepicker-current:hover,
    a.btn--outline.btn--blue:hover,
    .ui-datepicker a.ui-datepicker-current:hover {
      opacity: 0.7; }
    .btn--outline.btn--red, .ui-datepicker .btn--red.ui-datepicker-current, .btn--outline.btn--red:link, .ui-datepicker .btn--red.ui-datepicker-current:link, .btn--outline.btn--red:hover, .ui-datepicker .btn--red.ui-datepicker-current:hover, .btn--outline.btn--red:active, .ui-datepicker .btn--red.ui-datepicker-current:active, .btn--outline.btn--red:visited, .ui-datepicker .btn--red.ui-datepicker-current:visited,
    a.btn--outline.btn--red,
    .ui-datepicker a.btn--red.ui-datepicker-current,
    a.btn--outline.btn--red:link,
    .ui-datepicker a.btn--red.ui-datepicker-current:link,
    a.btn--outline.btn--red:hover,
    .ui-datepicker a.btn--red.ui-datepicker-current:hover,
    a.btn--outline.btn--red:active,
    .ui-datepicker a.btn--red.ui-datepicker-current:active,
    a.btn--outline.btn--red:visited,
    .ui-datepicker a.btn--red.ui-datepicker-current:visited {
      background-color: transparent;
      color: #f35958;
      border-color: #f35958; }
    .btn--outline.btn--red:hover, .ui-datepicker .btn--red.ui-datepicker-current:hover,
    a.btn--outline.btn--red:hover,
    .ui-datepicker a.btn--red.ui-datepicker-current:hover {
      opacity: 0.7; }
  .btn--pressed,
  a.btn--pressed {
    background-color: #f3f5f6;
    border-color: transparent; }
  .btn--blue:link, .ui-datepicker .ui-datepicker-current:link, .btn--blue:visited, .ui-datepicker .ui-datepicker-current:visited,
  a.btn--blue:link,
  .ui-datepicker a.ui-datepicker-current:link,
  a.btn--blue:visited,
  .ui-datepicker a.ui-datepicker-current:visited {
    background-color: #07aaea;
    border-color: #07aaea;
    color: #fff; }
  .btn--blue:hover, .ui-datepicker .ui-datepicker-current:hover, .btn--blue:active, .ui-datepicker .ui-datepicker-current:active,
  a.btn--blue:hover,
  .ui-datepicker a.ui-datepicker-current:hover,
  a.btn--blue:active,
  .ui-datepicker a.ui-datepicker-current:active {
    background-color: #0686b8;
    border-color: #0686b8; }
  .btn--green:link, .btn--green:visited,
  a.btn--green:link,
  a.btn--green:visited {
    background-color: #a3d634;
    border-color: #a3d634;
    color: #fff; }
  .btn--green:hover, .btn--green:active,
  a.btn--green:hover,
  a.btn--green:active {
    background-color: #86b324;
    border-color: #86b324; }
  .btn--red:link, .btn--red:visited,
  a.btn--red:link,
  a.btn--red:visited {
    background-color: #f35958;
    border-color: #f35958;
    color: #fff; }
  .btn--red:hover, .btn--red:active,
  a.btn--red:hover,
  a.btn--red:active {
    background-color: #f02a28;
    border-color: #f02a28; }
  .btn--inherit-color:link, .btn--inherit-color:visited,
  a.btn--inherit-color:link,
  a.btn--inherit-color:visited {
    color: inherit; }
  .btn--transparent, .btn--transparent:link, .btn--transparent:hover, .btn--transparent:active, .btn--transparent:visited,
  a.btn--transparent,
  a.btn--transparent:link,
  a.btn--transparent:hover,
  a.btn--transparent:active,
  a.btn--transparent:visited {
    background-color: transparent;
    border-color: transparent; }
  .btn--transparent:hover, .btn--transparent:active,
  a.btn--transparent:hover,
  a.btn--transparent:active {
    opacity: 0.7;
    color: #3c3f43; }
  .btn--transparent.btn--blue, .ui-datepicker .btn--transparent.ui-datepicker-current, .btn--transparent.btn--blue:link, .ui-datepicker .btn--transparent.ui-datepicker-current:link, .btn--transparent.btn--blue:hover, .ui-datepicker .btn--transparent.ui-datepicker-current:hover, .btn--transparent.btn--blue:active, .ui-datepicker .btn--transparent.ui-datepicker-current:active, .btn--transparent.btn--blue:visited, .ui-datepicker .btn--transparent.ui-datepicker-current:visited,
  a.btn--transparent.btn--blue,
  .ui-datepicker a.btn--transparent.ui-datepicker-current,
  a.btn--transparent.btn--blue:link,
  .ui-datepicker a.btn--transparent.ui-datepicker-current:link,
  a.btn--transparent.btn--blue:hover,
  .ui-datepicker a.btn--transparent.ui-datepicker-current:hover,
  a.btn--transparent.btn--blue:active,
  .ui-datepicker a.btn--transparent.ui-datepicker-current:active,
  a.btn--transparent.btn--blue:visited,
  .ui-datepicker a.btn--transparent.ui-datepicker-current:visited {
    color: #07aaea; }
  .btn--transparent.btn--red, .btn--transparent.btn--red:link, .btn--transparent.btn--red:hover, .btn--transparent.btn--red:active, .btn--transparent.btn--red:visited,
  a.btn--transparent.btn--red,
  a.btn--transparent.btn--red:link,
  a.btn--transparent.btn--red:hover,
  a.btn--transparent.btn--red:active,
  a.btn--transparent.btn--red:visited {
    color: #f35958; }
  .btn--to-right,
  a.btn--to-right {
    position: absolute;
    right: 0;
    top: 0; }
  .btn--floating,
  a.btn--floating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: #d1dade;
    border: none;
    border-radius: 0;
    cursor: pointer;
    outline: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms;
    pointer-events: none; }
  .btn--disabled,
  a.btn--disabled {
    font-weight: 600; }
    .btn--disabled, .btn--disabled:link, .btn--disabled:hover, .btn--disabled:active, .btn--disabled:visited,
    a.btn--disabled,
    a.btn--disabled:link,
    a.btn--disabled:hover,
    a.btn--disabled:active,
    a.btn--disabled:visited {
      background-color: #d1dade;
      border-color: #d1dade;
      color: #fff;
      cursor: default;
      pointer-events: none; }
    .btn--disabled:active,
    a.btn--disabled:active {
      box-shadow: none; }
    .btn--disabled.view_button,
    a.btn--disabled.view_button {
      background-color: #fff;
      color: #07aaea;
      font-weight: 300;
      cursor: pointer; }
  .btn--loading,
  a.btn--loading {
    pointer-events: none; }
    .btn--loading::before,
    a.btn--loading::before {
      content: '\E0C8';
      position: absolute;
      font-family: 'getIcons';
      font-size: 20px;
      -webkit-animation: spin 2s infinite linear;
              animation: spin 2s infinite linear; }
    .btn--loading .btn__icon,
    .btn--loading .btn__title,
    a.btn--loading .btn__icon,
    a.btn--loading .btn__title {
      visibility: hidden; }
  .btn--icon,
  a.btn--icon {
    padding: 0; }
    .btn--icon:not(:last-of-type),
    a.btn--icon:not(:last-of-type) {
      margin-right: 10px; }
    .btn--icon .gi::before,
    a.btn--icon .gi::before {
      font-size: 18px;
      line-height: normal; }
  .btn--icon-small .gi::before,
  a.btn--icon-small .gi::before {
    font-size: 16px !important; }
  .btn.view_button, .ui-datepicker .view_button.ui-datepicker-current,
  a.btn.view_button,
  .ui-datepicker a.view_button.ui-datepicker-current {
    text-transform: none; }
    .btn.view_button:link, .ui-datepicker .view_button.ui-datepicker-current:link, .btn.view_button:hover, .ui-datepicker .view_button.ui-datepicker-current:hover, .btn.view_button:active, .ui-datepicker .view_button.ui-datepicker-current:active, .btn.view_button:visited, .ui-datepicker .view_button.ui-datepicker-current:visited,
    a.btn.view_button:link,
    .ui-datepicker a.view_button.ui-datepicker-current:link,
    a.btn.view_button:hover,
    .ui-datepicker a.view_button.ui-datepicker-current:hover,
    a.btn.view_button:active,
    .ui-datepicker a.view_button.ui-datepicker-current:active,
    a.btn.view_button:visited,
    .ui-datepicker a.view_button.ui-datepicker-current:visited {
      background-color: #fff; }
  .btn__title,
  a.btn__title {
    pointer-events: none; }
  .btn__icon,
  a.btn__icon {
    pointer-events: none; }
    .btn__icon:first-child,
    a.btn__icon:first-child {
      margin-right: 5px; }
    .btn__icon:last-child,
    a.btn__icon:last-child {
      margin-left: 5px; }

/**
 * Deprecated
 */
.buttonsAlign {
  text-align: left;
  margin: 20px 0 0 0;
  font-size: 0px; }
  .buttonsAlign--right {
    text-align: right; }
  .buttonsAlign--center {
    text-align: center; }
  .buttonsAlign--on-top {
    margin-top: 0; }
  .buttonsAlign--block {
    margin-bottom: -10px; }
    .buttonsAlign--block .button, .buttonsAlign--block .button--light, .buttonsAlign--block .button_disable,
    .buttonsAlign--block .secondary_button {
      margin: 0 10px 10px 10px; }
  .buttonsAlign--left-block {
    margin-top: 0; }
    .buttonsAlign--left-block .button, .buttonsAlign--left-block .button--light, .buttonsAlign--left-block .button_disable,
    .buttonsAlign--left-block .secondary_button,
    .buttonsAlign--left-block .button_disable {
      margin: 0 20px 0 0; }
  .buttonsAlign:not(.buttonsAlign--block):not(.buttonsAlign--left-block) .button:not(:first-child), .buttonsAlign:not(.buttonsAlign--block):not(.buttonsAlign--left-block) .button--light:not(:first-child), .buttonsAlign:not(.buttonsAlign--block):not(.buttonsAlign--left-block) .button_disable:not(:first-child),
  .buttonsAlign:not(.buttonsAlign--block):not(.buttonsAlign--left-block) .secondary_button:not(:first-child) {
    margin-left: 20px; }
  .buttonsAlign > .inline-block ~ .inline-block, .table_toolbar .buttonsAlign > .left-toolbar ~ .inline-block, .table_toolbar .buttonsAlign > .right-toolbar ~ .inline-block, .panel_toolbar .buttonsAlign > .left-toolbar ~ .inline-block, .panel_toolbar .buttonsAlign > .right-toolbar ~ .inline-block, .table_toolbar .buttonsAlign > .inline-block ~ .left-toolbar, .table_toolbar .buttonsAlign > .left-toolbar ~ .left-toolbar, .table_toolbar .buttonsAlign > .right-toolbar ~ .left-toolbar,
  .table_toolbar .buttonsAlign > .inline-block ~ .right-toolbar,
  .table_toolbar .buttonsAlign > .left-toolbar ~ .right-toolbar,
  .table_toolbar .buttonsAlign > .right-toolbar ~ .right-toolbar, .panel_toolbar .buttonsAlign > .inline-block ~ .left-toolbar, .panel_toolbar .buttonsAlign > .left-toolbar ~ .left-toolbar, .panel_toolbar .buttonsAlign > .right-toolbar ~ .left-toolbar,
  .panel_toolbar .buttonsAlign > .inline-block ~ .right-toolbar,
  .panel_toolbar .buttonsAlign > .left-toolbar ~ .right-toolbar,
  .panel_toolbar .buttonsAlign > .right-toolbar ~ .right-toolbar {
    margin-left: 20px; }

.buttons-container {
  margin: 10px; }
  .buttons-container::after {
    display: block;
    content: "";
    clear: both; }

a.global-button--create {
  background-color: #a3d634;
  border-color: #a3d634;
  color: #fff; }
  a.global-button--create:hover {
    border-color: #86b324;
    background-color: #86b324; }

a.secondary {
  color: #54585e; }

.buttons_optional {
  margin-bottom: 20px;
  font-size: 0; }
  .buttons_optional .secondary:first-child {
    margin-left: 0; }

a.global-button--create, .secondary, .secondary_button, .secondary_icon-button, .button, .button--light, .button_disable {
  display: inline-block;
  min-width: 118px;
  padding: 8px 20px;
  border-radius: 4px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  text-transform: uppercase; }
  a.global-button--create i::before, .secondary i::before, .secondary_button i::before, .secondary_icon-button i::before, .button i::before, .button--light i::before, .button_disable i::before {
    font-size: 18px;
    padding-right: 6px; }
  a.global-button--create:hover, .secondary:hover, .secondary_button:hover, .secondary_icon-button:hover, .button:hover, .button--light:hover, .button_disable:hover {
    text-decoration: none; }
  a.global-button--create:active, .secondary:active, .secondary_button:active, .secondary_icon-button:active, .button:active, .button--light:active, .button_disable:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
    outline: 0; }

a.global-button--create, .secondary, .secondary_button, .secondary_icon-button {
  color: #54585e;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  vertical-align: bottom;
  height: 36px; }
  a.global-button--create:hover, .secondary:hover, .secondary_button:hover, .secondary_icon-button:hover {
    border-color: #54585e; }

.secondary_button.filter-button {
  border-color: #54585e; }

.secondary_button--small {
  height: auto;
  padding: 4px 10px; }

.secondary_button--icon-large {
  padding-top: 3px;
  padding-bottom: 3px; }
  .secondary_button--icon-large .gi::before {
    font-size: 27px; }

a.secondary_button {
  color: #54585e; }

.secondary_icon-button {
  min-width: 36px;
  padding: 8px;
  font-family: Roboto, Arial, sans-serif; }
  .secondary_icon-button i::before {
    padding: 0;
    color: #54585e; }
  .secondary_icon-button--thin {
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 80px;
    height: auto;
    padding: 4px 10px;
    border-color: #54585e; }
    .secondary_icon-button--thin i {
      padding-right: 4px; }

.button, .button--light, .button_disable, .button:link, .button--light:link, .button_disable:link, .button:visited, .button--light:visited, .button_disable:visited {
  font-size: 12px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 600;
  color: #fff;
  background-color: #07aaea;
  border: 1px solid #07aaea;
  vertical-align: bottom; }

.button:hover, .button--light:hover, .button_disable:hover {
  background-color: #008ac1;
  border-color: #008ac1; }

.button--light, .button--light:link, .button--light:visited {
  font-weight: 400; }

.button--small {
  height: auto;
  padding: 4px 10px; }

.buttoninput {
  padding: 1px 4px 1px 4px;
  line-height: 1.2; }

.button i.gi-traffic-light + span + i::before, .button--light i.gi-traffic-light + span + i::before, .button_disable i.gi-traffic-light + span + i::before {
  padding-right: 0;
  padding-left: 6px; }

.button img, .button--light img, .button_disable img {
  vertical-align: top; }

.button_disable, .button_disable:link, .button_disable:visited {
  background-color: #d1dade;
  border: 1px solid #d1dade;
  color: #fff;
  cursor: default; }

.button_disable:hover {
  background-color: #d1dade;
  border: 1px solid #d1dade;
  text-decoration: none;
  cursor: default; }

.button_disable:active {
  box-shadow: none; }

.button_disable img {
  vertical-align: top; }

.button_disable_view, .button_disable_view:link, .button_disable_view:visited {
  color: #54585e;
  font-weight: normal;
  text-decoration: underline; }

.button_disable_view:hover {
  color: #d1dade; }

.view_button i::before,
.view_button--active i::before {
  font-size: 16px; }

.view_button,
.legend-button.view_button {
  color: #07aaea !important;
  border-color: transparent;
  padding: 3px 10px;
  height: 24px;
  min-width: 0;
  text-transform: none; }
  .view_button:hover,
  .legend-button.view_button:hover {
    border-color: #07aaea; }
  .view_button--active,
  .legend-button.view_button--active {
    border-color: #07aaea; }

.view-form {
  margin-top: 1px;
  color: #000; }
  .view-form--ellipsis {
    overflow: hidden;
    text-overflow: ellipsis; }

.form {
  font-size: 11px;
  font-family: Roboto, Arial, sans-serif;
  color: #000;
  margin: 1px 0;
  padding: 1px 2px 2px 1px;
  box-sizing: border-box;
  border: 1px solid #000; }

select.form {
  padding-left: 3px; }

input.form {
  min-height: 19px; }
  input.form[type="checkbox"] {
    border: 0; }
  input.form[type="file"] {
    height: auto; }

.helptext {
  margin: 6px 0;
  font-size: 11px; }
  .helptext.grey {
    color: #999; }
  .helptext--small {
    margin: 0;
    font-size: 10px;
    color: #999; }
  .helptext--green {
    color: #a3d634 !important; }
  .helptext--red {
    color: #f35958 !important; }

.form-input-group input {
  display: inline;
  float: left; }

.form-input-group label {
  display: block; }

.form-input-group span {
  display: block; }

.form-group label {
  margin-bottom: 16px; }

.form-input-value {
  position: relative; }
  .form-input-value--mandatory > label:not([data-required-text])::after,
  .form-input-value--mandatory .form-input-value__label:not([data-required-text])::after {
    content: "\E040";
    margin: 0;
    font-family: "getIcons";
    font-size: 9px;
    font-style: normal;
    color: #f35958;
    vertical-align: top; }
  .form-input-value--mandatory [data-required-text]::after {
    content: attr(data-required-text);
    margin: 0 0 0 6px;
    font-size: 11px;
    font-style: italic;
    color: #008ac1;
    vertical-align: initial; }
  .form-input-value--blue:not(.value--error) input[type="text"]:not(.select2-input):not(.datepicker-input):not([disabled]),
  .form-input-value--blue:not(.value--error) input[type="password"],
  .form-input-value--blue:not(.value--error) textarea,
  .form-input-value--blue:not(.value--error) .select2-choice,
  .form-input-value--blue:not(.value--error) .select2-choices {
    border: 1px solid #008ac1; }
    .form-input-value--blue:not(.value--error) input[type="text"]:not(.select2-input):not(.datepicker-input):not([disabled]):hover, .form-input-value--blue:not(.value--error) input[type="text"]:not(.select2-input):not(.datepicker-input):not([disabled]):focus,
    .form-input-value--blue:not(.value--error) input[type="password"]:hover,
    .form-input-value--blue:not(.value--error) input[type="password"]:focus,
    .form-input-value--blue:not(.value--error) textarea:hover,
    .form-input-value--blue:not(.value--error) textarea:focus,
    .form-input-value--blue:not(.value--error) .select2-choice:hover,
    .form-input-value--blue:not(.value--error) .select2-choice:focus,
    .form-input-value--blue:not(.value--error) .select2-choices:hover,
    .form-input-value--blue:not(.value--error) .select2-choices:focus {
      border: 1px solid #008ac1; }
  .form-input-value--blue:not(.value--error) .form-input-date:not(.value--error) input[type="text"].datepicker-input, .form-input-value--blue:not(.value--error) .form-input-date-value:not(.value--error) input[type="text"].datepicker-input {
    border: 1px solid #008ac1;
    border-right: 0; }
  .form-input-value--blue .form-input-date .input-button-datepicker, .form-input-value--blue .form-input-date-value .input-button-datepicker {
    border: 1px solid #008ac1;
    border-left-color: #ccc; }
  .form-input-value--blue .checkbox-group input[type=radio] + label::before {
    box-shadow: 0 0 0 1px #008ac1; }

.form-input-date, .form-input-date-value,
.form-input-readonly,
.form-input-value,
.form-group {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 49.09091%; }
  .form-input-date:last-child, .form-input-date-value:last-child,
  .form-input-readonly:last-child,
  .form-input-value:last-child,
  .form-group:last-child {
    margin-right: 0; }
  .form-input-date:nth-of-type(2n), .form-input-date-value:nth-of-type(2n),
  .form-input-readonly:nth-of-type(2n),
  .form-input-value:nth-of-type(2n),
  .form-group:nth-of-type(2n) {
    margin-right: 0; }
  .form-input-date:nth-of-type(2n+1), .form-input-date-value:nth-of-type(2n+1),
  .form-input-readonly:nth-of-type(2n+1),
  .form-input-value:nth-of-type(2n+1),
  .form-group:nth-of-type(2n+1) {
    clear: left; }
  .form-input-date::after, .form-input-date-value::after,
  .form-input-readonly::after,
  .form-input-value::after,
  .form-group::after {
    display: block;
    content: "";
    clear: both; }
  .form-input-date.value--error input[type="email"], .value--error.form-input-date-value input[type="email"], .form-input-date.value--error input[type="number"], .value--error.form-input-date-value input[type="number"], .form-input-date.value--error input[type="password"], .value--error.form-input-date-value input[type="password"], .form-input-date.value--error input[type="search"], .value--error.form-input-date-value input[type="search"], .form-input-date.value--error input[type="tel"], .value--error.form-input-date-value input[type="tel"], .form-input-date.value--error input[type="text"], .value--error.form-input-date-value input[type="text"], .form-input-date.value--error input[type="url"], .value--error.form-input-date-value input[type="url"], .form-input-date.value--error input[type="datetime"], .value--error.form-input-date-value input[type="datetime"], .form-input-date.value--error input[type="datetime-local"], .value--error.form-input-date-value input[type="datetime-local"], .form-input-date.value--error input[type="month"], .value--error.form-input-date-value input[type="month"], .form-input-date.value--error input[type="time"], .value--error.form-input-date-value input[type="time"], .form-input-date.value--error input[type="week"], .value--error.form-input-date-value input[type="week"],
  .form-input-date.value--error textarea,
  .value--error.form-input-date-value textarea,
  .form-input-date.value--error .select2-choice,
  .value--error.form-input-date-value .select2-choice,
  .form-input-date.value--error .select2-choices,
  .value--error.form-input-date-value .select2-choices,
  .form-input-readonly.value--error input[type="email"],
  .form-input-readonly.value--error input[type="number"],
  .form-input-readonly.value--error input[type="password"],
  .form-input-readonly.value--error input[type="search"],
  .form-input-readonly.value--error input[type="tel"],
  .form-input-readonly.value--error input[type="text"],
  .form-input-readonly.value--error input[type="url"],
  .form-input-readonly.value--error input[type="datetime"],
  .form-input-readonly.value--error input[type="datetime-local"],
  .form-input-readonly.value--error input[type="month"],
  .form-input-readonly.value--error input[type="time"],
  .form-input-readonly.value--error input[type="week"],
  .form-input-readonly.value--error textarea,
  .form-input-readonly.value--error .select2-choice,
  .form-input-readonly.value--error .select2-choices,
  .form-input-value.value--error input[type="email"],
  .form-input-value.value--error input[type="number"],
  .form-input-value.value--error input[type="password"],
  .form-input-value.value--error input[type="search"],
  .form-input-value.value--error input[type="tel"],
  .form-input-value.value--error input[type="text"],
  .form-input-value.value--error input[type="url"],
  .form-input-value.value--error input[type="datetime"],
  .form-input-value.value--error input[type="datetime-local"],
  .form-input-value.value--error input[type="month"],
  .form-input-value.value--error input[type="time"],
  .form-input-value.value--error input[type="week"],
  .form-input-value.value--error textarea,
  .form-input-value.value--error .select2-choice,
  .form-input-value.value--error .select2-choices,
  .form-group.value--error input[type="email"],
  .form-group.value--error input[type="number"],
  .form-group.value--error input[type="password"],
  .form-group.value--error input[type="search"],
  .form-group.value--error input[type="tel"],
  .form-group.value--error input[type="text"],
  .form-group.value--error input[type="url"],
  .form-group.value--error input[type="datetime"],
  .form-group.value--error input[type="datetime-local"],
  .form-group.value--error input[type="month"],
  .form-group.value--error input[type="time"],
  .form-group.value--error input[type="week"],
  .form-group.value--error textarea,
  .form-group.value--error .select2-choice,
  .form-group.value--error .select2-choices {
    border: 1px solid #f35958; }
  .form-input-date.value--error input[type="text"].datepicker-input, .value--error.form-input-date-value input[type="text"].datepicker-input,
  .form-input-readonly.value--error input[type="text"].datepicker-input,
  .form-input-value.value--error input[type="text"].datepicker-input,
  .form-group.value--error input[type="text"].datepicker-input {
    border-right: 0; }
    .form-input-date.value--error input[type="text"].datepicker-input:hover + .input-button-datepicker, .value--error.form-input-date-value input[type="text"].datepicker-input:hover + .input-button-datepicker, .form-input-date.value--error input[type="text"].datepicker-input:focus + .input-button-datepicker, .value--error.form-input-date-value input[type="text"].datepicker-input:focus + .input-button-datepicker,
    .form-input-readonly.value--error input[type="text"].datepicker-input:hover + .input-button-datepicker,
    .form-input-readonly.value--error input[type="text"].datepicker-input:focus + .input-button-datepicker,
    .form-input-value.value--error input[type="text"].datepicker-input:hover + .input-button-datepicker,
    .form-input-value.value--error input[type="text"].datepicker-input:focus + .input-button-datepicker,
    .form-group.value--error input[type="text"].datepicker-input:hover + .input-button-datepicker,
    .form-group.value--error input[type="text"].datepicker-input:focus + .input-button-datepicker {
      border: 1px solid #bdc3c7;
      border-left-color: #ccc; }
  .form-input-date.value--error .input-button-datepicker, .value--error.form-input-date-value .input-button-datepicker,
  .form-input-readonly.value--error .input-button-datepicker,
  .form-input-value.value--error .input-button-datepicker,
  .form-group.value--error .input-button-datepicker {
    border: 1px solid #f35958;
    border-left-color: #ccc; }
  .form-input-date.value--error .checkbox-group input[type=radio] + label::before, .value--error.form-input-date-value .checkbox-group input[type=radio] + label::before,
  .form-input-readonly.value--error .checkbox-group input[type=radio] + label::before,
  .form-input-value.value--error .checkbox-group input[type=radio] + label::before,
  .form-group.value--error .checkbox-group input[type=radio] + label::before {
    box-shadow: 0 0 0 1px #f35958; }
  .form-input-date > label, .form-input-date-value > label, .form-input-date .form-input-value__label, .form-input-date-value .form-input-value__label,
  .form-input-readonly > label,
  .form-input-readonly .form-input-value__label,
  .form-input-value > label,
  .form-input-value .form-input-value__label,
  .form-group > label,
  .form-group .form-input-value__label {
    font-size: 13px;
    width: 100%;
    margin-bottom: 6px;
    display: block;
    line-height: normal;
    text-transform: none; }
    .form-input-date > label.fixed_width, .form-input-date-value > label.fixed_width, .form-input-date .form-input-value__label.fixed_width, .form-input-date-value .form-input-value__label.fixed_width,
    .form-input-readonly > label.fixed_width,
    .form-input-readonly .form-input-value__label.fixed_width,
    .form-input-value > label.fixed_width,
    .form-input-value .form-input-value__label.fixed_width,
    .form-group > label.fixed_width,
    .form-group .form-input-value__label.fixed_width {
      width: 130px; }
    .form-input-date > label i.basic_tooltip--parent.gi-info-round::before, .form-input-date-value > label i.basic_tooltip--parent.gi-info-round::before, .form-input-date .form-input-value__label i.basic_tooltip--parent.gi-info-round::before, .form-input-date-value .form-input-value__label i.basic_tooltip--parent.gi-info-round::before,
    .form-input-readonly > label i.basic_tooltip--parent.gi-info-round::before,
    .form-input-readonly .form-input-value__label i.basic_tooltip--parent.gi-info-round::before,
    .form-input-value > label i.basic_tooltip--parent.gi-info-round::before,
    .form-input-value .form-input-value__label i.basic_tooltip--parent.gi-info-round::before,
    .form-group > label i.basic_tooltip--parent.gi-info-round::before,
    .form-group .form-input-value__label i.basic_tooltip--parent.gi-info-round::before {
      font-size: 17px; }
    .form-input-date > label i.basic_tooltip--parent.gi-info-round.pull-right::before, .form-input-date-value > label i.basic_tooltip--parent.gi-info-round.pull-right::before, .form-input-date .form-input-value__label i.basic_tooltip--parent.gi-info-round.pull-right::before, .form-input-date-value .form-input-value__label i.basic_tooltip--parent.gi-info-round.pull-right::before,
    .form-input-readonly > label i.basic_tooltip--parent.gi-info-round.pull-right::before,
    .form-input-readonly .form-input-value__label i.basic_tooltip--parent.gi-info-round.pull-right::before,
    .form-input-value > label i.basic_tooltip--parent.gi-info-round.pull-right::before,
    .form-input-value .form-input-value__label i.basic_tooltip--parent.gi-info-round.pull-right::before,
    .form-group > label i.basic_tooltip--parent.gi-info-round.pull-right::before,
    .form-group .form-input-value__label i.basic_tooltip--parent.gi-info-round.pull-right::before {
      font-size: 17px; }
  .form-input-date input, .form-input-date-value input,
  .form-input-date textarea,
  .form-input-date-value textarea,
  .form-input-readonly input,
  .form-input-readonly textarea,
  .form-input-value input,
  .form-input-value textarea,
  .form-group input,
  .form-group textarea {
    width: 100%;
    padding: 10px;
    display: block; }
  
  .form-input-date textarea,
  .form-input-date-value textarea,
  .form-input-readonly textarea,
  .form-input-value textarea,
  .form-group textarea {
    resize: vertical; }
  .form-input-date span.hiddentext, .form-input-date-value span.hiddentext,
  .form-input-readonly span.hiddentext,
  .form-input-value span.hiddentext,
  .form-group span.hiddentext {
    display: none; }
  .form-input-date span.helptext, .form-input-date-value span.helptext,
  .form-input-readonly span.helptext,
  .form-input-value span.helptext,
  .form-group span.helptext {
    width: 100%;
    display: inherit; }
  .form-input-date .select2-container, .form-input-date-value .select2-container,
  .form-input-readonly .select2-container,
  .form-input-value .select2-container,
  .form-group .select2-container {
    width: 100%; }
  .form-input-date.column1of3, .column1of3.form-input-date-value,
  .form-input-readonly.column1of3,
  .form-input-value.column1of3,
  .form-group.column1of3 {
    float: left;
    display: block;
    margin-right: 1.81818%;
    width: 32.12121%; }
    .form-input-date.column1of3:last-child, .column1of3.form-input-date-value:last-child,
    .form-input-readonly.column1of3:last-child,
    .form-input-value.column1of3:last-child,
    .form-group.column1of3:last-child {
      margin-right: 0; }
  .form-input-date.column2of3, .column2of3.form-input-date-value,
  .form-input-readonly.column2of3,
  .form-input-value.column2of3,
  .form-group.column2of3 {
    float: left;
    display: block;
    margin-right: 1.81818%;
    width: 66.06061%; }
    .form-input-date.column2of3:last-child, .column2of3.form-input-date-value:last-child,
    .form-input-readonly.column2of3:last-child,
    .form-input-value.column2of3:last-child,
    .form-group.column2of3:last-child {
      margin-right: 0; }

.form-input-value,
.form-group {
  margin-bottom: 20px; }
  .form-input-value.form-col-1-of-ten,
  .form-group.form-col-1-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 8.0292%; }
    .form-input-value.form-col-1-of-ten:last-child,
    .form-group.form-col-1-of-ten:last-child {
      margin-right: 0; }
  .form-input-value.form-col-2-of-ten,
  .form-group.form-col-2-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 18.24818%; }
    .form-input-value.form-col-2-of-ten:last-child,
    .form-group.form-col-2-of-ten:last-child {
      margin-right: 0; }
  .form-input-value.form-col-3-of-ten,
  .form-group.form-col-3-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 28.46715%; }
    .form-input-value.form-col-3-of-ten:last-child,
    .form-group.form-col-3-of-ten:last-child {
      margin-right: 0; }
  .form-input-value.form-col-4-of-ten,
  .form-group.form-col-4-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 38.68613%; }
    .form-input-value.form-col-4-of-ten:last-child,
    .form-group.form-col-4-of-ten:last-child {
      margin-right: 0; }
  .form-input-value.form-col-5-of-ten,
  .form-group.form-col-5-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 48.90511%; }
    .form-input-value.form-col-5-of-ten:last-child,
    .form-group.form-col-5-of-ten:last-child {
      margin-right: 0; }
  .form-input-value.form-col-6-of-ten,
  .form-group.form-col-6-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 59.12409%; }
    .form-input-value.form-col-6-of-ten:last-child,
    .form-group.form-col-6-of-ten:last-child {
      margin-right: 0; }
  .form-input-value.form-col-7-of-ten,
  .form-group.form-col-7-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 69.34307%; }
    .form-input-value.form-col-7-of-ten:last-child,
    .form-group.form-col-7-of-ten:last-child {
      margin-right: 0; }
  .form-input-value.form-col-8-of-ten,
  .form-group.form-col-8-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 79.56204%; }
    .form-input-value.form-col-8-of-ten:last-child,
    .form-group.form-col-8-of-ten:last-child {
      margin-right: 0; }
  .form-input-value.form-col-9-of-ten,
  .form-group.form-col-9-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 89.78102%; }
    .form-input-value.form-col-9-of-ten:last-child,
    .form-group.form-col-9-of-ten:last-child {
      margin-right: 0; }
  .form-input-value.form-col-10-of-ten,
  .form-group.form-col-10-of-ten {
    float: left;
    display: block;
    margin-right: 2.18978%;
    width: 100%; }
    .form-input-value.form-col-10-of-ten:last-child,
    .form-group.form-col-10-of-ten:last-child {
      margin-right: 0; }
  .form-input-value--no-indent,
  .form-group--no-indent {
    margin: 0; }
  .form-input-value.next-inverse + .form-input-value,
  .form-input-value.next-inverse + .form-group,
  .form-group.next-inverse + .form-input-value,
  .form-group.next-inverse + .form-group {
    margin-right: 1.81818%; }
    .form-input-value.next-inverse + .form-input-value + .form-input-value,
    .form-input-value.next-inverse + .form-input-value + .form-group,
    .form-input-value.next-inverse + .form-group + .form-input-value,
    .form-input-value.next-inverse + .form-group + .form-group,
    .form-group.next-inverse + .form-input-value + .form-input-value,
    .form-group.next-inverse + .form-input-value + .form-group,
    .form-group.next-inverse + .form-group + .form-input-value,
    .form-group.next-inverse + .form-group + .form-group {
      clear: none; }
  .form-input-value .valuetext,
  .form-group .valuetext {
    display: table-cell;
    height: 36px;
    vertical-align: middle; }
    .form-input-value .valuetext--view,
    .form-group .valuetext--view {
      height: auto; }

.form-input-with-button {
  position: relative;
  min-height: 36px; }
  .form-input-with-button .select2-group {
    padding-right: 36px; }

.form-input-row-1:last-of-type .form-input-value:last-of-type,
.popup-body.form-input-row-1:last-of-type .form-input-value:last-of-type {
  margin-bottom: 0; }

.form-input-row-1 .form-input-value,
.form-input-row-1 .form-group,
.form-input-row-1 .form-input-readonly,
.popup-body.form-input-row-1 .form-input-value,
.popup-body.form-input-row-1 .form-group,
.popup-body.form-input-row-1 .form-input-readonly {
  float: none;
  display: block;
  margin-right: 0;
  width: 100%; }

.form-input-row-2 > .row {
  float: left;
  margin-right: 1.81818%;
  width: 49.09091%;
  margin-left: 0; }
  .form-input-row-2 > .row:last-child {
    margin-right: 0; }
  .form-input-row-2 > .row > .col:first-child {
    padding-left: 0; }
  .form-input-row-2 > .row > .col:last-child {
    padding-right: 0; }

.form-input-row-3 .form-input-value:not(.form-col),
.form-input-row-3 .form-group:not(.form-col),
.form-input-row-3 .form-input-readonly:not(.form-col),
.popup-body.form-input-row-3 .form-input-value:not(.form-col),
.popup-body.form-input-row-3 .form-group:not(.form-col),
.popup-body.form-input-row-3 .form-input-readonly:not(.form-col) {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 32.12121%; }
  .form-input-row-3 .form-input-value:not(.form-col):last-child,
  .form-input-row-3 .form-group:not(.form-col):last-child,
  .form-input-row-3 .form-input-readonly:not(.form-col):last-child,
  .popup-body.form-input-row-3 .form-input-value:not(.form-col):last-child,
  .popup-body.form-input-row-3 .form-group:not(.form-col):last-child,
  .popup-body.form-input-row-3 .form-input-readonly:not(.form-col):last-child {
    margin-right: 0; }

.form-input-row-3 .form-input-value:nth-of-type(3n),
.form-input-row-3 .form-group:nth-of-type(3n),
.form-input-row-3 .form-input-readonly:nth-of-type(3n),
.popup-body.form-input-row-3 .form-input-value:nth-of-type(3n),
.popup-body.form-input-row-3 .form-group:nth-of-type(3n),
.popup-body.form-input-row-3 .form-input-readonly:nth-of-type(3n) {
  margin-right: 0; }

.form-input-row-3 .form-input-value:nth-of-type(2n+1),
.form-input-row-3 .form-group:nth-of-type(2n+1),
.form-input-row-3 .form-input-readonly:nth-of-type(2n+1),
.popup-body.form-input-row-3 .form-input-value:nth-of-type(2n+1),
.popup-body.form-input-row-3 .form-group:nth-of-type(2n+1),
.popup-body.form-input-row-3 .form-input-readonly:nth-of-type(2n+1) {
  clear: none; }

.form-input-row-4 .form-input-value:not(.form-col),
.form-input-row-4 .form-group:not(.form-col),
.form-input-row-4 .form-input-readonly:not(.form-col),
.popup-body.form-input-row-4 .form-input-value:not(.form-col),
.popup-body.form-input-row-4 .form-group:not(.form-col),
.popup-body.form-input-row-4 .form-input-readonly:not(.form-col) {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 23.63636%; }
  .form-input-row-4 .form-input-value:not(.form-col):last-child,
  .form-input-row-4 .form-group:not(.form-col):last-child,
  .form-input-row-4 .form-input-readonly:not(.form-col):last-child,
  .popup-body.form-input-row-4 .form-input-value:not(.form-col):last-child,
  .popup-body.form-input-row-4 .form-group:not(.form-col):last-child,
  .popup-body.form-input-row-4 .form-input-readonly:not(.form-col):last-child {
    margin-right: 0; }

.form-input-row-4 .form-input-value:nth-of-type(4n),
.form-input-row-4 .form-group:nth-of-type(4n),
.form-input-row-4 .form-input-readonly:nth-of-type(4n),
.popup-body.form-input-row-4 .form-input-value:nth-of-type(4n),
.popup-body.form-input-row-4 .form-group:nth-of-type(4n),
.popup-body.form-input-row-4 .form-input-readonly:nth-of-type(4n) {
  margin-right: 0; }

.form-input-row-4 .form-input-value:nth-of-type(2n+1),
.form-input-row-4 .form-group:nth-of-type(2n+1),
.form-input-row-4 .form-input-readonly:nth-of-type(2n+1),
.popup-body.form-input-row-4 .form-input-value:nth-of-type(2n+1),
.popup-body.form-input-row-4 .form-group:nth-of-type(2n+1),
.popup-body.form-input-row-4 .form-input-readonly:nth-of-type(2n+1) {
  clear: none; }

.form-input-row-6 .form-input-value:not(.form-col),
.form-input-row-6 .form-group:not(.form-col),
.form-input-row-6 .form-input-readonly:not(.form-col),
.popup-body.form-input-row-6 .form-input-value:not(.form-col),
.popup-body.form-input-row-6 .form-group:not(.form-col),
.popup-body.form-input-row-6 .form-input-readonly:not(.form-col) {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 15.15152%; }
  .form-input-row-6 .form-input-value:not(.form-col):last-child,
  .form-input-row-6 .form-group:not(.form-col):last-child,
  .form-input-row-6 .form-input-readonly:not(.form-col):last-child,
  .popup-body.form-input-row-6 .form-input-value:not(.form-col):last-child,
  .popup-body.form-input-row-6 .form-group:not(.form-col):last-child,
  .popup-body.form-input-row-6 .form-input-readonly:not(.form-col):last-child {
    margin-right: 0; }

.form-input-row-6 .form-input-value:nth-of-type(6n),
.form-input-row-6 .form-group:nth-of-type(6n),
.form-input-row-6 .form-input-readonly:nth-of-type(6n),
.popup-body.form-input-row-6 .form-input-value:nth-of-type(6n),
.popup-body.form-input-row-6 .form-group:nth-of-type(6n),
.popup-body.form-input-row-6 .form-input-readonly:nth-of-type(6n) {
  margin-right: 0; }

.form-input-row-6 .form-input-value:nth-of-type(2n+1),
.form-input-row-6 .form-group:nth-of-type(2n+1),
.form-input-row-6 .form-input-readonly:nth-of-type(2n+1),
.popup-body.form-input-row-6 .form-input-value:nth-of-type(2n+1),
.popup-body.form-input-row-6 .form-group:nth-of-type(2n+1),
.popup-body.form-input-row-6 .form-input-readonly:nth-of-type(2n+1) {
  clear: none; }

.form-date--inline {
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 200px; }

.form-input-readonly span {
  color: #000; }

.form-hr {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 100%;
  margin-right: 0;
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 20px; }
  .form-hr:last-child {
    margin-right: 0; }
  .form-hr.lg-hr hr {
    height: 20px;
    background-color: #f3f5f6; }
  .form-hr_no-float {
    float: none;
    margin-bottom: 25px; }

/* -----------------------------------------------------------------------------

  jQuery DateTimePicker - Responsive flat design jQuery DateTime Picker plugin for Web & Mobile
  Version 0.1.36
  Copyright (c)2016 Curious Solutions LLP and Neha Kadam
  http://curioussolutions.github.io/DateTimePicker
  https://github.com/CuriousSolutions/DateTimePicker

 ----------------------------------------------------------------------------- */
.dtpicker-overlay {
  z-index: 2000;
  display: none;
  min-width: initial;
  background: none;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .dtpicker-overlay .dtpicker-compValue:focus {
    outline: none;
    background: #fff; }

.dtpicker-mobile {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .dtpicker-mobile .dtpicker-cont {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border: none; }
  .dtpicker-mobile .dtpicker-content {
    width: 97%; }

.dtpicker-bg {
  width: 100%;
  height: 100%;
  font-family: Roboto, Arial, sans-serif; }

.dtpicker-content {
  margin: 0 auto;
  max-width: 500px;
  padding: 1em 0;
  background: #fff; }

.dtpicker-subcontent {
  position: relative; }

.dtpicker-header {
  margin: 0.2em 1em; }
  .dtpicker-header .dtpicker-title {
    text-align: center;
    font-size: 1.1em; }
  .dtpicker-header .dtpicker-close {
    position: absolute;
    top: -0.7em;
    right: 0.3em;
    padding: 0.5em 0.5em 1em 1em;
    color: #ff3b30;
    font-size: 1.5em;
    cursor: pointer; }
    .dtpicker-header .dtpicker-close:hover {
      color: #ff3b30; }
  .dtpicker-header .dtpicker-value {
    padding: 0.8em 0.2em 0.2em 0.2em;
    color: #ff3b30;
    text-align: center;
    font-size: 1.4em; }

.dtpicker-components {
  overflow: hidden;
  margin: 1em 1em;
  font-size: 1.3em; }
  .dtpicker-components * {
    margin: 0;
    padding: 0; }
  .dtpicker-components .dtpicker-comp {
    margin: 0 4%;
    text-align: center; }
    .dtpicker-components .dtpicker-comp > * {
      display: block;
      height: 30px;
      text-align: center;
      line-height: 30px; }
  .dtpicker-components .dtpicker-compOutline {
    display: inline-block;
    float: left; }
  .dtpicker-components .dtpicker-compButtonEnable {
    opacity: 1; }
  .dtpicker-components .dtpicker-compButtonDisable {
    opacity: 0.5; }
  .dtpicker-components .dtpicker-compButton {
    background: #fff;
    font-size: 140%;
    cursor: pointer; }
  .dtpicker-components .dtpicker-compValue {
    display: initial;
    width: 100%;
    border: none;
    background: #fff;
    font-size: 100%; }

.dtpicker-comp2 {
  width: 50%; }

.dtpicker-comp3 {
  width: 33.3%; }

.dtpicker-comp4 {
  width: 25%; }

.dtpicker-comp5 {
  width: 20%; }

.dtpicker-comp6 {
  width: 16.66%; }

.dtpicker-comp7 {
  width: 14.285%; }

.dtpicker-buttonCont {
  overflow: hidden;
  margin: 0.2em 1em; }

.dtpicker-buttonCont .dtpicker-button {
  display: block;
  padding: 0.6em 0;
  width: 47%;
  background: #ff3b30;
  color: #fff;
  text-align: center;
  font-size: 1.3em;
  cursor: pointer; }
  .dtpicker-buttonCont .dtpicker-button:hover {
    color: #fff; }

.dtpicker-singleButton .view_button,
.dtpicker-twoButtons .view_button {
  width: 48%; }

.dtpicker-singleButton .dtpicker-button {
  margin: 0.2em auto; }

.dtpicker-twoButtons .dtpicker-buttonSet {
  float: left; }

.dtpicker-twoButtons .dtpicker-buttonClear {
  float: right; }

.dtpicker-cont {
  width: 16em;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 3px; }

.dtpicker-components {
  font-size: 14px;
  color: #07aaea;
  margin: 0; }

.dtpicker-content {
  padding: 10px; }

.dtpicker-compButton:hover {
  text-decoration: none; }

.dtpicker-buttonCont {
  padding: 0;
  margin: 0; }
  .dtpicker-buttonCont .dtpicker-button {
    color: #07aaea; }

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

input.dtpicker-compValue {
  margin: 0;
  padding: 0; }

.select2-container.imageselect .select2-chosen .gi, .select2-drop--icon .select2-results .select2-result-label .gi, .select2-value .gi {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 32px;
  height: 100%; }
  .select2-container.imageselect .select2-chosen .gi::before, .select2-drop--icon .select2-results .select2-result-label .gi::before, .select2-value .gi::before {
    font-size: 20px; }

.select2-group {
  display: -ms-flexbox;
  display: flex; }

.select2-container {
  width: 100%;
  position: relative;
  margin: 0;
  vertical-align: middle; }
  .select2-container:hover {
    cursor: pointer; }
    .select2-container:hover .select2-choice,
    .select2-container:hover .select2-choices {
      border-color: #b3b3b3; }
  .select2-container::after {
    content: '\E02E';
    position: absolute;
    top: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 20px;
    height: 100%;
    font-family: getIcons;
    font-size: 10px;
    line-height: 1;
    color: #b3b3b3;
    pointer-events: none; }
  .select2-container-multi .select2-choices {
    overflow: hidden;
    position: relative;
    height: 100%;
    min-height: 34px;
    margin: 0;
    padding: 5px 20px 5px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    line-height: 34px; }
    .select2-container-multi .select2-choices:hover {
      cursor: pointer; }
    .select2-container-multi .select2-choices li {
      float: left;
      list-style: none; }
    .select2-container-multi .select2-choices .select2-search-field {
      margin: 0;
      padding: 0;
      white-space: nowrap; }
      .select2-container-multi .select2-choices .select2-search-field input {
        padding: 5px;
        height: auto;
        font-family: sans-serif;
        color: #666666;
        outline: 0;
        border: 0;
        background: transparent !important; }
    .select2-container-multi .select2-choices .select2-search-choice {
      padding: 3px 5px 3px 20px;
      margin: 3px 6px 3px 0;
      position: relative;
      color: #222222;
      font-size: 12px;
      line-height: 12px;
      border-radius: 3px;
      background-clip: padding-box;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      background-color: #f3f5f6;
      white-space: normal;
      cursor: default; }
      .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
        cursor: default; }
      .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
        background-position: right -11px; }
      .select2-container-multi .select2-choices .select2-search-choice-focus {
        background: #f3f5f6; }
        .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
          background-position: right -11px; }
  .select2-container-multi .select2-search-choice-close {
    left: 3px;
    color: #54585e; }
    .select2-container-multi .select2-search-choice-close:hover {
      text-decoration: none; }
    .select2-container-multi .select2-search-choice-close::before {
      content: '\E10C';
      font-family: 'getIcons'; }
  .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #b3b3b3;
    outline: none; }
  .select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #fff;
    background-image: none;
    border: 1px solid #f3f5f6;
    cursor: default; }
    .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
      padding: 3px 5px 3px 5px;
      border: 1px solid #f3f5f6;
      background-image: none;
      background-color: #fff; }
      .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
        display: none;
        background: none; }
  .select2-container--small .select2-choice, .table .select2-container .select2-choice, .popover .select2-container .select2-choice {
    height: 28px;
    line-height: 26px;
    color: #000;
    font-size: 12px; }
  .select2-container--small .select2-choices, .table .select2-container .select2-choices, .popover .select2-container .select2-choices {
    min-height: 28px;
    line-height: 26px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 3px; }
  .select2-container--small .select2-input, .table .select2-container .select2-input, .popover .select2-container .select2-input {
    font-size: 12px; }
  .select2-container.select2-container--label .select2-choice {
    padding-left: 4px; }
  .select2-container.imageselect .select2-choice {
    padding: 0; }
  .select2-container.imageselect .label {
    margin-left: 6px; }
  .select2-container-toggle .select2-choices.select2-choice {
    border-color: #fff; }
    .select2-container-toggle .select2-choices.select2-choice .select2-arrow {
      display: none; }
  .select2-container-toggle:hover .select2-choices.select2-choice, .select2-container-toggle.select2-dropdown-open .select2-choices.select2-choice {
    border-color: #b3b3b3; }
    .select2-container-toggle:hover .select2-choices.select2-choice .select2-arrow, .select2-container-toggle.select2-dropdown-open .select2-choices.select2-choice .select2-arrow {
      display: inline-block; }
  .select2-container.select2-drop-above .select2-choice {
    border-bottom-color: 1px solid #b3b3b3;
    border-radius: 0 0 4px 4px; }
  .select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px; }
  .select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block; }
  .select2-container.select2-container-disabled .select2-choice {
    background-color: #fff;
    background-image: none;
    border: 1px solid #d1dade;
    cursor: default;
    color: #bdc3c7; }
    .select2-container.select2-container-disabled .select2-choice abbr {
      display: none; }
    .select2-container.select2-container-disabled .select2-choice:after {
      color: #d1dade; }
  .select2-container .select2-choice {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color;
    color: #000;
    text-decoration: none;
    -webkit-touch-callout: none; }
    .select2-container .select2-choice > .select2-chosen {
      overflow: hidden;
      float: none;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      margin-right: 20px;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .select2-container .select2-choice abbr {
      display: none;
      width: 12px;
      height: 12px;
      position: absolute;
      right: 24px;
      top: 8px;
      font-size: 1px;
      text-decoration: none;
      border: 0;
      cursor: pointer;
      outline: 0; }
      .select2-container .select2-choice abbr:hover {
        background-position: right -11px;
        cursor: pointer; }
    .select2-container .select2-choice .select2-arrow {
      display: none; }
  .select2-container + select {
    display: none; }

.select2-cog:link, .select2-cog:visited {
  position: absolute;
  right: 25px;
  top: 10px;
  color: #b3b3b3; }

.select2-drop {
  width: 100%;
  position: absolute;
  z-index: 10001;
  top: 100%;
  background: #fff;
  color: #000;
  border-top-width: 0;
  border-radius: 0 0 4px 4px; }
  .select2-drop--icon .select2-results .select2-result-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 2px 0; }
  .select2-drop--label .select2-results .select2-result-label {
    padding-left: 4px;
    padding-right: 20px; }
  .select2-drop--tree .select2-result.select2-selected {
    display: list-item; }
  .select2-drop--grid .select2-results {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    padding: 0; }
  .select2-drop--grid .select2-result {
    width: 20%;
    height: 45px; }
    .select2-drop--grid .select2-result.select2-highlighted .select2-result-label {
      background: #f2f5f7; }
    .select2-drop--grid .select2-result .select2-result-label {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      padding: 5px;
      height: 45px; }
  .select2-drop--hidden .select2-results {
    display: none; }
  .select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #b3b3b3;
    border-bottom: 0;
    border-radius: 4px 4px 0 0; }
    .select2-drop.select2-drop-above.select2-drop-active {
      border-top: 1px solid #b3b3b3; }
    .select2-drop.select2-drop-above .select2-search input {
      margin-top: 4px; }
  .select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0); }
  .select2-drop-active {
    border: 1px solid #b3b3b3;
    border-top: none; }
  .select2-drop-auto-width {
    width: auto;
    margin-top: -1px;
    border-top: 1px solid #ccc; }
    .select2-drop-auto-width.select2-search {
      padding-top: 4px; }
  .select2-drop-footer {
    padding: 0 10px; }
  .select2-drop.quick-search-select-drop {
    top: 15px !important; }

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }
  .select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 4px 0;
    outline: 0;
    font-family: sans-serif;
    border: 1px solid #ccc;
    border-radius: 3px; }
  .select2-search::before {
    content: '\E119';
    font-family: getIcons;
    padding: 8px;
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 0;
    right: 0;
    color: #b3b3b3;
    z-index: 1; }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #ccc;
  outline: none; }

.select2-dropdown-open .select2-choice,
.select2-dropdown-open .select2-choices {
  border-color: #b3b3b3;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #b3b3b3;
  border-top-color: transparent; }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.select2-results {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  max-height: 200px;
  width: 100%;
  margin: 0;
  padding: 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none; }
  .select2-results .select2-result {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    background-image: none; }
    .select2-results .select2-result.select2-result-green {
      background-color: #e3f9bb; }
    .select2-results .select2-result.select2-result-faded {
      color: #bdc3c7; }
    .select2-results .select2-result.select2-result-with-children > .select2-result-label {
      text-transform: uppercase;
      font-weight: bold;
      cursor: default; }
    .select2-results .select2-result em {
      background: #fff6bf;
      font-style: normal; }
  .select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0; }
  .select2-results .select2-selected.select2-tree--selected {
    display: block; }
  .select2-results .select2-more-results,
  .select2-results .select2-result-label {
    width: 100%;
    min-height: 30px;
    margin: 0;
    padding: 5px 5px 5px 10px;
    line-height: 20px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .select2-results .select2-more-results:empty,
    .select2-results .select2-result-label:empty {
      display: none; }
  .select2-results .select2-more-results {
    cursor: default; }
  .select2-results .select2-highlighted .select2-result-label {
    background: #07aaea;
    color: #fff; }
  .select2-results .select2-highlighted em {
    background: transparent; }
  .select2-results .select2-highlighted ul {
    background: #fff;
    color: #000; }
  .select2-results .select2-no-results,
  .select2-results .select2-searching,
  .select2-results .select2-ajax-error,
  .select2-results .select2-selection-limit {
    background: #fff;
    display: list-item;
    padding-left: 5px; }
  .select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, 0.2); }
  .select2-results-dept-1 .select2-result-label {
    padding-left: 30px; }
  .select2-results-dept-2 .select2-result-label {
    padding-left: 50px; }
  .select2-results-dept-3 .select2-result-label {
    padding-left: 70px; }
  .select2-results-dept-4 .select2-result-label {
    padding-left: 90px; }
  .select2-results-dept-5 .select2-result-label {
    padding-left: 110px; }
  .select2-results-dept-6 .select2-result-label {
    padding-left: 120px; }
  .select2-results-dept-7 .select2-result-label {
    padding-left: 130px; }
  .select2-results .select2-disabled {
    background: #fff;
    display: list-item;
    cursor: default; }
    .select2-results .select2-disabled.select2-highlighted {
      color: #666666;
      background: #fff;
      display: list-item;
      cursor: default; }
    .select2-results .select2-disabled.select2-result-unselectable .select2-result-label {
      cursor: default; }
  .select2-results .select2-selected {
    display: none; }

.select2-multilevel-tree .select2-selected {
  display: list-item;
  background: #f3f5f6; }
  .select2-multilevel-tree .select2-selected.select2-highlighted {
    color: #000; }

.select2-locked {
  padding: 3px 5px 3px 5px !important; }

.select2-default {
  color: #ccc !important; }

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 3px;
  outline: none; }

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 17px;
  height: 100px;
  overflow: scroll; }

/* Retina-ize icons */
@media only screen and (min-resolution: 2dppx) {
  .select2-search input:before {
    content: '\E02E';
    font-family: getIcons;
    padding: 10px 8px;
    line-height: 2em;
    font-size: 1.5em;
    color: #b3b3b3; } }

.select2-search-choice-dep.js-last-of-type::after {
  content: '';
  display: block;
  width: 100%;
  background: #fff;
  padding-top: 4px;
  margin-bottom: 4px;
  border-bottom: 1px solid #b3b3b3; }

.select2-value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 36px; }
  .select2-value .image {
    max-height: 32px;
    margin-right: 8px; }

.search-filter--loading {
  pointer-events: none; }

.search-filter__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.search-filter__terms {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.search-filter__term, .search-filter__toolbar {
  margin: 2px 4px 2px 0; }

.search-filter__toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end; }

.search-filter__toolbar-item {
  margin-right: 4px; }
  .search-filter__toolbar-item:last-child {
    margin-right: 0; }

.search-filter .btn.focus-visible, .search-filter .ui-datepicker .focus-visible.ui-datepicker-current, .ui-datepicker .search-filter .focus-visible.ui-datepicker-current {
  box-shadow: 0 0 8px rgba(7, 170, 234, 0.5);
  outline: none; }
  .search-filter .btn.focus-visible:active, .search-filter .ui-datepicker .focus-visible.ui-datepicker-current:active, .ui-datepicker .search-filter .focus-visible.ui-datepicker-current:active {
    box-shadow: 0 0 8px rgba(7, 170, 234, 0.5), inset 0 3px 5px rgba(0, 0, 0, 0.3); }

/**
 * Client-side filter
 */
.columns-filter,
.rows-filter {
  position: relative; }
  .columns-filter .filter-button i::before,
  .rows-filter .filter-button i::before {
    padding-right: 0;
    font-size: 14px; }
  .columns-filter .filter-button--applied:link, .columns-filter .filter-button--applied:hover, .columns-filter .filter-button--applied:active, .columns-filter .filter-button--applied:visited,
  .rows-filter .filter-button--applied:link,
  .rows-filter .filter-button--applied:hover,
  .rows-filter .filter-button--applied:active,
  .rows-filter .filter-button--applied:visited {
    border-color: #07aaea;
    color: #07aaea; }
  .columns-filter .filter-button--disabled,
  .rows-filter .filter-button--disabled {
    border-color: #f3f5f6;
    color: #d1dade;
    cursor: default; }
    .columns-filter .filter-button--disabled:active,
    .rows-filter .filter-button--disabled:active {
      box-shadow: none; }

.columns-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .columns-list.large {
    max-height: 200px;
    overflow-y: scroll; }
  .columns-list ul {
    list-style: none;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0;
    margin-left: 20px; }
  .columns-list li {
    line-height: 1.5; }
    .columns-list li label {
      cursor: pointer; }
    .columns-list li.checked-column + li.unchecked-column {
      border-top: 1px solid #ccc;
      padding-top: 10px; }
    .columns-list li:not(:last-child) {
      margin-bottom: 5px; }
  .columns-list .filter-value strong {
    text-decoration: underline; }

.columns-filter-dropdown {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1000;
  top: 100%;
  right: 0;
  width: 420px;
  margin: 10px 0 0 0;
  padding: 20px;
  border-radius: 3px;
  background: #fff; }

.rows-filter-dropdown {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  margin: 10px 0 0 0;
  padding: 5px 10px;
  border-radius: 3px;
  background: #fff;
  line-height: 1.2;
  white-space: nowrap; }

.filter--vertical .filter-row {
  -ms-flex-pack: start;
      justify-content: flex-start;
  margin-bottom: 4px; }

.filter-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
  font-size: 0; }
  .filter-row--inline {
    display: inline-block; }
  .filter-row--start {
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .filter-row--end {
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .filter-row__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-align: center;
        align-items: center;
    padding: 5px 0; }
  .filter-row__label {
    display: inline-block;
    padding: 0 3px;
    min-width: 100px;
    font-size: 12px; }
  .filter-row .value {
    display: inline-block;
    width: 50px;
    margin-right: 10px;
    text-align: right;
    font-size: 12px; }
  .filter-row .view_button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    text-align: left;
    white-space: nowrap; }

/**
 * Deprecated
 */
.search-manage-views .search-manage-view__label {
  display: inline-block;
  text-align: right; }

.search-manage-views__select {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: middle; }

.menubg {
  height: 14px;
  background-color: #edece9;
  text-transform: uppercase;
  vertical-align: middle; }

.menu_right {
  height: 14px;
  background-color: #000;
  padding: 4px 10px; }

a.menu:link, a.menu:visited,
a.menu_cur_page:link,
a.menu_cur_page:visited,
a.menu_last:link,
a.menu_last:visited {
  display: inline-block;
  padding: 2px 20px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #222222;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.8em;
  word-spacing: 2px; }

a.menu:hover,
a.menu_cur_page:hover,
a.menu_last:hover {
  color: #3d3d3d;
  border-color: transparent;
  text-decoration: underline; }

a.menu_current {
  font-size: 11px;
  color: #fff;
  background-color: #9999ad;
  padding: 0 12px 0 0;
  text-decoration: none;
  word-spacing: 0;
  height: 22px; }

.active_bg {
  background-color: #a21503; }

a.no {
  text-decoration: none;
  color: #177b57; }

a.lnk:link, a.lnk:visited {
  font-weight: 400;
  color: #008ac1;
  text-decoration: none; }

a.lnk:hover {
  text-decoration: underline; }

a.lnkUnderlined:link, a.lnkUnderlined:hover, a.lnkUnderlined:visited {
  color: #fc6621;
  text-decoration: underline; }

a.redtext:link, a.redtext:visited {
  color: #ff0000;
  text-decoration: none; }

a.redtext:hover {
  color: #ff0000;
  text-decoration: underline; }

a.redtext_bold:link, a.redtext_bold:visited {
  color: #ff0000;
  font-weight: 600;
  text-decoration: none; }

a.redtext_bold:hover {
  font-weight: 600;
  color: #ff0000;
  text-decoration: underline; }

a.greentext:link, a.greentext:visited {
  color: #177b57;
  text-decoration: none; }

a.greentext:hover {
  color: #177b57;
  text-decoration: underline; }

a.greentext_bold:link, a.greentext_bold:visited {
  color: #177b57;
  font-weight: 600;
  text-decoration: none; }

a.greentext_bold:hover {
  color: #177b57;
  font-weight: 600;
  text-decoration: underline; }

.current {
  font-size: 10px;
  color: #222325;
  border: 1px solid #999999;
  padding-left: 4px;
  padding-right: 4px;
  height: 17px; }

/*************
 * Breadcrumbs
 */
a.path:link,
a.path:visited {
  color: #222325;
  font-size: 10px;
  text-decoration: underline; }

a.path:hover {
  color: #888888;
  font-size: 10px;
  text-decoration: underline; }

.path_curpage {
  color: #222325;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none; }

.path_here {
  color: #222325;
  font-size: 10px; }

.curpage {
  color: #222325;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none; }

/* START Link faded */
a.lnkfaded:link,
a.lnkfaded:visited {
  color: #828282;
  font-weight: normal;
  text-decoration: underline; }

a.lnkfaded:hover {
  font-weight: normal;
  color: #008ac1;
  text-decoration: underline; }

/* END Link faded */
/* top navigation */
ul.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  ul.nav > li {
    position: relative; }
    ul.nav > li > a {
      display: block; }
  ul.nav::after {
    display: block;
    clear: both; }
  ul.nav::before {
    display: block; }

.top-menu {
  overflow: visible;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0; }
  .top-menu li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-width: 200px;
    height: 100%;
    padding-left: 0; }
  .top-menu li a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    padding: 0 10px;
    text-align: center;
    color: #373838;
    font-weight: 600;
    text-transform: uppercase;
    border-top: 3px solid #fff;
    transition: all .5s !important;
    text-decoration: none; }
    .top-menu li a .top-menu__action {
      opacity: 0;
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: block;
      padding: 3px;
      border: 0 solid #acb0b3;
      border-radius: 50%;
      z-index: 200;
      background: none;
      transition: opacity .3s ease;
      outline: none; }
      .top-menu li a .top-menu__action:hover {
        color: #008ac1; }
    .top-menu li a.active, .top-menu li a:hover {
      border-top: 3px solid #023456;
      background: #f3f5f6; }
    .top-menu li a:hover .top-menu__action {
      -webkit-animation: fade-in .3s linear;
              animation: fade-in .3s linear;
      opacity: 1; }

.secondary-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  list-style: none;
  height: 100%;
  margin: 0;
  padding: 0; }
  .secondary-nav:not(:last-child) {
    margin-right: 40px; }
  .secondary-nav__item:not(:last-child) {
    margin-right: 40px; }
  .secondary-nav__link {
    display: block;
    max-height: 44px; }
    .secondary-nav__link:link, .secondary-nav__link:hover, .secondary-nav__link:active, .secondary-nav__link:visited {
      color: #b1bec4;
      outline: none; }

.iconset.top-down-arrow {
  background-position: -238px -12px;
  width: 7px;
  height: 5px; }

.set-collapser, .progress-set-collapser {
  display: block;
  position: absolute;
  right: 20px;
  top: 120px;
  color: #54585e;
  cursor: pointer;
  z-index: 1; }

.lines a, .lines a:link, .lines a:visited, .lines a:hover,
a.notification_secondary,
a.notification_secondary:link,
a.notification_secondary:visited,
a.notification_secondary:hover,
a.secondaryLink,
a.secondaryLink:link,
a.secondaryLink:visited,
a.secondaryLink:hover {
  color: #73777c; }

a.notification_primary, a.notification_primary:link, a.notification_primary:visited {
  color: #fff;
  background: #07aaea;
  padding: 3px 10px;
  border-radius: 3px;
  white-space: nowrap; }

a.notification_primary:hover {
  color: #fff !important;
  background: #008ac1; }

a.notification_info, a.notification_info:link, a.notification_info:visited {
  color: #008ac1;
  padding: 3px 10px;
  border-radius: 3px;
  border: 1px solid #07aaea;
  white-space: nowrap; }

a.notification_info:hover {
  color: #008ac1 !important;
  border-color: #008ac1; }

.table_toolbar .table-title {
  padding-right: 10px;
  vertical-align: middle;
  font-size: 15px; }

.budget-header {
  font-weight: bold; }
  .budget-header--secondary {
    padding: 20px;
    padding-right: 0;
    font-weight: normal; }

.budget-total--secondary {
  font-weight: normal; }

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

.table {
  /*****************
  * Table
  *****************/
  /*****************
   * Table Cell
   *****************/
  /*****************
  * Table Body
  *****************/
  /*****************
  * Table Row
  *****************/
  /*****************
  * Table Shadow
  *****************/
  /*****************
  * Table Modifiers
  *****************/
  /*****************
  * Table Inner Components
  *****************/ }
  .table_toolbar {
    text-align: justify;
    font-size: 100%; }
    .table_toolbar::after {
      content: '';
      display: inline-block;
      zoom: 1;
      *display: inline;
      width: 100%; }
    .table_toolbar .left-toolbar,
    .table_toolbar .right-toolbar {
      font-size: 12px; }
    .table_toolbar.mg-top {
      margin-top: 20px; }
      .table_toolbar.mg-top.small-mg {
        margin-top: 10px;
        margin-bottom: -15px; }
    .table_toolbar.mg-bottom {
      margin-bottom: 6px; }
    .table_toolbar.with-separator {
      width: calc(100% + 40px);
      border-top: 2px solid #f3f5f6;
      margin-top: 20px;
      margin-left: -20px; }
  .table table {
    width: 100%;
    background-color: #fff;
    border-top: 2px solid #bdc3c7;
    border-bottom: 2px solid #bdc3c7;
    border-collapse: separate; }
    .table table.with-td-padding td {
      padding: 10px 5px;
      line-height: 1.5; }
      .table table.with-td-padding td.expand-container {
        padding: 0;
        line-height: 1.5; }
  .table td,
  .table .table__cell {
    min-width: 32px;
    padding: 1px 5px;
    background-color: #fff;
    background-clip: padding-box;
    color: #54585e;
    font-size: 12px;
    white-space: normal; }
    .table td.theader,
    .table .table__cell.theader {
      border-top: none; }
    .table td--dark-1,
    .table .table__cell--dark-1 {
      background-color: rgba(115, 119, 124, 0.15); }
    .table td--dark-2,
    .table .table__cell--dark-2 {
      background-color: rgba(115, 119, 124, 0.25); }
    .table td--dark-3,
    .table .table__cell--dark-3 {
      background-color: rgba(115, 119, 124, 0.35); }
    .table td--dark-4,
    .table .table__cell--dark-4 {
      background-color: rgba(115, 119, 124, 0.45); }
    .table td--dark-5,
    .table .table__cell--dark-5 {
      background-color: rgba(115, 119, 124, 0.55); }
    .table td--dark-6,
    .table .table__cell--dark-6 {
      background-color: rgba(115, 119, 124, 0.65); }
    .table td--dark-7,
    .table .table__cell--dark-7 {
      background-color: rgba(115, 119, 124, 0.75); }
    .table td--dark-8,
    .table .table__cell--dark-8 {
      background-color: rgba(115, 119, 124, 0.85); }
    .table td--dark-9,
    .table .table__cell--dark-9 {
      background-color: rgba(115, 119, 124, 0.95); }
    .table td--red,
    .table .table__cell--red,
    .table tr--red td,
    .table tr--red .table__cell,
    .table .table__row--red td,
    .table__row--red .table td,
    .table .table__row--red .table__cell,
    .table__row--red .table .table__cell {
      background: #fce3e3; }
      .table td--red .expand-container--collapsed::after,
      .table .table__cell--red .expand-container--collapsed::after,
      .table tr--red td .expand-container--collapsed::after,
      .table tr--red .table__cell .expand-container--collapsed::after,
      .table .table__row--red td .expand-container--collapsed::after,
      .table__row--red .table td .expand-container--collapsed::after,
      .table .table__row--red .table__cell .expand-container--collapsed::after,
      .table__row--red .table .table__cell .expand-container--collapsed::after {
        background-color: rgba(252, 227, 227, 0.8); }
      .table td--red .expand-container__button, .table td--red .expand-container__content::after,
      .table .table__cell--red .expand-container__button,
      .table tr--red td .expand-container__button,
      .table tr--red .table__cell .expand-container__button,
      .table .table__row--red td .expand-container__button,
      .table__row--red .table td .expand-container__button,
      .table .table__row--red .table__cell .expand-container__button,
      .table__row--red .table .table__cell .expand-container__button,
      .table .table__cell--red .expand-container__content::after,
      .table tr--red td .expand-container__content::after,
      .table tr--red .table__cell .expand-container__content::after,
      .table .table__row--red td .expand-container__content::after,
      .table__row--red .table td .expand-container__content::after,
      .table .table__row--red .table__cell .expand-container__content::after,
      .table__row--red .table .table__cell .expand-container__content::after {
        background-color: rgba(252, 227, 227, 0.8); }
    .table td.total-cell, .table td.total-cell--right,
    .table td.table__cell.total-cell--right, .table td.total-cell--left,
    .table td.table__cell.total-cell--left, .table td.total-cell--center,
    .table td.table__cell.total-cell--center,
    .table .table__cell.total-cell,
    .table .table__cell.total-cell--right,
    .table .table__cell.total-cell--left,
    .table .table__cell.total-cell--center {
      background: #f3f5f6;
      padding: 10px 5px;
      text-transform: uppercase;
      font-weight: 300;
      text-align: right; }
      .table td.total-cell--right,
      .table .table__cell.total-cell--right {
        text-align: right; }
      .table td.total-cell--left,
      .table .table__cell.total-cell--left {
        text-align: left; }
      .table td.total-cell--center,
      .table .table__cell.total-cell--center {
        text-align: center; }
    .table td.manage_td,
    .table .table__cell.manage_td {
      white-space: nowrap; }
      .table td.manage_td a.collapse_data,
      .table .table__cell.manage_td a.collapse_data {
        display: inline-block;
        zoom: 1;
        *display: inline;
        vertical-align: middle; }
    .table td.duration-interval,
    .table .table__cell.duration-interval {
      border-width: 2px; }
      .table td.duration-interval.now,
      .table .table__cell.duration-interval.now {
        border-color: #07aaea; }
    .table td--left, .table td.teven_left, .table td.todd_left, .table td.ta-left,
    .table .table__cell--left,
    .table .table__cell.teven_left,
    .table .table__cell.todd_left,
    .table .table__cell.ta-left {
      text-align: left !important; }
    .table td--center, .table td.teven_center, .table td.todd_center, .table td.ta-center,
    .table .table__cell--center,
    .table .table__cell.teven_center,
    .table .table__cell.todd_center,
    .table .table__cell.ta-center {
      text-align: center !important; }
    .table td--right, .table td.teven_right, .table td.todd_right, .table td.ta-right,
    .table .table__cell--right,
    .table .table__cell.teven_right,
    .table .table__cell.todd_right,
    .table .table__cell.ta-right {
      text-align: right !important; }
    .table td--bottom,
    .table .table__cell--bottom {
      vertical-align: bottom; }
    .table td--rotated,
    .table .table__cell--rotated {
      vertical-align: bottom;
      text-align: center; }
      .table td--rotated .text,
      .table .table__cell--rotated .text {
        transform: rotate(180deg);
        white-space: nowrap;
        -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
                writing-mode: vertical-rl; }
    .table td--checkbox, .table td.checkbox_column,
    .table .table__cell--checkbox,
    .table .table__cell.checkbox_column {
      width: 38px;
      text-align: center;
      padding: 0; }
      .table td--checkbox .checkbox input[type=radio] + label, .table td.checkbox_column .checkbox input[type=radio] + label,
      .table .table__cell--checkbox .checkbox input[type=radio] + label,
      .table .table__cell.checkbox_column .checkbox input[type=radio] + label {
        width: auto;
        margin: 0; }
      .table td--checkbox .checkbox input + label, .table td.checkbox_column .checkbox input + label,
      .table .table__cell--checkbox .checkbox input + label,
      .table .table__cell.checkbox_column .checkbox input + label {
        padding-left: 17px; }
      .table td--checkbox .checkbox-wrapper, .table td.checkbox_column .checkbox-wrapper,
      .table .table__cell--checkbox .checkbox-wrapper,
      .table .table__cell.checkbox_column .checkbox-wrapper {
        display: -ms-inline-flexbox;
        display: inline-flex; }
    .table td--action,
    .table .table__cell--action {
      text-align: center;
      white-space: nowrap; }
    .table td--locked,
    .table .table__cell--locked {
      z-index: 1;
      position: relative;
      overflow: hidden; }
    .table td--raised::after,
    .table .table__cell--raised::after {
      content: ' ';
      position: absolute;
      top: 0;
      width: 1px;
      height: 1000px;
      background-color: rgba(24, 48, 84, 0.05); }
    .table td--raised[data-locked="left"]::after,
    .table .table__cell--raised[data-locked="left"]::after {
      right: 0; }
    .table td--raised[data-locked="right"]::after,
    .table .table__cell--raised[data-locked="right"]::after {
      left: 0; }
    .table td--border-right,
    .table .table__cell--border-right {
      border-right: 1px solid #bdc3c7; }
    .table td--editable:hover,
    .table .table__cell--editable:hover {
      box-shadow: inset 0 0 0 1px #bdc3c7; }
    .table td.row-total,
    .table .table__cell.row-total {
      font-weight: 600;
      color: #222325; }
    .table td.panelborder,
    .table .table__cell.panelborder {
      font-weight: normal;
      color: #000;
      text-align: left;
      background-color: #f3f3f3;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 5px 5px 4px 5px; }
    .table td[data-empty-cell],
    .table .table__cell[data-empty-cell] {
      background: rgba(24, 48, 84, 0.05); }
  .table .expand-container {
    line-height: 1.2;
    position: relative; }
    .table .expand-container--expanded .expand-container__content {
      margin-bottom: 24px; }
    .table .expand-container--collapsed {
      overflow: hidden; }
      .table .expand-container--collapsed .expand-container__content {
        margin-bottom: 0; }
        .table .expand-container--collapsed .expand-container__content::after {
          content: ' ';
          position: absolute;
          bottom: -100%;
          display: block;
          height: 100%;
          width: 100%;
          background-color: rgba(255, 255, 255, 0.8); }
    .table .expand-container__button {
      position: absolute;
      right: 0;
      bottom: 0;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 24px;
      height: 24px;
      background-color: rgba(255, 255, 255, 0.8); }
      .table .expand-container__button:link, .table .expand-container__button:hover, .table .expand-container__button:visited, .table .expand-container__button:active {
        outline: none; }
    .table .expand-container__content {
      word-break: break-all;
      word-break: break-word;
      word-wrap: break-word;
      position: relative;
      padding: 0; }
    .table .expand-container .gi::before {
      line-height: 0; }
  .table [data-calc],
  .table .total-cell,
  .table td.total-cell--right,
  .table .table__cell.total-cell--right,
  .table td.total-cell--left,
  .table .table__cell.total-cell--left,
  .table td.total-cell--center,
  .table .table__cell.total-cell--center {
    width: 100px;
    text-align: right; }
  .table .wide-tree .tree_row {
    width: 600px; }
  .table__body:hover td[rowspan],
  .table__body:hover .table__cell[rowspan] {
    background-color: #e6f9fc; }
  .table tr td,
  .table tr .table__cell, .table__row td,
  .table__row .table__cell {
    height: 40px;
    border-top: 1px solid rgba(24, 48, 84, 0.05); }
  .table tr.first-in-level, .table__row.first-in-level {
    border-color: #bdc3c7; }
  .table tr--disabled td,
  .table tr--disabled .table__cell, .table__row--disabled td,
  .table__row--disabled .table__cell {
    color: rgba(84, 88, 94, 0.5); }
    .table tr--disabled td a,
    .table tr--disabled td a.lnk,
    .table tr--disabled .table__cell a,
    .table tr--disabled .table__cell a.lnk, .table__row--disabled td a,
    .table__row--disabled td a.lnk,
    .table__row--disabled .table__cell a,
    .table__row--disabled .table__cell a.lnk {
      opacity: .5; }
  .table tr--faded td,
  .table tr--faded .table__cell, .table__row--faded td,
  .table__row--faded .table__cell {
    color: #aaa; }
  .table tr:hover:not(.theader) td,
  .table tr:hover:not(.theader) .table__cell, .table tr.row-hover:not(.theader) td,
  .table tr.row-hover:not(.theader) .table__cell, .table tr--selected:not(.theader) td,
  .table tr--selected:not(.theader) .table__cell, .table__row:hover:not(.theader) td,
  .table__row:hover:not(.theader) .table__cell, .table__row.row-hover:not(.theader) td,
  .table__row.row-hover:not(.theader) .table__cell, .table__row--selected:not(.theader) td,
  .table__row--selected:not(.theader) .table__cell {
    background-color: #e6f9fc; }
    .table tr:hover:not(.theader) td textarea,
    .table tr:hover:not(.theader) td input,
    .table tr:hover:not(.theader) td input[readonly],
    .table tr:hover:not(.theader) td input.datepicker-input,
    .table tr:hover:not(.theader) td .input-button-datepicker,
    .table tr:hover:not(.theader) .table__cell textarea,
    .table tr:hover:not(.theader) .table__cell input,
    .table tr:hover:not(.theader) .table__cell input[readonly],
    .table tr:hover:not(.theader) .table__cell input.datepicker-input,
    .table tr:hover:not(.theader) .table__cell .input-button-datepicker, .table tr.row-hover:not(.theader) td textarea,
    .table tr.row-hover:not(.theader) td input,
    .table tr.row-hover:not(.theader) td input[readonly],
    .table tr.row-hover:not(.theader) td input.datepicker-input,
    .table tr.row-hover:not(.theader) td .input-button-datepicker,
    .table tr.row-hover:not(.theader) .table__cell textarea,
    .table tr.row-hover:not(.theader) .table__cell input,
    .table tr.row-hover:not(.theader) .table__cell input[readonly],
    .table tr.row-hover:not(.theader) .table__cell input.datepicker-input,
    .table tr.row-hover:not(.theader) .table__cell .input-button-datepicker, .table tr--selected:not(.theader) td textarea,
    .table tr--selected:not(.theader) td input,
    .table tr--selected:not(.theader) td input[readonly],
    .table tr--selected:not(.theader) td input.datepicker-input,
    .table tr--selected:not(.theader) td .input-button-datepicker,
    .table tr--selected:not(.theader) .table__cell textarea,
    .table tr--selected:not(.theader) .table__cell input,
    .table tr--selected:not(.theader) .table__cell input[readonly],
    .table tr--selected:not(.theader) .table__cell input.datepicker-input,
    .table tr--selected:not(.theader) .table__cell .input-button-datepicker, .table__row:hover:not(.theader) td textarea,
    .table__row:hover:not(.theader) td input,
    .table__row:hover:not(.theader) td input[readonly],
    .table__row:hover:not(.theader) td input.datepicker-input,
    .table__row:hover:not(.theader) td .input-button-datepicker,
    .table__row:hover:not(.theader) .table__cell textarea,
    .table__row:hover:not(.theader) .table__cell input,
    .table__row:hover:not(.theader) .table__cell input[readonly],
    .table__row:hover:not(.theader) .table__cell input.datepicker-input,
    .table__row:hover:not(.theader) .table__cell .input-button-datepicker, .table__row.row-hover:not(.theader) td textarea,
    .table__row.row-hover:not(.theader) td input,
    .table__row.row-hover:not(.theader) td input[readonly],
    .table__row.row-hover:not(.theader) td input.datepicker-input,
    .table__row.row-hover:not(.theader) td .input-button-datepicker,
    .table__row.row-hover:not(.theader) .table__cell textarea,
    .table__row.row-hover:not(.theader) .table__cell input,
    .table__row.row-hover:not(.theader) .table__cell input[readonly],
    .table__row.row-hover:not(.theader) .table__cell input.datepicker-input,
    .table__row.row-hover:not(.theader) .table__cell .input-button-datepicker, .table__row--selected:not(.theader) td textarea,
    .table__row--selected:not(.theader) td input,
    .table__row--selected:not(.theader) td input[readonly],
    .table__row--selected:not(.theader) td input.datepicker-input,
    .table__row--selected:not(.theader) td .input-button-datepicker,
    .table__row--selected:not(.theader) .table__cell textarea,
    .table__row--selected:not(.theader) .table__cell input,
    .table__row--selected:not(.theader) .table__cell input[readonly],
    .table__row--selected:not(.theader) .table__cell input.datepicker-input,
    .table__row--selected:not(.theader) .table__cell .input-button-datepicker {
      border: 1px solid #d1dade; }
    .table tr:hover:not(.theader) td .select2-input,
    .table tr:hover:not(.theader) .table__cell .select2-input, .table tr.row-hover:not(.theader) td .select2-input,
    .table tr.row-hover:not(.theader) .table__cell .select2-input, .table tr--selected:not(.theader) td .select2-input,
    .table tr--selected:not(.theader) .table__cell .select2-input, .table__row:hover:not(.theader) td .select2-input,
    .table__row:hover:not(.theader) .table__cell .select2-input, .table__row.row-hover:not(.theader) td .select2-input,
    .table__row.row-hover:not(.theader) .table__cell .select2-input, .table__row--selected:not(.theader) td .select2-input,
    .table__row--selected:not(.theader) .table__cell .select2-input {
      border: none; }
    .table tr:hover:not(.theader) td--dark-1,
    .table tr:hover:not(.theader) .table__cell--dark-1, .table tr.row-hover:not(.theader) td--dark-1,
    .table tr.row-hover:not(.theader) .table__cell--dark-1, .table tr--selected:not(.theader) td--dark-1,
    .table tr--selected:not(.theader) .table__cell--dark-1, .table__row:hover:not(.theader) td--dark-1,
    .table__row:hover:not(.theader) .table__cell--dark-1, .table__row.row-hover:not(.theader) td--dark-1,
    .table__row.row-hover:not(.theader) .table__cell--dark-1, .table__row--selected:not(.theader) td--dark-1,
    .table__row--selected:not(.theader) .table__cell--dark-1 {
      background-color: rgba(115, 119, 124, 0.1); }
    .table tr:hover:not(.theader) td--dark-2,
    .table tr:hover:not(.theader) .table__cell--dark-2, .table tr.row-hover:not(.theader) td--dark-2,
    .table tr.row-hover:not(.theader) .table__cell--dark-2, .table tr--selected:not(.theader) td--dark-2,
    .table tr--selected:not(.theader) .table__cell--dark-2, .table__row:hover:not(.theader) td--dark-2,
    .table__row:hover:not(.theader) .table__cell--dark-2, .table__row.row-hover:not(.theader) td--dark-2,
    .table__row.row-hover:not(.theader) .table__cell--dark-2, .table__row--selected:not(.theader) td--dark-2,
    .table__row--selected:not(.theader) .table__cell--dark-2 {
      background-color: rgba(115, 119, 124, 0.2); }
    .table tr:hover:not(.theader) td--dark-3,
    .table tr:hover:not(.theader) .table__cell--dark-3, .table tr.row-hover:not(.theader) td--dark-3,
    .table tr.row-hover:not(.theader) .table__cell--dark-3, .table tr--selected:not(.theader) td--dark-3,
    .table tr--selected:not(.theader) .table__cell--dark-3, .table__row:hover:not(.theader) td--dark-3,
    .table__row:hover:not(.theader) .table__cell--dark-3, .table__row.row-hover:not(.theader) td--dark-3,
    .table__row.row-hover:not(.theader) .table__cell--dark-3, .table__row--selected:not(.theader) td--dark-3,
    .table__row--selected:not(.theader) .table__cell--dark-3 {
      background-color: rgba(115, 119, 124, 0.3); }
    .table tr:hover:not(.theader) td--dark-4,
    .table tr:hover:not(.theader) .table__cell--dark-4, .table tr.row-hover:not(.theader) td--dark-4,
    .table tr.row-hover:not(.theader) .table__cell--dark-4, .table tr--selected:not(.theader) td--dark-4,
    .table tr--selected:not(.theader) .table__cell--dark-4, .table__row:hover:not(.theader) td--dark-4,
    .table__row:hover:not(.theader) .table__cell--dark-4, .table__row.row-hover:not(.theader) td--dark-4,
    .table__row.row-hover:not(.theader) .table__cell--dark-4, .table__row--selected:not(.theader) td--dark-4,
    .table__row--selected:not(.theader) .table__cell--dark-4 {
      background-color: rgba(115, 119, 124, 0.4); }
    .table tr:hover:not(.theader) td--dark-5,
    .table tr:hover:not(.theader) .table__cell--dark-5, .table tr.row-hover:not(.theader) td--dark-5,
    .table tr.row-hover:not(.theader) .table__cell--dark-5, .table tr--selected:not(.theader) td--dark-5,
    .table tr--selected:not(.theader) .table__cell--dark-5, .table__row:hover:not(.theader) td--dark-5,
    .table__row:hover:not(.theader) .table__cell--dark-5, .table__row.row-hover:not(.theader) td--dark-5,
    .table__row.row-hover:not(.theader) .table__cell--dark-5, .table__row--selected:not(.theader) td--dark-5,
    .table__row--selected:not(.theader) .table__cell--dark-5 {
      background-color: rgba(115, 119, 124, 0.5); }
    .table tr:hover:not(.theader) td--dark-6,
    .table tr:hover:not(.theader) .table__cell--dark-6, .table tr.row-hover:not(.theader) td--dark-6,
    .table tr.row-hover:not(.theader) .table__cell--dark-6, .table tr--selected:not(.theader) td--dark-6,
    .table tr--selected:not(.theader) .table__cell--dark-6, .table__row:hover:not(.theader) td--dark-6,
    .table__row:hover:not(.theader) .table__cell--dark-6, .table__row.row-hover:not(.theader) td--dark-6,
    .table__row.row-hover:not(.theader) .table__cell--dark-6, .table__row--selected:not(.theader) td--dark-6,
    .table__row--selected:not(.theader) .table__cell--dark-6 {
      background-color: rgba(115, 119, 124, 0.6); }
    .table tr:hover:not(.theader) td--dark-7,
    .table tr:hover:not(.theader) .table__cell--dark-7, .table tr.row-hover:not(.theader) td--dark-7,
    .table tr.row-hover:not(.theader) .table__cell--dark-7, .table tr--selected:not(.theader) td--dark-7,
    .table tr--selected:not(.theader) .table__cell--dark-7, .table__row:hover:not(.theader) td--dark-7,
    .table__row:hover:not(.theader) .table__cell--dark-7, .table__row.row-hover:not(.theader) td--dark-7,
    .table__row.row-hover:not(.theader) .table__cell--dark-7, .table__row--selected:not(.theader) td--dark-7,
    .table__row--selected:not(.theader) .table__cell--dark-7 {
      background-color: rgba(115, 119, 124, 0.7); }
    .table tr:hover:not(.theader) td--dark-8,
    .table tr:hover:not(.theader) .table__cell--dark-8, .table tr.row-hover:not(.theader) td--dark-8,
    .table tr.row-hover:not(.theader) .table__cell--dark-8, .table tr--selected:not(.theader) td--dark-8,
    .table tr--selected:not(.theader) .table__cell--dark-8, .table__row:hover:not(.theader) td--dark-8,
    .table__row:hover:not(.theader) .table__cell--dark-8, .table__row.row-hover:not(.theader) td--dark-8,
    .table__row.row-hover:not(.theader) .table__cell--dark-8, .table__row--selected:not(.theader) td--dark-8,
    .table__row--selected:not(.theader) .table__cell--dark-8 {
      background-color: rgba(115, 119, 124, 0.8); }
    .table tr:hover:not(.theader) td--dark-9,
    .table tr:hover:not(.theader) .table__cell--dark-9, .table tr.row-hover:not(.theader) td--dark-9,
    .table tr.row-hover:not(.theader) .table__cell--dark-9, .table tr--selected:not(.theader) td--dark-9,
    .table tr--selected:not(.theader) .table__cell--dark-9, .table__row:hover:not(.theader) td--dark-9,
    .table__row:hover:not(.theader) .table__cell--dark-9, .table__row.row-hover:not(.theader) td--dark-9,
    .table__row.row-hover:not(.theader) .table__cell--dark-9, .table__row--selected:not(.theader) td--dark-9,
    .table__row--selected:not(.theader) .table__cell--dark-9 {
      background-color: rgba(115, 119, 124, 0.9); }
  .table tr:hover:not(.theader) .expand-container--collapsed::after, .table tr:hover:not(.theader) .expand-container__content::after, .table tr:hover:not(.theader) .expand-container__button, .table tr.row-hover:not(.theader) .expand-container--collapsed::after, .table tr.row-hover:not(.theader) .expand-container__content::after, .table tr.row-hover:not(.theader) .expand-container__button, .table tr--selected:not(.theader) .expand-container--collapsed::after, .table tr--selected:not(.theader) .expand-container__content::after, .table tr--selected:not(.theader) .expand-container__button, .table__row:hover:not(.theader) .expand-container--collapsed::after, .table__row:hover:not(.theader) .expand-container__content::after, .table__row:hover:not(.theader) .expand-container__button, .table__row.row-hover:not(.theader) .expand-container--collapsed::after, .table__row.row-hover:not(.theader) .expand-container__content::after, .table__row.row-hover:not(.theader) .expand-container__button, .table__row--selected:not(.theader) .expand-container--collapsed::after, .table__row--selected:not(.theader) .expand-container__content::after, .table__row--selected:not(.theader) .expand-container__button {
    background-color: rgba(230, 249, 252, 0.8); }
  .table tr--bold, .table__row--bold {
    font-weight: 600; }
  .table tr.table__row--level-1 td,
  .table tr.table__row--level-1 .table__cell, .table__row.table__row--level-1 td,
  .table__row.table__row--level-1 .table__cell {
    background: #e8eaee;
    color: #222325; }
    .table tr.table__row--level-1 td.total-cell, .table tr.table__row--level-1 td.total-cell--right, .table tr.table__row--level-1 td.total-cell--left, .table tr.table__row--level-1 td.total-cell--center,
    .table tr.table__row--level-1 .table__cell.total-cell,
    .table tr.table__row--level-1 .table__cell.total-cell--right,
    .table tr.table__row--level-1 .table__cell.total-cell--left,
    .table tr.table__row--level-1 .table__cell.total-cell--center, .table__row.table__row--level-1 td.total-cell, .table__row.table__row--level-1 .table td.total-cell--right, .table .table__row.table__row--level-1 td.total-cell--right, .table__row.table__row--level-1 .table td.total-cell--left, .table .table__row.table__row--level-1 td.total-cell--left, .table__row.table__row--level-1 .table td.total-cell--center, .table .table__row.table__row--level-1 td.total-cell--center,
    .table__row.table__row--level-1 .table__cell.total-cell,
    .table__row.table__row--level-1 .table .table__cell.total-cell--right,
    .table .table__row.table__row--level-1 .table__cell.total-cell--right,
    .table__row.table__row--level-1 .table .table__cell.total-cell--left,
    .table .table__row.table__row--level-1 .table__cell.total-cell--left,
    .table__row.table__row--level-1 .table .table__cell.total-cell--center,
    .table .table__row.table__row--level-1 .table__cell.total-cell--center {
      background: #dce0e5; }
  .table tr.table__row--level-2 td,
  .table tr.table__row--level-2 .table__cell, .table__row.table__row--level-2 td,
  .table__row.table__row--level-2 .table__cell {
    background: #f3f5f6;
    color: #222325; }
    .table tr.table__row--level-2 td.total-cell, .table tr.table__row--level-2 td.total-cell--right, .table tr.table__row--level-2 td.total-cell--left, .table tr.table__row--level-2 td.total-cell--center,
    .table tr.table__row--level-2 .table__cell.total-cell,
    .table tr.table__row--level-2 .table__cell.total-cell--right,
    .table tr.table__row--level-2 .table__cell.total-cell--left,
    .table tr.table__row--level-2 .table__cell.total-cell--center, .table__row.table__row--level-2 td.total-cell, .table__row.table__row--level-2 .table td.total-cell--right, .table .table__row.table__row--level-2 td.total-cell--right, .table__row.table__row--level-2 .table td.total-cell--left, .table .table__row.table__row--level-2 td.total-cell--left, .table__row.table__row--level-2 .table td.total-cell--center, .table .table__row.table__row--level-2 td.total-cell--center,
    .table__row.table__row--level-2 .table__cell.total-cell,
    .table__row.table__row--level-2 .table .table__cell.total-cell--right,
    .table .table__row.table__row--level-2 .table__cell.total-cell--right,
    .table__row.table__row--level-2 .table .table__cell.total-cell--left,
    .table .table__row.table__row--level-2 .table__cell.total-cell--left,
    .table__row.table__row--level-2 .table .table__cell.total-cell--center,
    .table .table__row.table__row--level-2 .table__cell.total-cell--center {
      background: #e8eaee; }
  .table tr.highlighted-level td, .table__row.highlighted-level td {
    background-color: rgba(24, 48, 84, 0.05);
    border: none; }
    .table tr.highlighted-level td.total-cell, .table tr.highlighted-level td.total-cell--right, .table tr.highlighted-level td.total-cell--left, .table tr.highlighted-level td.total-cell--center, .table__row.highlighted-level td.total-cell, .table__row.highlighted-level .table td.total-cell--right, .table .table__row.highlighted-level td.total-cell--right, .table__row.highlighted-level .table td.total-cell--left, .table .table__row.highlighted-level td.total-cell--left, .table__row.highlighted-level .table td.total-cell--center, .table .table__row.highlighted-level td.total-cell--center {
      font-weight: 600; }
  .table tr.highlighted-level:not(.theader):hover td:not(.theader), .table__row.highlighted-level:not(.theader):hover td:not(.theader) {
    background-color: #ddeef1; }
  .table tr.highlighted-level--light td, .table__row.highlighted-level--light td {
    background-color: #eaeaea; }
  .table tr.highlighted-level--medium td, .table__row.highlighted-level--medium td {
    background-color: #d2d3d4; }
  .table .theader td {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: none;
    border-bottom: 2px solid #bdc3c7;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase; }
  .table .theader.no-data td {
    border-bottom: none !important; }
  .table .theader.total-cell, .table td.theader.total-cell--right,
  .table .theader.table__cell.total-cell--right, .table td.theader.total-cell--left,
  .table .theader.table__cell.total-cell--left, .table td.theader.total-cell--center,
  .table .theader.table__cell.total-cell--center {
    background: #fff !important; }
  .table .theader .sort-triangle {
    display: inline; }
  .table__shadow {
    background-color: rgba(0, 0, 0, 0.05);
    content: ' ';
    height: calc(100% - 18px);
    position: absolute;
    top: 0;
    width: 1px;
    z-index: 1;
    pointer-events: none; }
  .table--small tr, .card .table tr, .page-right-panel .table tr,
  .table--small .table__row,
  .card .table .table__row,
  .page-right-panel .table .table__row {
    height: 32px;
    min-height: 32px; }
  .table--borderless, .card .table, .page-right-panel .table {
    width: 100%;
    border: none;
    color: #54585e; }
    .table--borderless table, .card .table table, .page-right-panel .table table {
      border: none; }
    .table--borderless tr.theader th, .card .table tr.theader th, .page-right-panel .table tr.theader th,
    .table--borderless tr.theader td,
    .card .table tr.theader td,
    .page-right-panel .table tr.theader td,
    .table--borderless tr.theader .table__cell,
    .card .table tr.theader .table__cell,
    .page-right-panel .table tr.theader .table__cell,
    .table--borderless .table__row.theader th,
    .card .table .table__row.theader th,
    .page-right-panel .table .table__row.theader th,
    .table--borderless .table__row.theader td,
    .card .table .table__row.theader td,
    .page-right-panel .table .table__row.theader td,
    .table--borderless .table__row.theader .table__cell,
    .card .table .table__row.theader .table__cell,
    .page-right-panel .table .table__row.theader .table__cell {
      box-shadow: none;
      border: none;
      font-size: 11px;
      font-weight: 400;
      text-transform: uppercase; }
  .table--small-padding td,
  .table--small-padding .table__cell {
    padding: 4px 5px; }
  .table__scroller {
    overflow-x: auto;
    overflow-y: hidden; }
    .table__scroller--sticky {
      position: fixed;
      z-index: 10;
      left: 72px;
      overflow-x: auto;
      display: block;
      width: calc(100% - 112px); }
    .table__scroller--header {
      -ms-overflow-style: none; }
      .table__scroller--header::-webkit-scrollbar {
        display: none; }
      .table__scroller--header table {
        border-bottom: none; }
      .table__scroller--header td {
        position: relative; }
    .table__scroller--body table {
      border-top: none;
      background-color: transparent; }
    .table__scroller--footer table {
      border-width: 1px;
      border-color: transparent; }
  .table--no-highlight tr:not(.theader):hover td {
    background-color: #fff !important; }
  .table .gi-remove:hover {
    color: #f35958; }
  .table .gi-asterisk {
    white-space: nowrap; }
  .table .image-icon {
    width: 20px;
    vertical-align: middle; }
  .table .form-input-date, .table .form-input-date-value {
    width: 120px; }
    .table .form-input-date .datepicker-input, .table .form-input-date-value .datepicker-input {
      width: 90px; }
    .table .form-input-date .input-group, .table .form-input-date-value .input-group {
      border-spacing: 0 0; }
    .table .form-input-date .gi-calendar, .table .form-input-date-value .gi-calendar {
      color: #008ac1; }
      .table .form-input-date .gi-calendar::before, .table .form-input-date-value .gi-calendar::before {
        font-size: 19px !important; }
    .table .form-input-date .large-icon::before, .table .form-input-date-value .large-icon::before {
      font-size: 28px; }
  .table .read-only-date {
    width: 120px;
    display: inline-block;
    padding: 0 9px; }
    .table .read-only-date:nth-of-type(2n) {
      margin-right: 0; }
    .table .read-only-date:nth-of-type(2n+1) {
      clear: left; }
  .table .form-input-value-text {
    padding-left: 8px; }
  .table input,
  .table textarea {
    width: 100%;
    padding: 7px; }
  .table input[data-type='numeric'] {
    padding: 7px 1px;
    text-align: right; }
    .table input[data-type='numeric']:focus {
      border-color: #07aaea !important; }
  .table .checkbox-wrapper {
    margin: 0; }
    .table .checkbox-wrapper label {
      margin: 0; }
  .table .select2-value {
    height: 28px; }
  .table .tree_row {
    display: table-row;
    width: 250px; }
    .table .tree_row .node_controls,
    .table .tree_row .node_title {
      display: table-cell;
      vertical-align: top; }
    .table .tree_row .node_controls {
      width: 28px;
      min-width: 28px;
      white-space: nowrap; }
      .table .tree_row .node_controls img {
        vertical-align: middle; }
    .table .tree_row .node_title {
      vertical-align: middle;
      word-wrap: break-word; }
  .table .lines {
    display: block;
    line-height: 1.5; }
    .table .lines .next_line {
      display: block;
      margin-left: 5px; }
  .table .form-input-table input,
  .table .form-input-table textarea {
    width: 100%;
    padding: 7px; }
  .table .form-input-date, .table .form-input-date-value {
    margin-right: 0;
    width: 110px; }
    .table .form-input-date:last-of-type, .table .form-input-date-value:last-of-type {
      margin: 0; }
    .table .form-input-date .datepicker-input, .table .form-input-date-value .datepicker-input,
    .table .form-input-date .input-button-datepicker,
    .table .form-input-date-value .input-button-datepicker {
      height: 28px; }
  .table .progress {
    margin: 0;
    -ms-flex-align: center;
        align-items: center; }
    .table .progress__header {
      min-height: 0; }
      .table .progress__header + .progress__body {
        margin: 0 5px; }
    .table .progress__body {
      height: 5px; }
    .table .progress--vertical {
      -ms-flex-align: center;
          align-items: center; }
      .table .progress--vertical .progress__body {
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        height: 100%;
        width: 100%; }
        .table .progress--vertical .progress__body .progress__bar:first-of-type {
          border-radius: 0; }
        .table .progress--vertical .progress__body .progress__bar:last-of-type {
          border-radius: 0; }
        .table .progress--vertical .progress__body .progress__bar:only-of-type {
          border-radius: 0; }
      .table .progress--vertical .progress__footer {
        margin-top: 5px; }
  .table .progress-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .table .progress-block--horizontal {
      -ms-flex-direction: row;
          flex-direction: row; }
    .table .progress-block--vertical {
      -ms-flex-direction: column;
          flex-direction: column; }
    .table .progress-block .progress-block__bar {
      display: -ms-flexbox;
      display: flex;
      margin: 5px;
      width: 15px;
      background: #005FA0; }
      .table .progress-block .progress-block__bar--capped-top {
        border-top: 2px solid red; }
      .table .progress-block .progress-block__bar--capped-bottom {
        border-bottom: 2px solid red; }
    .table .progress-block .progress-block__value {
      display: -ms-flexbox;
      display: flex; }
  .table .card {
    background: transparent; }
  .table .form-input-value {
    margin: 0;
    width: 100%; }
    .table .form-input-value--mandatory:before {
      content: '';
      display: block;
      position: absolute;
      height: 6px;
      width: 6px;
      border-radius: 6px;
      top: -2px;
      left: -2px;
      background-color: #f35958; }

.employees_row {
  display: table;
  width: 100%;
  table-layout: fixed;
  min-width: 250px; }

.employees_cell {
  display: table-cell;
  position: relative;
  padding-left: 20px; }
  .employees_cell .capacities {
    margin: 20px 0; }
  .employees_cell:first-child {
    position: relative;
    width: 300px;
    padding-left: 0; }
    .employees_cell:first-child::after {
      content: '';
      position: absolute;
      top: -20px;
      right: 0;
      display: block;
      width: 1px;
      height: calc(100% + 40px);
      background-color: #d1dade; }
    .employees_cell:first-child .table {
      position: relative;
      left: -20px;
      width: calc(100% + 20px); }
  .employees_cell--table {
    position: inherit !important;
    padding-left: 20px !important; }
    .employees_cell--table::after {
      display: none !important; }

.employees_capacities_legend {
  margin: 25px 0; }
  .employees_capacities_legend ul {
    margin: 0;
    margin-bottom: 25px;
    padding: 0; }
  .employees_capacities_legend li {
    display: inline-block;
    vertical-align: middle;
    position: relative; }
    .employees_capacities_legend li:first-child::after {
      content: "";
      display: block;
      width: 1px;
      background-color: #54585e;
      height: 12px;
      position: absolute;
      bottom: 0;
      top: 1px;
      margin: auto;
      right: -10px; }
    .employees_capacities_legend li .color_box {
      height: 20px;
      width: 30px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      margin-left: 20px; }
  .employees_capacities_legend span {
    margin: 25px 0;
    vertical-align: middle; }
    .employees_capacities_legend span.description {
      margin: 10px 0;
      display: block; }

.capacities {
  font-size: 0; }

.capacity, .capacity_plan {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(25% - 20px);
  font-size: 13px;
  min-width: 250px;
  padding-right: 40px;
  margin-right: 20px; }
  .capacity--small .capacity__label {
    font-size: 12px; }
  .capacity--small .capacity_count {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    color: #54585e; }
  .capacity__label {
    color: #54585e;
    font-size: 14px; }
  .capacity_count, .capacity_measure {
    display: inline-block;
    vertical-align: baseline; }
  .capacity_count {
    margin-right: 3px;
    font-weight: 400;
    font-size: 26px; }
    .capacity_count--thin {
      font-weight: 300; }
  .capacity_measure {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400; }
  .capacity_specification {
    margin: 0;
    margin-bottom: 5px;
    font-size: 12px;
    display: block; }
  .capacity_clarification {
    color: #bdc3c7;
    font-size: 10px; }
  .capacity:not(:last-child)::after, .capacity_plan:not(:last-child)::after {
    content: "";
    display: block;
    height: calc(100% + 6px);
    width: 1px;
    background-color: #d1dade;
    position: absolute;
    top: -3px;
    right: 0; }
  .capacity_plan {
    float: left;
    display: block;
    margin-right: 1.81818%;
    width: 32.12121%;
    padding-right: 10px; }
    .capacity_plan:last-child {
      margin-right: 0; }
    .capacity_plan::after {
      min-height: 300px; }
    .capacity_plan .capacity, .capacity_plan .capacity_plan {
      display: block;
      width: 100%;
      margin-bottom: 40px;
      margin-right: 0; }
      .capacity_plan .capacity:last-child, .capacity_plan .capacity_plan:last-child {
        margin-bottom: 0; }
      .capacity_plan .capacity::after, .capacity_plan .capacity_plan::after {
        width: 0; }
    .capacity_plan .progress {
      width: 210px;
      margin: 0;
      margin-bottom: 20px; }

.h3-capacity-employee {
  color: #869198;
  font-size: 16px; }
  .h3-capacity-employee + .capacity_clarification {
    margin-bottom: 15px; }

.employee_profile {
  padding: 25px 0;
  position: relative; }
  .employee_profile::after {
    display: block;
    content: "";
    clear: both; }
  .employee_profile_info {
    float: left;
    display: block;
    margin-right: 1.81818%;
    width: 18.54545%; }
    .employee_profile_info:last-child {
      margin-right: 0; }
    .employee_profile_info:nth-of-type(5n) {
      margin-right: 0; }
    .employee_profile_info label {
      font-size: 13px;
      width: 100%;
      margin-bottom: 6px;
      display: block; }
    .employee_profile_info .view-form {
      color: #000; }
  .employee_profile + .capacities {
    position: relative;
    padding-top: 20px; }

.chosen {
  font-weight: 600; }

.form-input-value.badge__status--yellow, .form-input-value.badge__status--green, .form-input-value.badge__status--red, .form-input-value.badge__status--empty {
  padding: 25px 20px; }
  .form-input-value.badge__status--yellow span, .form-input-value.badge__status--green span, .form-input-value.badge__status--red span, .form-input-value.badge__status--empty span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }
    .form-input-value.badge__status--yellow span:last-child, .form-input-value.badge__status--green span:last-child, .form-input-value.badge__status--red span:last-child, .form-input-value.badge__status--empty span:last-child {
      margin-right: 0; }

.milestone-main-task .milestone-issue-container {
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 61px;
  margin-left: 16px;
  -ms-flex-align: center;
      align-items: center; }

.milestone-main-task .task-without-issues {
  margin-left: 77px !important; }

.progress-status-container {
  width: 200px; }

span.icon-label {
  padding-left: 10px;
  vertical-align: middle;
  display: inline; }

.status-toggle-wrapper {
  white-space: nowrap !important; }
  .status-toggle-wrapper .buttonsAlign {
    white-space: nowrap;
    text-align: center; }
  .status-toggle-wrapper .round-status-button {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #d1dade;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    line-height: 32px; }
    .status-toggle-wrapper .round-status-button i.gi-task-done::before, .status-toggle-wrapper .round-status-button i.gi-task-not-relevant::before, .status-toggle-wrapper .round-status-button i.gi-task-in-progress::before, .status-toggle-wrapper .round-status-button i.gi-task-in-review::before, .status-toggle-wrapper .round-status-button i.gi-task-planed::before {
      margin-top: -6px;
      margin-left: -3px; }
    .status-toggle-wrapper .round-status-button i::before {
      font-size: 20px;
      line-height: 20px;
      color: #fff; }
    .status-toggle-wrapper .round-status-button--lightgray.active {
      background-color: #bdc3c7;
      border-color: transparent; }
    .status-toggle-wrapper .round-status-button--red.active {
      background-color: #f35958;
      border-color: transparent; }
    .status-toggle-wrapper .round-status-button--yellow.active {
      background-color: #f9ba46;
      border-color: transparent; }
    .status-toggle-wrapper .round-status-button--green.active {
      background-color: #a3d634;
      border-color: transparent; }
    .status-toggle-wrapper .round-status-button + .round-status-button {
      margin-left: 2px; }

.phase_arrow {
  background: url("/etc/phase_bg.gif") repeat-x;
  text-align: center;
  vertical-align: middle;
  padding: 1px 4px; }

.phase_arrow_image img {
  border: 0; }

.phase_name {
  FONT-FAMILY: Roboto, Arial, sans-serif;
  font-size: 9px;
  color: #666666;
  text-align: center;
  height: 12px;
  vertical-align: middle; }

a.phase_milestone_current:link, a.phase_milestone_current:visited, a.phase_milestone_current:hover {
  FONT-FAMILY: Verdana, Geneva, Roboto, Arial, sans-serif;
  font-size: 9px;
  border: 1px solid #000;
  background: #a8c0e2;
  padding: 0 2px;
  color: #fff;
  font-variant: normal;
  text-transform: uppercase;
  text-decoration: none; }

a.phase_milestone_done:link, a.phase_milestone_done:visited {
  FONT-FAMILY: Verdana, Geneva, Roboto, Arial, sans-serif;
  font-size: 9px;
  border: 1px solid #b7b7b7;
  background: #b7b7b7;
  padding: 0 2px;
  color: #fff;
  font-variant: normal;
  text-transform: uppercase;
  text-decoration: none; }

a.phase_milestone_done:hover {
  border: 1px solid #666666;
  background: #9a9db7; }

a.phase_milestone_none:link, a.phase_milestone_none:visited {
  FONT-FAMILY: Verdana, Geneva, Roboto, Arial, sans-serif;
  font-size: 9px;
  border: 1px solid #b7b7b7;
  background: #fff;
  padding: 0 2px;
  color: #5a5a5a;
  font-variant: normal;
  text-transform: uppercase;
  text-decoration: none; }

a.phase_milestone_none:hover {
  border: 1px solid #666666;
  background: #9a9db7;
  color: #fff; }

/* START Workflow Phases and Milestones chart*/
.activity_panelborder {
  font-weight: normal;
  color: #000;
  text-align: left;
  background-color: White;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  padding: 3px; }

.activity_panel_bottom {
  background: url(/_img/activity_pointer_bg.gif) repeat-x left; }

.signplace {
  font-weight: normal;
  color: #000;
  text-align: left;
  padding-left: 4px;
  padding-right: 7px;
  vertical-align: middle; }

.activity_arrow_past {
  FONT-FAMILY: Roboto, Arial, sans-serif;
  font-size: 9px;
  color: #666666;
  text-align: center;
  height: 12px;
  vertical-align: middle;
  background: url(/_img/activity_bg_past.gif);
  padding: 1px 4px; }

.activity_arrow_current {
  FONT-FAMILY: Roboto, Arial, sans-serif;
  font-size: 9px;
  color: #000;
  text-align: center;
  height: 12px;
  vertical-align: middle;
  background: url(/_img/activity_bg_current.gif);
  padding: 1px 4px; }

.activity_arrow_future {
  FONT-FAMILY: Roboto, Arial, sans-serif;
  font-size: 9px;
  color: #666666;
  text-align: center;
  height: 12px;
  vertical-align: middle;
  background: url(/_img/activity_bg_future.gif);
  padding: 1px 4px; }

.activity_role_row {
  padding-top: 4px; }

.activity_approver_row {
  padding-top: 4px; }

.activity_comment_row {
  padding-top: 3px; }

.milestone {
  vertical-align: middle;
  border-radius: 3px;
  font-size: 0; }
  .milestone_done, .milestone_rest {
    display: inline-block;
    vertical-align: middle;
    height: 8px; }
  .milestone_done {
    background: #07aaea;
    border-radius: 3px; }
  .milestone_rest {
    background: #f3f5f6;
    border-radius: 3px; }
  .milestone-title {
    padding-right: 10px;
    vertical-align: middle;
    margin-left: 5px; }

/* END Workflow Phases and Milestones chart*/
.notification {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px;
  border-width: 1px;
  border-style: solid; }
  .notification--gray {
    background-color: #eee;
    border-color: #e0e0e0;
    color: #54585e; }
  .notification--blue {
    background-color: #eaf5fa;
    border-color: #bed3dd;
    color: #54585e; }
  .notification--green {
    background-color: #e3f9bb;
    border-color: #a3d634;
    color: #86b324; }
  .notification--yellow {
    background-color: #fff7d6;
    border-color: #f9ba46;
    color: #f5a108; }
  .notification--red {
    background-color: #fce3e3;
    border-color: #f35958;
    color: #f35958; }
  .notification__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 8px 0 0;
    font-size: 12px; }
  .notification__text {
    width: 100%;
    font-size: 14px; }
  .notification__close {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px; }
    .notification__close:link, .notification__close:hover, .notification__close:visited, .notification__close:active {
      color: inherit; }
  .notification p {
    margin-bottom: 8px; }
    .notification p:first-child {
      margin-top: 0; }
    .notification p:last-child {
      margin-bottom: 0; }

/* DEPRECATED */
.status-warning {
  border: 0;
  font-size: 12px !important; }
  .status-warning.is-demo-warning {
    font-size: 16px !important; }

.status-success {
  border-radius: 3px; }

.msg-popup-container {
  z-index: 1;
  padding: 0;
  font-size: 14px;
  margin-top: 10px;
  text-align: left; }

.todo {
  margin: 0 0 20px 0;
  list-style: none; }
  [data-theme="classic"] .todo__text,
  [data-theme="classic"] .todo__item .checkbox-wrapper .checkbox + .checkbox-label {
    font-size: 12px; }
  .todo__item {
    margin-bottom: 5px; }
    .todo__item:last-child {
      margin-bottom: 0; }
  .todo__icon {
    display: inline-block; }
    .todo__icon .gi::before {
      font-size: 20px; }
  .todo__text {
    vertical-align: middle;
    font-size: 14px; }

.msg-error,
.msg-change_request, .status-warning {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 9px 20px;
  background: #fce3e3;
  border: 1px solid #f35958;
  font-size: 14px;
  font-weight: normal;
  color: #f35958; }
  .msg-error:not(:last-child),
  .msg-change_request:not(:last-child), .status-warning:not(:last-child) {
    border-bottom: 0; }
  .msg-error .msg-text, .msg-change_request .msg-text, .status-warning .msg-text {
    width: calc(100% - 50px);
    padding: 0 16px 0 0;
    line-height: 1.2; }
  .msg-error .msg-icon, .msg-change_request .msg-icon, .status-warning .msg-icon {
    width: 16px;
    margin: 0 10px 0 0; }
    .msg-error .msg-icon i, .msg-change_request .msg-icon i, .status-warning .msg-icon i {
      display: block;
      width: 16px;
      height: 16px; }
  .msg-error a.flash-link, .msg-change_request a.flash-link, .status-warning a.flash-link {
    color: #f35958;
    text-decoration: underline; }
  .msg-error a.flash-close, .msg-change_request a.flash-close, .status-warning a.flash-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #f35958;
    text-decoration: none; }
  .msg-error i[class*="gi-"]::before, .msg-change_request i[class*="gi-"]::before, .status-warning i[class*="gi-"]::before {
    vertical-align: top; }
  .msg-error p:last-child, .msg-change_request p:last-child, .status-warning p:last-child {
    margin-bottom: 0; }

.msg-warning,
.msg-todo {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 9px 20px;
  background: #fff7d6;
  border: 1px solid #f9ba46;
  font-size: 14px;
  font-weight: normal;
  color: #f5a108; }
  .msg-warning:not(:last-child),
  .msg-todo:not(:last-child) {
    border-bottom: 0; }
  .msg-warning .msg-text, .msg-todo .msg-text {
    width: calc(100% - 50px);
    padding: 0 16px 0 0;
    line-height: 1.2; }
  .msg-warning .msg-icon, .msg-todo .msg-icon {
    width: 16px;
    margin: 0 10px 0 0; }
    .msg-warning .msg-icon i, .msg-todo .msg-icon i {
      display: block;
      width: 16px;
      height: 16px; }
  .msg-warning a.flash-link, .msg-todo a.flash-link {
    color: #f5a108;
    text-decoration: underline; }
  .msg-warning a.flash-close, .msg-todo a.flash-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #f5a108;
    text-decoration: none; }
  .msg-warning i[class*="gi-"]::before, .msg-todo i[class*="gi-"]::before {
    vertical-align: top; }
  .msg-warning p:last-child, .msg-todo p:last-child {
    margin-bottom: 0; }

.msg-success, .status-success {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 9px 20px;
  background: #e3f9bb;
  border: 1px solid #a3d634;
  font-size: 14px;
  font-weight: normal;
  color: #86b324; }
  .msg-success:not(:last-child), .status-success:not(:last-child) {
    border-bottom: 0; }
  .msg-success .msg-text, .status-success .msg-text {
    width: calc(100% - 50px);
    padding: 0 16px 0 0;
    line-height: 1.2; }
  .msg-success .msg-icon, .status-success .msg-icon {
    width: 16px;
    margin: 0 10px 0 0; }
    .msg-success .msg-icon i, .status-success .msg-icon i {
      display: block;
      width: 16px;
      height: 16px; }
  .msg-success a.flash-link, .status-success a.flash-link {
    color: #86b324;
    text-decoration: underline; }
  .msg-success a.flash-close, .status-success a.flash-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #86b324;
    text-decoration: none; }
  .msg-success i[class*="gi-"]::before, .status-success i[class*="gi-"]::before {
    vertical-align: top; }
  .msg-success p:last-child, .status-success p:last-child {
    margin-bottom: 0; }

.msg-notification, .msg-wfa {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 9px 20px;
  background: #eaf5fa;
  border: 1px solid #bed3dd;
  font-size: 14px;
  font-weight: normal;
  color: #54585e; }
  .msg-notification:not(:last-child), .msg-wfa:not(:last-child) {
    border-bottom: 0; }
  .msg-notification .msg-text, .msg-wfa .msg-text {
    width: calc(100% - 50px);
    padding: 0 16px 0 0;
    line-height: 1.2; }
  .msg-notification .msg-icon, .msg-wfa .msg-icon {
    width: 16px;
    margin: 0 10px 0 0; }
    .msg-notification .msg-icon i, .msg-wfa .msg-icon i {
      display: block;
      width: 16px;
      height: 16px; }
  .msg-notification a.flash-link, .msg-wfa a.flash-link {
    color: #54585e;
    text-decoration: underline; }
  .msg-notification a.flash-close, .msg-wfa a.flash-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #54585e;
    text-decoration: none; }
  .msg-notification i[class*="gi-"]::before, .msg-wfa i[class*="gi-"]::before {
    vertical-align: top; }
  .msg-notification p:last-child, .msg-wfa p:last-child {
    margin-bottom: 0; }

.msg-info {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  padding: 9px 20px;
  background: #f0f1f2;
  border: 1px solid #f3f5f6;
  font-size: 14px;
  font-weight: normal;
  color: #f3f5f6; }
  .msg-info:not(:last-child) {
    border-bottom: 0; }
  .msg-info .msg-text {
    width: calc(100% - 50px);
    padding: 0 16px 0 0;
    line-height: 1.2; }
  .msg-info .msg-icon {
    width: 16px;
    margin: 0 10px 0 0; }
    .msg-info .msg-icon i {
      display: block;
      width: 16px;
      height: 16px; }
  .msg-info a.flash-link {
    color: #f3f5f6;
    text-decoration: underline; }
  .msg-info a.flash-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #f3f5f6;
    text-decoration: none; }
  .msg-info i[class*="gi-"]::before {
    vertical-align: top; }
  .msg-info p:last-child {
    margin-bottom: 0; }

.checkbox-group input[type=radio] + label.silver-sand::before, .checkbox input[type=radio] + label.silver-sand::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #c2c6cb; }

.checkbox-group input:checked[type=radio] + label.silver-sand::before, .checkbox input:checked[type=radio] + label.silver-sand::before {
  background: #c2c6cb;
  box-shadow: 0 0 0 1px #c2c6cb; }

.checkbox-group input[type=radio] + label.carnation::before, .checkbox input[type=radio] + label.carnation::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #f35958; }

.checkbox-group input:checked[type=radio] + label.carnation::before, .checkbox input:checked[type=radio] + label.carnation::before {
  background: #f35958;
  box-shadow: 0 0 0 1px #f35958; }

.checkbox-group input[type=radio] + label.burnt-sienna::before, .checkbox input[type=radio] + label.burnt-sienna::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #ed7d53; }

.checkbox-group input:checked[type=radio] + label.burnt-sienna::before, .checkbox input:checked[type=radio] + label.burnt-sienna::before {
  background: #ed7d53;
  box-shadow: 0 0 0 1px #ed7d53; }

.checkbox-group input[type=radio] + label.sandy-brown::before, .checkbox input[type=radio] + label.sandy-brown::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #f0a350; }

.checkbox-group input:checked[type=radio] + label.sandy-brown::before, .checkbox input:checked[type=radio] + label.sandy-brown::before {
  background: #f0a350;
  box-shadow: 0 0 0 1px #f0a350; }

.checkbox-group input[type=radio] + label.casablanca::before, .checkbox input[type=radio] + label.casablanca::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #f9ba46; }

.checkbox-group input:checked[type=radio] + label.casablanca::before, .checkbox input:checked[type=radio] + label.casablanca::before {
  background: #f9ba46;
  box-shadow: 0 0 0 1px #f9ba46; }

.checkbox-group input[type=radio] + label.ripe-lemon::before, .checkbox input[type=radio] + label.ripe-lemon::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #f5c50e; }

.checkbox-group input:checked[type=radio] + label.ripe-lemon::before, .checkbox input:checked[type=radio] + label.ripe-lemon::before {
  background: #f5c50e;
  box-shadow: 0 0 0 1px #f5c50e; }

.checkbox-group input[type=radio] + label.bird-flower::before, .checkbox input[type=radio] + label.bird-flower::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #dacb1b; }

.checkbox-group input:checked[type=radio] + label.bird-flower::before, .checkbox input:checked[type=radio] + label.bird-flower::before {
  background: #dacb1b;
  box-shadow: 0 0 0 1px #dacb1b; }

.checkbox-group input[type=radio] + label.key-lime-pie::before, .checkbox input[type=radio] + label.key-lime-pie::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #bed027; }

.checkbox-group input:checked[type=radio] + label.key-lime-pie::before, .checkbox input:checked[type=radio] + label.key-lime-pie::before {
  background: #bed027;
  box-shadow: 0 0 0 1px #bed027; }

.checkbox-group input[type=radio] + label.atlantis::before, .checkbox input[type=radio] + label.atlantis::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #a3d634; }

.checkbox-group input:checked[type=radio] + label.atlantis::before, .checkbox input:checked[type=radio] + label.atlantis::before {
  background: #a3d634;
  box-shadow: 0 0 0 1px #a3d634; }

.checkbox-group input[type=radio] + label, .checkbox input[type=radio] + label {
  color: #000; }
  .checkbox-group input[type=radio] + label::before, .checkbox input[type=radio] + label::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #c2c6cb; }

.checkbox-group input:checked[type=radio] + label::before, .checkbox input:checked[type=radio] + label::before {
  background-color: #8e9095;
  box-shadow: 0 0 0 1px #8e9095; }

.checkbox-group input:disabled[type=radio] + label, .checkbox input:disabled[type=radio] + label {
  color: rgba(38, 51, 69, 0.3); }
  .checkbox-group input:disabled[type=radio] + label::before, .checkbox input:disabled[type=radio] + label::before {
    box-shadow: 0 0 0 1px #DADADA; }

.checkbox-group input:checked:disabled[type=radio] + label::before, .checkbox input:checked:disabled[type=radio] + label::before {
  background-color: #DADADA; }

.checkbox-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin: 10px 0; }
  .checkbox-wrapper--basic {
    margin: 0; }
  .checkbox-wrapper--inline {
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .checkbox-wrapper--inline:not(:last-child) {
      margin: 10px 20px 10px 0; }
  .checkbox-wrapper span,
  .checkbox-wrapper .checkbox + label.checkbox-label {
    vertical-align: middle;
    font-size: 13px;
    margin-bottom: 0;
    width: auto;
    line-height: 18px; }

.checkbox-group {
  display: block; }
  .checkbox-group--nowrap .title-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .checkbox-group--columns-1 input + label {
    width: 100%; }
  .checkbox-group--columns-2 input + label {
    width: 50%; }
  .checkbox-group--columns-3 input + label {
    width: 33.33333%; }
  .checkbox-group--columns-4 input + label {
    width: 25%; }
  .checkbox-group--columns-5 input + label {
    width: 20%; }
  .checkbox-group--columns-6 input + label {
    width: 16.66667%; }
  .checkbox-group--columns-7 input + label {
    width: 14.28571%; }
  .checkbox-group--columns-8 input + label {
    width: 12.5%; }
  .checkbox-group .group-label {
    margin-bottom: 10px; }
    .checkbox-group .group-label label {
      display: block; }
  .checkbox-group .desc-label {
    display: block;
    margin-top: 2px;
    font-size: 11px; }
  .checkbox-group .title-label {
    display: block;
    font-size: 13px;
    padding-top: 2px; }
  .checkbox-group input {
    display: none; }
    .checkbox-group input + label {
      position: relative;
      display: inline-block;
      padding: 0 10px 0 25px;
      vertical-align: top;
      cursor: pointer; }
    .checkbox-group input:disabled + label {
      cursor: default; }
  .checkbox-group.checkbox-group-table {
    display: table-row; }
    .checkbox-group.checkbox-group-table input + label {
      display: table-cell;
      width: auto;
      padding-right: 10px; }
    .checkbox-group.checkbox-group-table .title-label {
      font-size: 13px;
      font-weight: 400;
      color: #000; }

.checkbox {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  vertical-align: top;
  line-height: 0; }
  .checkbox input {
    display: none; }
    .checkbox input + label {
      position: relative;
      min-height: 18px;
      padding-left: 25px;
      line-height: 18px;
      cursor: pointer; }
      .checkbox input + label::before, .checkbox input + label::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 18px;
        height: 18px;
        font-size: 18px;
        font-style: normal;
        text-align: center;
        line-height: 18px; }
    .checkbox input[type=checkbox] + label::before {
      width: 18px;
      height: 18px;
      background-color: #fff;
      border: 1px solid #c2c6cb;
      border-radius: 3px; }
    .checkbox input[type=checkbox] + label::after {
      content: '\E05B';
      font-family: getIcons;
      color: #fff; }
    .checkbox input[type=checkbox].partially-checked:checked + label::after {
      font-family: getIcons;
      content: '\E086';
      font-size: 18px; }
    .checkbox input[type=checkbox]:checked + label::after {
      color: #54585e; }
    .checkbox input[type=checkbox]:disabled + label {
      cursor: default; }
      .checkbox input[type=checkbox]:disabled + label::before {
        border-color: #d1dade; }
      .checkbox input[type=checkbox]:disabled + label::after {
        color: #d1dade; }
    .checkbox input[type=checkbox]:disabled:checked + label::before {
      border-color: #d1dade;
      background-color: #d1dade; }
    .checkbox input[type=checkbox]:disabled:checked + label::after {
      color: #54585e; }
  .checkbox.check-primary input:checked + label::before {
    background-color: #07aaea;
    border: 1px solid #07aaea; }
  .checkbox.check-primary input:checked + label::after {
    color: #fff; }
  .checkbox.check-primary input:checked:disabled + label::after {
    color: #54585e; }
  .checkbox.check-primary input:disabled + label::before {
    background-color: #d1dade;
    border-color: #d1dade; }
  .checkbox.check-primary input:disabled + label::after {
    color: #d1dade; }
  .checkbox.check-primary.disabled input:checked + label::before {
    background-color: #d1dade;
    border-color: #d1dade; }
  .checkbox.check-primary.disabled input:checked + label::after {
    color: #54585e; }
  .checkbox--three-in-row input + label {
    width: calc(30% - 25px); }
  .checkbox--rounded:hover input[type=checkbox] ~ label::before {
    border-color: #07aaea; }
  .checkbox--rounded input[type=checkbox]:disabled ~ label::before {
    border-color: #d1dade;
    background-color: #fff; }
  .checkbox--rounded input[type=checkbox]:disabled ~ label::after {
    color: #fff; }
  .checkbox--rounded input[type=checkbox]:disabled:checked ~ label::after {
    color: #54585e; }
  .checkbox--rounded input[type=checkbox] ~ label::before {
    border-width: 1px;
    border-color: #ccc;
    border-radius: 500rem; }
  .checkbox--rounded input[type=checkbox] ~ label::after {
    color: #fff;
    font-size: 12px; }
  .checkbox--rounded input[type=checkbox]:checked ~ label::before {
    border-color: #aaa; }
  .checkbox--rounded input[type=checkbox]:checked ~ label::after {
    color: #aaa; }

.checkbox-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px; }
  .checkbox-button__input {
    display: none; }
    .checkbox-button__input:checked ~ .btn .gi:nth-child(1), .ui-datepicker .checkbox-button__input:checked ~ .ui-datepicker-current .gi:nth-child(1) {
      display: none; }
    .checkbox-button__input:checked ~ .btn .gi:nth-child(2), .ui-datepicker .checkbox-button__input:checked ~ .ui-datepicker-current .gi:nth-child(2) {
      display: block; }
  .checkbox-button .gi:nth-child(1) {
    display: block; }
  .checkbox-button .gi:nth-child(2) {
    display: none; }

.checkbox-slider {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px;
  height: 16px; }
  .checkbox-slider__input {
    display: none; }
    .checkbox-slider__input:checked ~ .checkbox-slider__rail {
      border-color: #008ac1;
      background: #e6f9fc; }
      .checkbox-slider__input:checked ~ .checkbox-slider__rail .checkbox-slider__handle {
        left: 15px;
        border: 1px solid #008ac1; }
        .checkbox-slider__input:checked ~ .checkbox-slider__rail .checkbox-slider__handle .gi:nth-child(1) {
          display: none; }
        .checkbox-slider__input:checked ~ .checkbox-slider__rail .checkbox-slider__handle .gi:nth-child(2) {
          display: -ms-flexbox;
          display: flex; }
          .checkbox-slider__input:checked ~ .checkbox-slider__rail .checkbox-slider__handle .gi:nth-child(2)::before {
            border-color: #008ac1; }
  .checkbox-slider__label {
    height: 16px; }
  .checkbox-slider__rail {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    height: 6px;
    width: 35px;
    cursor: pointer;
    border: 1px solid #bdc3c7;
    border-radius: 10px;
    background: #fff;
    color: #008ac1;
    transition: all .15s; }
  .checkbox-slider__handle {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    border: 1px solid #bdc3c7;
    border-radius: 50%;
    background: #fff;
    width: 16px;
    height: 16px;
    margin: 0 1px 0 1px;
    transition: left .15s; }
  .checkbox-slider .gi::before {
    padding: 2px;
    font-size: 10px; }
  .checkbox-slider .gi:nth-child(1) {
    display: -ms-flexbox;
    display: flex; }
    .checkbox-slider .gi:nth-child(1)::before {
      color: #bdc3c7; }
  .checkbox-slider .gi:nth-child(2) {
    display: none; }

.icon-toggle-container {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  height: 6px;
  width: 33px;
  cursor: pointer;
  background: #fff;
  color: #008ac1;
  border: 1px solid #bdc3c7;
  border-radius: 55px;
  vertical-align: middle;
  line-height: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .icon-toggle-container.frame-color {
    border-color: #008ac1;
    background: #e6f9fc; }
  .icon-toggle-container .bordered-icon {
    position: absolute;
    top: -6px; }
    .icon-toggle-container .bordered-icon::before {
      font-size: 10px !important;
      border-color: #008ac1 !important;
      border-radius: 50%;
      padding: 2px;
      background-color: #fff; }
    .icon-toggle-container .bordered-icon.gi-edit {
      right: 1px; }
    .icon-toggle-container .bordered-icon.gi-eye {
      left: 1px; }
      .icon-toggle-container .bordered-icon.gi-eye::before {
        color: #bdc3c7;
        border-color: #bdc3c7 !important; }
    .icon-toggle-container .bordered-icon.gi-eye-empty {
      left: 1px; }
      .icon-toggle-container .bordered-icon.gi-eye-empty::before {
        content: '';
        height: 16px;
        width: 16px;
        color: #bdc3c7;
        border-color: #bdc3c7 !important; }
  .icon-toggle-container i::before {
    font-size: 14px;
    border: 1px solid transparent; }
  .icon-toggle-container i:not(.bordered-icon) {
    opacity: 0; }

/* Radio Button */
.radio-button {
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 32px;
  /* Checked */
  /* Focused */
  /* Disabled */ }
  .radio-button__title {
    padding-right: 10px; }
  .radio-button__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0); }
  .radio-button__input + .radio-button__label {
    color: #73777c;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding-left: 32px;
    font-family: Roboto, Arial, sans-serif;
    display: inline-block;
    height: 32px; }
  .radio-button__input--error + .radio-button__label {
    color: #f35958; }
  .radio-button__input:checked + .radio-button__label {
    color: #73777c; }
  .radio-button__icon {
    position: absolute;
    margin-left: -32px;
    width: 32px;
    height: 32px;
    fill: #73777c; }
  .radio-button__input--error + .radio-button__label .radio-button__icon {
    fill: #f35958; }
  .radio-button__input:checked + .radio-button__label .radio-button__icon {
    fill: #73777c; }
  .radio-button__input:checked + .radio-button__label .radio-button__icon .radio-button__mark {
    fill: #73777c; }
  .radio-button__input:focus + .radio-button__label {
    box-shadow: 0 0 8px rgba(7, 170, 234, 0.5); }
  .radio-button__input:disabled + .radio-button__label .radio-button__icon {
    fill: #d1dade; }
  .radio-button__input:disabled:checked + .radio-button__label .radio-button__icon .radio-button__mark {
    fill: #d1dade; }

.chip {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  max-width: 320px;
  height: 24px;
  color: #54585e;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .chip__body {
    width: 100%;
    height: 100%;
    padding: 0 24px 0 12px;
    background: #f3f5f6;
    border: 1px solid #d1dade;
    border-radius: 4px;
    text-align: left; }
    .chip__body:focus {
      border: 1px solid #bdc3c7;
      outline: none; }
  .chip__text {
    position: relative;
    overflow: hidden;
    color: #54585e;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .chip__remove {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%); }

/**
 * Datepicker Field
 */
.form-input-date, .form-input-date-value {
  width: 130px;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px; }
  .form-input-date span, .form-input-date-value span,
  .form-input-date label,
  .form-input-date-value label {
    display: block; }
  .form-input-date.value--error input[type="text"].datepicker-input, .value--error.form-input-date-value input[type="text"].datepicker-input {
    color: #f35958; }
  .form-input-date.value--error span.input-button-datepicker::before, .value--error.form-input-date-value span.input-button-datepicker::before {
    color: #f35958; }
  .form-input-date .datepicker-input, .form-input-date-value .datepicker-input {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px !important;
    font-size: 1em; }
    .form-input-date .datepicker-input--small, .form-input-date-value .datepicker-input--small, .form-input-date .popover .datepicker-input, .popover .form-input-date .datepicker-input, .form-input-date-value .popover .datepicker-input, .popover .form-input-date-value .datepicker-input {
      min-height: 28px;
      padding: 0 10px !important;
      font-size: 12px !important; }
  .form-input-date .input-button-datepicker, .form-input-date-value .input-button-datepicker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 38px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-left: none !important;
    border-radius: 0 4px 4px 0;
    vertical-align: middle;
    color: #008ac1;
    cursor: pointer; }
  .form-input-date .input-group, .form-input-date-value .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex; }
  .form-input-date input.form-control, .form-input-date-value input.form-control {
    border-radius: 4px 0 0 4px; }
  .form-input-date .gi-calendar, .form-input-date-value .gi-calendar, .form-input-date .gi-watch, .form-input-date-value .gi-watch {
    color: #008ac1; }
    .form-input-date .gi-calendar::before, .form-input-date-value .gi-calendar::before, .form-input-date .gi-watch::before, .form-input-date-value .gi-watch::before {
      font-size: 19px !important; }
  .form-input-date .large-icon:before, .form-input-date-value .large-icon:before {
    font-size: 28px; }

.form-input-date-value {
  vertical-align: top;
  width: 150px; }

.clearDate {
  border: none;
  background: transparent;
  color: #73777c;
  height: 36px;
  margin-left: -24px;
  outline: none; }
  .clearDate:hover {
    color: #f35958; }
  .clearDate i {
    vertical-align: middle; }

/**
 * Datepicker Dropdown
 */
.ui-datepicker {
  width: 16em;
  padding: .2em .2em 0;
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 3px;
  z-index: 11000 !important; }
  .ui-datepicker.ui-datepicker-multi {
    width: auto; }
    .ui-datepicker.ui-datepicker-multi .ui-datepicker-group {
      float: left; }
      .ui-datepicker.ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em; }
    .ui-datepicker.ui-datepicker-multi .ui-datepicker-buttonpane {
      clear: left; }
    .ui-datepicker.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
      border-left-width: 0; }
    .ui-datepicker.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
      border-left-width: 0; }
  .ui-datepicker.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%; }
  .ui-datepicker.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%; }
  .ui-datepicker.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%; }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 5px;
    width: 1.8em;
    height: 1.8em; }
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
      display: none;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      top: 50%;
      margin-top: -8px; }
  .ui-datepicker .ui-datepicker-prev-hover,
  .ui-datepicker .ui-datepicker-next-hover {
    top: 5px; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px; }
  .ui-datepicker .ui-datepicker-next,
  .ui-datepicker .ui-datepicker-next-hover {
    right: 2px; }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }
    .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 3px; }
  .ui-datepicker .ui-datepicker-buttonpane {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    background-image: none;
    margin: 0 0 10px 0;
    padding: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
  .ui-datepicker .ui-datepicker-close {
    display: none; }
  .ui-datepicker .ui-datepicker-current:hover {
    background-color: #fff;
    border: 1px solid #07aaea;
    color: #07aaea; }
  .ui-datepicker .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0; }
  .ui-datepicker a {
    text-decoration: none;
    color: #07aaea;
    cursor: pointer; }
    .ui-datepicker a.ui-datepicker-next {
      text-decoration: none; }
      .ui-datepicker a.ui-datepicker-next::before {
        content: '\E008';
        font-family: getIcons;
        font-weight: bold;
        font-size: 1.2em; }
    .ui-datepicker a.ui-datepicker-prev {
      text-decoration: none; }
      .ui-datepicker a.ui-datepicker-prev::before {
        content: '\E007';
        font-family: getIcons;
        font-weight: bold;
        font-size: 1.2em; }
  .ui-datepicker select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month {
    width: 45%; }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }
  .ui-datepicker th {
    padding: .7em 0em;
    text-align: center;
    font-weight: bold;
    border: 0; }
  .ui-datepicker td {
    border: 0;
    padding: 1px; }
    .ui-datepicker td span,
    .ui-datepicker td a {
      display: block;
      padding: .2em 0;
      text-align: center;
      text-decoration: none;
      width: 2em;
      height: 1.6em; }
    .ui-datepicker td a.ui-state-hover, .ui-datepicker td a.ui-state-active {
      background-color: #f3f5f6;
      border-radius: 3px; }
  .ui-datepicker td,
  .ui-datepicker th {
    width: 2em;
    height: 2em; }

.dropzone-container .progress-value {
  transition: width .3s; }

.dropzone-container__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  padding: 15px 0; }

.dropzone-container--disabled .dropzone {
  pointer-events: none;
  background-color: #d1dade; }

.dropzone-container--user-profile .dropzone {
  position: absolute;
  top: 6%;
  left: 0;
  z-index: 1;
  opacity: 1;
  width: 160px;
  height: 160px;
  border-radius: 50%; }
  .dropzone-container--user-profile .dropzone .dropzone_image {
    background: url(/_img/dropzone-user-profile.png) 50% 50% no-repeat;
    height: 100%;
    margin-top: 0; }
  .dropzone-container--user-profile .dropzone.limited {
    opacity: 0; }

.dropzone-container--user-profile .dropzone-list {
  padding: 36px 0 36px 52px; }

.dropzone-container--user-profile .progress {
  margin-top: 10px; }

.dropzone-container--user-profile .empty-title-message--indented, .dropzone-container--user-profile .x-grid-empty {
  padding: 43px; }

.dropzone {
  width: 100%;
  height: 101px;
  border: 2px solid transparent;
  cursor: pointer;
  background: #f2f3f4 50% 50% no-repeat; }
  .dropzone_image {
    background: url(/_img/dropzone-image.png) 50% 50% no-repeat;
    height: 35px;
    margin-top: 10px; }
  .dropzone_message {
    padding-top: 5px;
    color: #73777c;
    text-align: center;
    font-size: 14px; }
    .dropzone_message--faint {
      color: #bdc3c7;
      font-size: 12px;
      font-weight: 100; }
  .dropzone.error {
    border: 2px solid #f35958; }
  .dropzone.over {
    border: 2px solid #07aaea; }
  .dropzone.disabled {
    opacity: 0.6;
    border: 2px solid #d1dade; }
  .dropzone.hover {
    border: 2px solid #07aaea; }
  .dropzone.drop {
    border: 2px solid #a3d634; }
  .dropzone_fileupload {
    display: none; }
  .dropzone input[type="file"] {
    display: none; }

input[type="file"] {
  display: none; }

.flag {
  position: absolute;
  left: 0;
  padding: 4px 8px 4px 16px;
  line-height: 1;
  font-size: 16px;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
  font-weight: 300;
  color: #54585e;
  background-color: #ededed; }
  .flag:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 16px solid #ededed;
    border-top: 8px solid #ededed;
    border-bottom: 8px solid #ededed; }
  .flag:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -16px;
    border-right: 16px solid transparent;
    border-top: 12px solid #ededed;
    border-bottom: 12px solid #ededed; }

.input-group {
  display: -ms-flexbox;
  display: flex; }
  .input-group--padded {
    padding: 7px 10px; }
  .input-group .input {
    -ms-flex: 1;
        flex: 1;
    width: 100%;
    margin: 0 4px; }

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

.input--small, .popover .input {
  min-height: 28px;
  padding: 0 10px !important;
  font-size: 12px !important; }

.input--huge, .code-input-field .input {
  min-height: 64px;
  min-width: 40px;
  padding: 0 !important;
  font-size: 48px !important;
  font-family: "Open Sans", Roboto, Arial, sans-serif; }

.input--borderless, .code-input-field .input {
  border: none !important; }

.input--underline, .code-input-field .input {
  border-radius: 0 !important;
  border-bottom: 2px solid #bdbdbd !important; }
  .input--underline:focus, .code-input-field .input:focus {
    border-color: #07aaea !important; }

.code-input-field .input {
  text-align: center; }

.label {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  padding: 5px 10px;
  background-color: #fff;
  color: #54585e;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 3px; }
  .label:not(:last-of-type) {
    margin: 0 10px 0 0; }
  .label:hover {
    text-decoration: none; }
  .label--data-content::before {
    content: attr(data-status); }
  .label--outline {
    border: 1px solid #ccc; }
  .label--transparent {
    background-color: transparent;
    color: #000; }
  .label--black {
    background-color: #000;
    color: #fff; }
  .label--blue {
    background-color: #07aaea;
    color: #fff; }
  .label--blue-light {
    background-color: #76bcd8;
    color: #000; }
  .label--blue-dark {
    background-color: #008ac1;
    color: #fff; }
  .label--blue-darker {
    background-color: #045a8b;
    color: #fff; }
  .label--burnt-sienna {
    background-color: #ec765f;
    color: #fff; }
  .label--empty {
    background-color: #d1dade;
    color: #000; }
  .label--dark-blue {
    background-color: #034a72;
    color: #fff; }
  .label--dark-gray {
    background-color: #54585e;
    color: #fff; }
  .label--fountain-blue {
    background-color: #53a9a7;
    color: #fff; }
  .label--geyser {
    background-color: #d1dade;
    color: #000; }
  .label--governor-bay {
    background-color: #333399;
    color: #fff; }
  .label--gray {
    background-color: #73777c;
    color: #fff; }
  .label--gray-chateau {
    background-color: #a5adaf;
    color: #000; }
  .label--grayscale-1 {
    background-color: #54585e;
    color: #fff; }
  .label--grayscale-3 {
    background-color: #bdc3c7;
    color: #000; }
  .label--grayscale-5 {
    background-color: #f3f5f6;
    color: #000; }
  .label--primary-1 {
    background-color: #032945;
    color: #fff; }
  .label--primary-2 {
    background-color: #023456;
    color: #fff; }
  .label--primary-3 {
    background-color: #034a72;
    color: #fff; }
  .label--primary-4 {
    background-color: #008ac1;
    color: #fff; }
  .label--primary-5 {
    background-color: #07aaea;
    color: #fff; }
  .label--green-aqua {
    background-color: #0aa699;
    color: #fff; }
  .label--green-dark {
    background-color: #177b57;
    color: #fff; }
  .label--green {
    background-color: #a3d634;
    color: #000; }
  .label--grey-dark {
    background-color: #939699;
    color: #fff; }
  .label--grey {
    background-color: #d2d6d9;
    color: #000; }
  .label--grey-light {
    background-color: #e4eaed;
    color: #000; }
  .label--scampi {
    background-color: #5d60ab;
    color: #fff; }
  .label--kobi {
    background-color: #eaaecf;
    color: #000; }
  .label--lightgray {
    background-color: #bdc3c7;
    color: #000; }
  .label--manatee {
    background-color: #9089a5;
    color: #fff; }
  .label--orange {
    background-color: #f07d00;
    color: #fff; }
  .label--orange-peel {
    background-color: #f09e00;
    color: #000; }
  .label--picton-blue {
    background-color: #36a7e9;
    color: #fff; }
  .label--purple {
    background-color: #a27497;
    color: #fff; }
  .label--red {
    background-color: #f35958;
    color: #fff; }
  .label--red-dark {
    background-color: #f02a28;
    color: #fff; }
  .label--ripe-lemon {
    background-color: #f5c50e;
    color: #000; }
  .label--tacao {
    background-color: #edb183;
    color: #000; }
  .label--yellow {
    background-color: #f9ba46;
    color: #000; }
  .label--yellow-green {
    background-color: #cccd21;
    color: #000; }
  .label--yellow-red {
    background-color: #f48f33;
    color: #000; }
  .label--white {
    background-color: #fff;
    color: #000; }
  .label--wistful {
    background-color: #a7a4d1;
    color: #000; }
  .label--graph-fountain-blue {
    background-color: #5bc0be;
    color: #000; }
  .label--graph-seagull {
    background-color: #82c3e9;
    color: #000; }
  .label--graph-wild-blue-yonder {
    background-color: #7a7abd;
    color: #fff; }
  .label--graph-cosmos {
    background-color: #ffd6d7;
    color: #000; }
  .label--graph-caper {
    background-color: #d0eda5;
    color: #000; }
  .label--graph-gray-chateau {
    background-color: #a5adaf;
    color: #000; }
  .label--small {
    padding: 2px 5px; }
  .label--large {
    font-size: 14px; }
  .label--block {
    width: 100%; }
  .label--round {
    overflow: hidden;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 20px; }
    .label--round.label--small {
      width: 20px;
      height: 20px; }
      .label--round.label--small:not(:last-of-type) {
        margin-right: 5px; }
    .label--round.label--large {
      width: 30px;
      height: 30px; }
      .label--round.label--large:not(:last-of-type) {
        margin-right: 5px; }
  .label--rounded {
    border-radius: 20px; }
  .label__link, .label__link:hover, .label__link:active, .label__link:visited {
    text-decoration: none; }
  .label .basic_tooltip {
    white-space: normal; }

.listbox {
  height: 225px;
  font-size: 14px; }

.progress {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  color: #54585e;
  font-size: 12px;
  text-align: left;
  -ms-flex-direction: row;
      flex-direction: row;
  /*
   TODO: .progress__goal -> .progress__bar--goal
    */ }
  .progress--large .progress__body {
    height: 8px; }
  .progress--small .progress__body {
    height: 3px; }
  .progress--vertical {
    height: 100%;
    -ms-flex-direction: column;
        flex-direction: column; }
    .progress--vertical .progress__body {
      height: 5px;
      width: 100%;
      -ms-flex-direction: row;
          flex-direction: row; }
      .progress--vertical .progress__body .progress__bar:last-of-type {
        border-radius: 0 3px 3px 0; }
      .progress--vertical .progress__body .progress__bar:first-of-type {
        border-radius: 3px 0 0 3px; }
      .progress--vertical .progress__body .progress__bar:only-of-type {
        border-radius: 3px; }
    .progress--vertical.progress--large .progress__body {
      height: 8px; }
    .progress--vertical.progress--small .progress__body {
      height: 3px; }
  .progress__header {
    position: relative;
    margin-bottom: 5px; }
    .progress__header .progress__heading {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 11px; }
    .progress__header .label {
      color: #54585e;
      font-size: 10px; }
  .progress__footer {
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px; }
  .progress__body {
    display: -ms-flexbox;
    display: flex;
    background-color: #f3f5f6;
    border-radius: 3px;
    width: 100%;
    height: 6px;
    -ms-flex-direction: row;
        flex-direction: row; }
    .progress__body--transparent {
      background-color: transparent; }
    .progress__body .progress__goal {
      margin: 0 -5px;
      width: calc(100% + 10px);
      height: 1px;
      background-color: #f9ba46; }
  .progress .progress__bar {
    background-color: #bdc3c7;
    border-radius: 3px; }
    .progress .progress__bar--transparent {
      background-color: transparent;
      color: #000; }
    .progress .progress__bar--black {
      background-color: #000;
      color: #fff; }
    .progress .progress__bar--blue {
      background-color: #07aaea;
      color: #fff; }
    .progress .progress__bar--blue-light {
      background-color: #76bcd8;
      color: #000; }
    .progress .progress__bar--blue-dark {
      background-color: #008ac1;
      color: #fff; }
    .progress .progress__bar--blue-darker {
      background-color: #045a8b;
      color: #fff; }
    .progress .progress__bar--burnt-sienna {
      background-color: #ec765f;
      color: #fff; }
    .progress .progress__bar--empty {
      background-color: #d1dade;
      color: #000; }
    .progress .progress__bar--dark-blue {
      background-color: #034a72;
      color: #fff; }
    .progress .progress__bar--dark-gray {
      background-color: #54585e;
      color: #fff; }
    .progress .progress__bar--fountain-blue {
      background-color: #53a9a7;
      color: #fff; }
    .progress .progress__bar--geyser {
      background-color: #d1dade;
      color: #000; }
    .progress .progress__bar--governor-bay {
      background-color: #333399;
      color: #fff; }
    .progress .progress__bar--gray {
      background-color: #73777c;
      color: #fff; }
    .progress .progress__bar--gray-chateau {
      background-color: #a5adaf;
      color: #000; }
    .progress .progress__bar--grayscale-1 {
      background-color: #54585e;
      color: #fff; }
    .progress .progress__bar--grayscale-3 {
      background-color: #bdc3c7;
      color: #000; }
    .progress .progress__bar--grayscale-5 {
      background-color: #f3f5f6;
      color: #000; }
    .progress .progress__bar--primary-1 {
      background-color: #032945;
      color: #fff; }
    .progress .progress__bar--primary-2 {
      background-color: #023456;
      color: #fff; }
    .progress .progress__bar--primary-3 {
      background-color: #034a72;
      color: #fff; }
    .progress .progress__bar--primary-4 {
      background-color: #008ac1;
      color: #fff; }
    .progress .progress__bar--primary-5 {
      background-color: #07aaea;
      color: #fff; }
    .progress .progress__bar--green-aqua {
      background-color: #0aa699;
      color: #fff; }
    .progress .progress__bar--green-dark {
      background-color: #177b57;
      color: #fff; }
    .progress .progress__bar--green {
      background-color: #a3d634;
      color: #000; }
    .progress .progress__bar--grey-dark {
      background-color: #939699;
      color: #fff; }
    .progress .progress__bar--grey {
      background-color: #d2d6d9;
      color: #000; }
    .progress .progress__bar--grey-light {
      background-color: #e4eaed;
      color: #000; }
    .progress .progress__bar--scampi {
      background-color: #5d60ab;
      color: #fff; }
    .progress .progress__bar--kobi {
      background-color: #eaaecf;
      color: #000; }
    .progress .progress__bar--lightgray {
      background-color: #bdc3c7;
      color: #000; }
    .progress .progress__bar--manatee {
      background-color: #9089a5;
      color: #fff; }
    .progress .progress__bar--orange {
      background-color: #f07d00;
      color: #fff; }
    .progress .progress__bar--orange-peel {
      background-color: #f09e00;
      color: #000; }
    .progress .progress__bar--picton-blue {
      background-color: #36a7e9;
      color: #fff; }
    .progress .progress__bar--purple {
      background-color: #a27497;
      color: #fff; }
    .progress .progress__bar--red {
      background-color: #f35958;
      color: #fff; }
    .progress .progress__bar--red-dark {
      background-color: #f02a28;
      color: #fff; }
    .progress .progress__bar--ripe-lemon {
      background-color: #f5c50e;
      color: #000; }
    .progress .progress__bar--tacao {
      background-color: #edb183;
      color: #000; }
    .progress .progress__bar--yellow {
      background-color: #f9ba46;
      color: #000; }
    .progress .progress__bar--yellow-green {
      background-color: #cccd21;
      color: #000; }
    .progress .progress__bar--yellow-red {
      background-color: #f48f33;
      color: #000; }
    .progress .progress__bar--white {
      background-color: #fff;
      color: #000; }
    .progress .progress__bar--wistful {
      background-color: #a7a4d1;
      color: #000; }
    .progress .progress__bar--graph-fountain-blue {
      background-color: #5bc0be;
      color: #000; }
    .progress .progress__bar--graph-seagull {
      background-color: #82c3e9;
      color: #000; }
    .progress .progress__bar--graph-wild-blue-yonder {
      background-color: #7a7abd;
      color: #fff; }
    .progress .progress__bar--graph-cosmos {
      background-color: #ffd6d7;
      color: #000; }
    .progress .progress__bar--graph-caper {
      background-color: #d0eda5;
      color: #000; }
    .progress .progress__bar--graph-gray-chateau {
      background-color: #a5adaf;
      color: #000; }
    .progress .progress__bar--grey {
      background-color: #d1dade; }
    .progress .progress__bar:not(:only-of-type):first-of-type {
      border-radius: 3px 0 0 3px; }
    .progress .progress__bar:not(:only-of-type):last-of-type {
      border-radius: 0 3px 3px 0; }
    .progress .progress__bar--milestone {
      width: 12px;
      height: 12px;
      border-radius: unset;
      transform-origin: center;
      transform: translateX(-50%) rotate(45deg); }
  .progress .progress__goal {
    margin: 0 -5px;
    width: calc(100% + 10px);
    height: 1px;
    background-color: #f9ba46; }
  .progress .progress__description {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    height: 16px;
    font-weight: normal;
    margin: 5px 0 10px;
    padding-right: 0;
    position: absolute;
    top: 0; }
    .progress .progress__description span,
    .progress .progress__description strong {
      vertical-align: middle;
      margin-right: 5px; }
    .progress .progress__description .gi {
      margin-right: 5px;
      text-align: center; }
      .progress .progress__description .gi::before {
        width: 18px; }
      .progress .progress__description .gi.gi-status-current:before, .progress .progress__description .gi.gi-status-replay:before, .progress .progress__description .gi.gi-status-nodoc:before, .progress .progress__description .gi.gi-status-draft:before, .progress .progress__description .gi.gi-status-wait-approve:before, .progress .progress__description .gi.gi-status-approved:before, .progress .progress__description .gi.gi-status-decline:before {
        font-size: 18px !important; }
    .progress .progress__description a.stage {
      width: auto !important; }
      .progress .progress__description a.stage span {
        margin-right: 4px;
        margin-left: 0; }
    .progress .progress__description i {
      margin-right: 4px; }
    .progress .progress__description__title {
      margin-left: 5px; }
      .progress .progress__description__title--uppercase {
        text-transform: uppercase; }
  .progress-location {
    position: relative;
    background-color: #fff;
    margin-bottom: 10px; }
    .progress-location .progress-value {
      position: absolute;
      height: 100%;
      background-color: #07aaea;
      border-radius: 3px; }
      .progress-location .progress-value::after {
        content: attr(data-text);
        position: absolute;
        left: calc(100% + 5px);
        top: -50%;
        min-width: 150px;
        font-size: 14px;
        text-transform: uppercase; }
  .progress-hr {
    display: block;
    height: 1px;
    width: 100%;
    background-color: #ccc;
    padding: 0;
    position: absolute;
    left: 0;
    top: 151px; }
  .progress-set-toggled {
    margin-bottom: 20px;
    padding-top: 10px; }

.substage .progress {
  min-height: 50px; }

.status-block-group-label {
  margin: 10px 0 0 0; }
  .status-block-group-label label {
    display: block;
    margin: 0 0 6px 0;
    font-size: 13px;
    color: #54585e; }

.status-block-group {
  display: -ms-flexbox;
  display: flex; }
  .status-block-group--inline {
    -ms-flex-direction: row;
        flex-direction: row; }
    .status-block-group--inline .status-block {
      margin-right: 5px; }
      .status-block-group--inline .status-block:last-of-type {
        margin-right: 0; }
  .status-block-group--stacked {
    -ms-flex-direction: column;
        flex-direction: column; }
    .status-block-group--stacked .status-block {
      margin-bottom: 5px; }
      .status-block-group--stacked .status-block:last-of-type {
        margin-bottom: 0; }
    .status-block-group--stacked.status-block-group--bordered .status-block {
      margin: 0;
      border-top: 1px solid #d1dade; }
      .status-block-group--stacked.status-block-group--bordered .status-block:first-of-type {
        border-top: none; }

.status-block {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 10px 20px;
  overflow: hidden; }
  .status-block--narrow {
    -ms-flex: 0 0 75px;
        flex: 0 0 75px;
    max-width: 75px; }
  .status-block--wide {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .status-block--small {
    padding: 5px 10px; }
  .status-block--large {
    padding: 20px; }
  .status-block--inline {
    -ms-flex-direction: row;
        flex-direction: row; }
    .status-block--inline .status-block__control,
    .status-block--inline .status-block__title,
    .status-block--inline .status-block__label {
      margin-right: 10px; }
      .status-block--inline .status-block__control:last-child,
      .status-block--inline .status-block__title:last-child,
      .status-block--inline .status-block__label:last-child {
        margin-right: 0; }
  .status-block--stacked {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center; }
    .status-block--stacked .status-block__section {
      margin-bottom: 5px; }
      .status-block--stacked .status-block__section:last-of-type {
        margin-bottom: 0; }
  .status-block--red {
    background-color: #fce3e3;
    border-color: #f35958 !important; }
  .status-block--yellow {
    background-color: #fff7d6;
    border-color: #f9ba46 !important; }
  .status-block--green {
    background-color: #e3f9bb;
    border-color: #a3d634 !important; }
  .status-block--white {
    background-color: #fff;
    border-color: #d1dade !important; }
  .status-block--empty {
    background-color: #f3f5f6;
    border-color: #d1dade !important; }
  .status-block label {
    overflow: hidden;
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    font-size: 10px;
    white-space: normal;
    line-height: 1; }
  .status-block__section {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    font-size: 12px;
    color: #54585e; }
    .status-block__section--centered {
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      text-align: center; }
    .status-block__section--justified {
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .status-block__control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 36px; }
  .status-block__label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    max-width: 100px; }
    .status-block__label--centered {
      -ms-flex-align: center;
          align-items: center; }
    .status-block__label--fixed-width {
      width: 90px; }
  .status-block__select {
    vertical-align: middle; }
    .status-block__select .select2-container,
    .status-block__select .select2-drop,
    .status-block__select .select2-search,
    .status-block__select .select2-search input {
      width: 120px;
      height: 36px; }
  .status-block__input {
    margin-top: 10px; }
  .status-block__title {
    vertical-align: middle;
    line-height: 1.5;
    font-size: 14px;
    font-family: "Open Sans", Roboto, Arial, sans-serif;
    font-weight: 400;
    color: #54585e;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.status-element {
  margin-bottom: 20px; }
  .status-element .status-badge, .status-element .status-badge--red, .status-element .status-badge--yellow, .status-element .status-badge--green, .status-element .status-badge--blue, .status-element .status-badge--empty, .status-element .status-badge--purple, .status-element .status-badge--planned, .status-element .status-badge--running, .status-element .status-badge--finished {
    position: relative;
    width: 100%;
    padding: 10px; }
  .status-element .badge__title {
    margin-left: 20px; }
  .status-element .status-comment {
    margin-top: 20px; }
    .status-element .status-comment textarea {
      width: 100%;
      height: 80px;
      resize: none; }

.status-badge--red {
  background-color: #fce3e3; }

.status-badge-label--red {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #f35958;
  border-radius: 3px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px;
  line-height: 1; }

.status-badge--yellow {
  background-color: #fff7d6; }

.status-badge-label--yellow {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #f9ba46;
  border-radius: 3px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px;
  line-height: 1; }

.status-badge--green {
  background-color: #e3f9bb; }

.status-badge-label--green {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #a3d634;
  border-radius: 3px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px;
  line-height: 1; }

.status-badge--blue {
  background-color: #07aaea; }

.status-badge-label--blue {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #07aaea;
  border-radius: 3px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px;
  line-height: 1; }

.status-badge--empty {
  background-color: #f3f5f6; }

.status-badge-label--empty {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #d1dade;
  border-radius: 3px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px;
  line-height: 1; }

.status-badge--purple {
  background-color: #a27497; }

.status-badge-label--purple {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #a27497;
  border-radius: 3px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px;
  line-height: 1; }

.status-badge--planned {
  background-color: #76bcd8; }

.status-badge-label--planned {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #76bcd8;
  border-radius: 3px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px;
  line-height: 1; }

.status-badge--running {
  background-color: #008ac1; }

.status-badge-label--running {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #008ac1;
  border-radius: 3px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px;
  line-height: 1; }

.status-badge--finished {
  background-color: #045a8b; }

.status-badge-label--finished {
  display: inline-block;
  zoom: 1;
  *display: inline;
  background-color: #045a8b;
  border-radius: 3px;
  padding: 5px;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 14px;
  line-height: 1; }

.freeze-badge {
  border-bottom: 1px solid #f3f5f6; }

.status-icon, .status-icon--red, .status-icon--yellow, .status-icon--green, .status-icon--empty {
  background-color: #f0f1f2;
  color: #54585e;
  padding: 5px 10px;
  margin: 0 auto;
  text-align: center;
  border-radius: 3px;
  display: block;
  width: 80px; }
  .status-icon::before, .status-icon--red::before, .status-icon--yellow::before, .status-icon--green::before, .status-icon--empty::before {
    content: attr(data-status);
    font-size: 14px;
    text-transform: uppercase; }
  .status-icon--red {
    color: #fff;
    background-color: #f35958; }
  .status-icon--yellow {
    color: #fff;
    background-color: #f9ba46; }
  .status-icon--green {
    color: #fff;
    background-color: #a3d634; }
  .status-icon--empty {
    color: #fff;
    background-color: #d1dade; }

.status-board {
  width: 100%;
  text-align: center; }

textarea {
  border: 1px solid #ccc;
  border-radius: 4px; }
  textarea:not(:disabled) {
    background-color: #fff;
    transition: border-color; }
    textarea:not(:disabled):hover {
      border-color: #b3b3b3; }
    textarea:not(:disabled):focus {
      border-color: #b3b3b3;
      outline: #023456; }

.userpic {
  position: relative;
  overflow: hidden;
  display: block;
  width: 65px;
  height: 65px;
  border-radius: 100%;
  background: #e4eaed;
  background-size: cover;
  background-position: 50% 50%; }
  .userpic:link {
    cursor: pointer; }
  .userpic:link, .userpic:hover, .userpic:active, .userpic:visited {
    color: #54585e;
    text-transform: none; }
  .userpic--tiny {
    width: 30px;
    height: 30px; }
    .userpic--tiny .userpic__text {
      font-size: 12px;
      font-weight: 600; }
  .userpic--small {
    width: 40px;
    height: 40px; }
    .userpic--small .userpic__text {
      font-size: 18px; }
  .userpic__image {
    max-width: 100%; }
  .userpic__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    height: 100%;
    color: #bdc3c7; }
    .userpic__icon .gi {
      margin: 0; }
  .userpic__text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 28px;
    color: #54585e;
    transform: translate(-50%, -50%);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.atom-group {
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
  font-size: 0; }
  .atom-group:last-child {
    margin: 0; }
  .atom-group > .btn, .ui-datepicker .atom-group > .ui-datepicker-current,
  .atom-group .label {
    margin: 0; }
    .atom-group > .btn:first-child, .ui-datepicker .atom-group > .ui-datepicker-current:first-child,
    .atom-group .label:first-child {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .atom-group > .btn:last-child, .ui-datepicker .atom-group > .ui-datepicker-current:last-child,
    .atom-group .label:last-child {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .atom-group > .btn:not(:last-child), .ui-datepicker .atom-group > .ui-datepicker-current:not(:last-child),
    .atom-group .label:not(:last-child) {
      margin: 0; }

.audio {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px 1fr;
      grid-template-columns: auto 20px 1fr;
  width: 100%; }
  .audio__play {
    -ms-grid-column: 1;
        grid-column: 1; }
  .audio__progress {
    -ms-grid-column: 3;
        grid-column: 3;
    display: -ms-flexbox;
    display: flex; }
    .audio__progress .progress {
      -ms-flex-align: center;
          align-items: center; }

.employee {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .employee__userpic {
    margin-right: 10px; }
    .employee__userpic:last-child {
      margin-right: 0; }
  .employee__name {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }

.comment__author {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 13px; }

.comment__text {
  color: #222325;
  word-break: break-word; }
  .comment__text--with-wrap {
    white-space: pre-wrap; }
  .comment__text ul {
    margin: 1em 0;
    padding-left: 40px; }

.chart-column {
  float: left;
  display: block;
  margin-right: 1.81818%;
  width: 49.09091%;
  overflow: hidden; }
  .chart-column:last-child {
    margin-right: 0; }
  .chart-column:nth-of-type(2n) {
    margin-right: 0; }
  .chart-column:nth-of-type(2n+1) {
    clear: left; }

.chart-element {
  width: 100%;
  background-color: #fff; }
  .chart-element__section {
    display: table-cell;
    vertical-align: middle; }
    .chart-element__section--legend {
      width: 100%; }
  .chart-element .chart-canvas {
    display: block;
    position: relative; }
  .chart-element .chart-legend {
    display: block; }
    .chart-element .chart-legend--right {
      text-align: right; }
    .chart-element .chart-legend h4 {
      font-weight: 600; }
    .chart-element .chart-legend ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    .chart-element .chart-legend li {
      margin-bottom: 8px; }
      .chart-element .chart-legend li span {
        margin-left: 8px;
        vertical-align: middle; }
    .chart-element .chart-legend-table ul {
      display: table;
      width: 100%;
      border-spacing: 5px;
      text-align: left; }
    .chart-element .chart-legend-table li {
      display: table-row; }
      .chart-element .chart-legend-table li i,
      .chart-element .chart-legend-table li span {
        display: table-cell; }
      .chart-element .chart-legend-table li i.gi-circular {
        width: 12px; }
  .chart-element.chart-legend-inline .chart-legend li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 20px; }
  .chart-element.chart-legend-right .chart-canvas {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle; }
  .chart-element.chart-legend-right .chart-legend {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 10px; }

.chart-element .chart-legend li {
  margin-bottom: 2px; }

.chart-legend-right .chart-canvas {
  vertical-align: top; }

@media (max-width: 1650px) {
  [class^="form-col"] .chart-element .chart-legend-table {
    margin: 0; }
  [class^="form-col"] .chart-element .chart-legend ul {
    margin-top: 20px; } }

#zc-fullscreen {
  position: fixed !important;
  top: 0;
  left: 0; }

.zc-preview-handler {
  cursor: col-resize !important; }
  .zc-preview-handler-middle {
    cursor: move !important; }

.diagram {
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .diagram * {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .diagram::after {
    position: absolute;
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    pointer-events: none; }
  .diagram .orgdiagram .card {
    height: 100%; }

.orgdiagram:focus {
  outline: none; }

.orgdiagram svg {
  pointer-events: none; }

.orgdiagram div {
  cursor: default; }

.orgdiagram_tab {
  position: relative; }
  .orgdiagram_tab .buttonsAlign {
    position: absolute;
    top: 20px;
    z-index: 100; }
  .orgdiagram_tab .legend {
    margin-top: 20px; }

.bp-item {
  position: static;
  overflow: hidden;
  box-sizing: content-box; }

.bt-item-frame {
  border: 1px solid #dddddd;
  color: #333333; }

.bp-title {
  margin-top: 7px;
  margin-left: 11px;
  padding: 0;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px; }

.bp-title-frame {
  top: 0;
  left: 0;
  width: 100%;
  height: 33px;
  padding: 0;
  border-width: 0;
  color: white; }

.bp-photo-frame {
  display: none; }

.bp-description {
  font-size: 10px;
  line-height: 12px; }

.bp-cursor-frame {
  border: 2px solid #fbd850;
  background: #ffffff url(/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  color: #eb8f00; }

.bp-highlight-frame {
  border: 1px solid #fbcb09;
  background: #fdf5ce url(/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  color: #c77405; }

.bp-highlight-dot-frame {
  border: 1px solid #fbcb09;
  background: #fdf5ce;
  color: #c77405; }

.bp-grouptitle-frame {
  background: #0000ff;
  border-width: 0;
  color: white;
  padding: 0; }

.bp-selectioncheckbox-frame {
  font-size: 12px;
  line-height: 14px; }

.bp-selectioncheckbox {
  font-size: 12px;
  line-height: 14px;
  vertical-align: middle; }

.bp-selectiontext {
  font-size: 12px;
  line-height: 14px;
  vertical-align: middle; }

.bp-readmore {
  font-size: 10px;
  line-height: 12px;
  text-align: right;
  text-decoration: none; }

.bp-label {
  font-size: 10px;
  line-height: 12px;
  vertical-align: middle; }

.bp-connector-label {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  color: black;
  font-weight: bold; }

.bp-label-annotation {
  font-size: 16px;
  text-align: center; }

.bp-badge {
  border-radius: 10px;
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-weight: 600;
  font-family: Roboto, Arial, sans-serif;
  padding: 4px;
  float: left; }

.bp-printpreview {
  position: absolute;
  overflow: hidden;
  border-right: 1px;
  border-bottom: 1px;
  border-right-style: dotted;
  border-bottom-style: dotted;
  border-right-color: #ccc;
  border-bottom-color: #ccc; }

.bp-corner-all {
  border-radius: 0; }

.bt-item-frame,
.bp-description {
  background: #fff;
  font-family: "Open Sans", Roboto, Arial, sans-serif; }

.bp-description {
  left: 0;
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #222325; }
  .bp-description > div {
    padding: 8px 0; }
    .bp-description > div:first-child {
      padding-top: 0; }
    .bp-description > div:last-child {
      padding-bottom: 0; }
  .bp-description.bp-with-separator,
  .bp-description .bp-with-separator {
    border-top: 1px solid #ccc; }
  .bp-description .bp-label {
    font-size: 13px;
    line-height: normal;
    color: #73777c; }

.bp-phone,
.bp-email,
.bp-sublabel {
  position: static;
  font-size: 11px;
  line-height: 12px; }

.bp-phone {
  margin-top: 5px; }

.bp-description .bp-team {
  line-height: 11px; }
  .bp-description .bp-team .bp-department {
    margin-top: 6px; }
  .bp-description .bp-team .bp-sublabel {
    margin-top: 3px; }

.bp-email {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .bp-email span {
    color: #07aaea; }
  .bp-email a {
    color: #07aaea;
    text-decoration: none; }
    .bp-email a:hover {
      text-decoration: underline; }

.bp-department,
.bp-sublabel {
  color: #73777c; }

.bp-long-block {
  width: 50%;
  height: 100%;
  display: inline-block;
  overflow: hidden; }
  .bp-long-block--left {
    width: 50%;
    border-right: 1px solid #ccc; }
  .bp-long-block--container {
    height: calc(100% - 33px);
    font-size: 0; }
  .bp-long-block .pm-info--block .bp-sublabel {
    margin-bottom: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.pm-info--block {
  width: 100%;
  height: 50%;
  display: inline-block;
  overflow: hidden; }

.pm-info--top-block {
  border-bottom: 1px solid #ccc; }

.legend {
  display: inline-table;
  width: 100%; }
  .legend__row {
    display: table-row; }
  .legend__label {
    display: table-cell;
    padding: 10px;
    text-align: right;
    font-weight: bold; }
  .legend__item-wrapper {
    display: table-cell;
    padding: 2px 0;
    vertical-align: middle; }
    .legend__item-wrapper--expanded {
      width: 100%; }
    .legend__item-wrapper--left {
      text-align: left; }
    .legend__item-wrapper--right {
      text-align: right; }
  .legend__item {
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
    .legend__item:not(:last-child) {
      margin-right: 32px; }
  .legend__icon:last-of-type {
    margin-right: 8px; }
  .legend__title, .legend__value {
    display: inline-block;
    font-size: 12px;
    text-align: left;
    vertical-align: middle;
    zoom: 1; }
  .legend__value {
    padding-right: 10px;
    text-align: right; }

/**
 * Deprecated
 */
table.legend {
  width: 100%; }
  table.legend td {
    padding: 5px; }
    table.legend td:first-child {
      font-weight: bold;
      text-align: right; }
    table.legend td > span {
      margin: 0 5px; }
      table.legend td > span > i {
        margin: 0 0 0 2px; }

ul.legend {
  font-size: 0;
  margin: 0;
  padding: 0;
  list-style: none; }
  ul.legend li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    font-size: 12px; }
    ul.legend li i {
      margin-right: 0; }
      ul.legend li i::before {
        margin: 0; }
    ul.legend li:last-child {
      margin-right: 0; }

.list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none; }
  .list.list--inline {
    -ms-flex-direction: row;
        flex-direction: row; }
    .list.list--inline.list--basic .list__item {
      margin-right: 0; }
    .list.list--inline.list--condensed .list__item {
      margin-right: 5px; }
    .list.list--inline.list--relaxed .list__item {
      margin-right: 20px; }
    .list.list--inline .list__item {
      margin-right: 10px;
      margin-bottom: 0; }
      .list.list--inline .list__item:last-child {
        margin-right: 0; }
  .list--basic .list__item {
    margin-bottom: 0; }
  .list--condensed .list__item {
    margin-bottom: 5px; }
  .list--relaxed .list__item {
    margin-bottom: 20px; }
  .list--divided > .list__item, .list--celled > .list__item {
    border-top: 1px solid #d1dade; }
    .list--divided > .list__item:first-of-type, .list--celled > .list__item:first-of-type {
      border-top: none; }
  .list--celled {
    border-top: 1px solid #d1dade;
    border-bottom: 1px solid #d1dade; }
    .list--celled:first-child {
      border-top: 0; }
    .list--celled:last-child {
      border-bottom: 0; }
  .list__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 10px; }
    .list__item:last-child {
      margin-bottom: 0; }
    .list__item .gi {
      -ms-flex-item-align: baseline;
          align-self: baseline; }
    .list__item .gi + .text {
      vertical-align: middle; }
    .list__item .gi:first-child:not(:last-child) {
      margin-right: 5px; }
    .list__item--justified {
      -ms-flex-pack: justify;
          justify-content: space-between; }

.matrix-wrapper {
  position: relative;
  display: block; }

.matrix-axis {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  .matrix-axis--horizontal {
    width: calc(100% - 15px);
    -ms-flex-direction: row;
        flex-direction: row;
    position: absolute;
    bottom: 0;
    left: 15px; }
  .matrix-axis--vertical {
    position: absolute;
    -ms-flex-direction: column;
        flex-direction: column;
    top: 0;
    left: 0;
    bottom: 20px;
    width: 15px; }
    .matrix-axis--vertical .matrix-axis__label {
      -ms-flex-positive: 1;
          flex-grow: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      transform: rotate(270deg); }
  .matrix-axis__label {
    text-align: center;
    width: 100%; }

.matrix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .matrix__table {
    display: inline-block; }
  .matrix__legend {
    padding-top: 16px;
    padding-left: 32px; }
  .matrix__axis {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2); }
  .matrix__scale-x {
    padding-top: 4px; }
  .matrix__scale-y {
    padding-bottom: 4px; }
  .matrix__label--right {
    text-align: right; }
  .matrix__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .matrix--large {
    -ms-flex-direction: column;
        flex-direction: column; }
    .matrix--large .matrix__cell {
      width: 100%;
      height: 80px;
      position: relative; }
  .matrix--small .matrix__cell {
    width: 48px;
    height: 32px;
    position: relative; }
  .matrix--vertical {
    -ms-flex-direction: column;
        flex-direction: column; }
  .matrix--with-axis {
    margin: 0 0 20px 20px; }
  .matrix__row {
    display: -ms-flexbox;
    display: flex; }
    .matrix__row--title {
      -ms-flex-direction: column;
          flex-direction: column; }
    .matrix__row:not(:first-of-type) .matrix__cell {
      border-top: none; }
  .matrix__row-name {
    height: 28px;
    padding: 0 8px;
    width: 96px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .matrix__cell {
    width: 72px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border: 1px solid #f3f5f6; }
    .matrix__cell:not(:last-of-type) {
      border-right: none; }
    .matrix__cell--transparent {
      background-color: transparent;
      color: #000; }
    .matrix__cell--black {
      background-color: #000;
      color: #fff; }
    .matrix__cell--blue {
      background-color: #07aaea;
      color: #fff; }
    .matrix__cell--blue-light {
      background-color: #76bcd8;
      color: #000; }
    .matrix__cell--blue-dark {
      background-color: #008ac1;
      color: #fff; }
    .matrix__cell--blue-darker {
      background-color: #045a8b;
      color: #fff; }
    .matrix__cell--burnt-sienna {
      background-color: #ec765f;
      color: #fff; }
    .matrix__cell--empty {
      background-color: #d1dade;
      color: #000; }
    .matrix__cell--dark-blue {
      background-color: #034a72;
      color: #fff; }
    .matrix__cell--dark-gray {
      background-color: #54585e;
      color: #fff; }
    .matrix__cell--fountain-blue {
      background-color: #53a9a7;
      color: #fff; }
    .matrix__cell--geyser {
      background-color: #d1dade;
      color: #000; }
    .matrix__cell--governor-bay {
      background-color: #333399;
      color: #fff; }
    .matrix__cell--gray {
      background-color: #73777c;
      color: #fff; }
    .matrix__cell--gray-chateau {
      background-color: #a5adaf;
      color: #000; }
    .matrix__cell--grayscale-1 {
      background-color: #54585e;
      color: #fff; }
    .matrix__cell--grayscale-3 {
      background-color: #bdc3c7;
      color: #000; }
    .matrix__cell--grayscale-5 {
      background-color: #f3f5f6;
      color: #000; }
    .matrix__cell--primary-1 {
      background-color: #032945;
      color: #fff; }
    .matrix__cell--primary-2 {
      background-color: #023456;
      color: #fff; }
    .matrix__cell--primary-3 {
      background-color: #034a72;
      color: #fff; }
    .matrix__cell--primary-4 {
      background-color: #008ac1;
      color: #fff; }
    .matrix__cell--primary-5 {
      background-color: #07aaea;
      color: #fff; }
    .matrix__cell--green-aqua {
      background-color: #0aa699;
      color: #fff; }
    .matrix__cell--green-dark {
      background-color: #177b57;
      color: #fff; }
    .matrix__cell--green {
      background-color: #a3d634;
      color: #000; }
    .matrix__cell--grey-dark {
      background-color: #939699;
      color: #fff; }
    .matrix__cell--grey {
      background-color: #d2d6d9;
      color: #000; }
    .matrix__cell--grey-light {
      background-color: #e4eaed;
      color: #000; }
    .matrix__cell--scampi {
      background-color: #5d60ab;
      color: #fff; }
    .matrix__cell--kobi {
      background-color: #eaaecf;
      color: #000; }
    .matrix__cell--lightgray {
      background-color: #bdc3c7;
      color: #000; }
    .matrix__cell--manatee {
      background-color: #9089a5;
      color: #fff; }
    .matrix__cell--orange {
      background-color: #f07d00;
      color: #fff; }
    .matrix__cell--orange-peel {
      background-color: #f09e00;
      color: #000; }
    .matrix__cell--picton-blue {
      background-color: #36a7e9;
      color: #fff; }
    .matrix__cell--purple {
      background-color: #a27497;
      color: #fff; }
    .matrix__cell--red {
      background-color: #f35958;
      color: #fff; }
    .matrix__cell--red-dark {
      background-color: #f02a28;
      color: #fff; }
    .matrix__cell--ripe-lemon {
      background-color: #f5c50e;
      color: #000; }
    .matrix__cell--tacao {
      background-color: #edb183;
      color: #000; }
    .matrix__cell--yellow {
      background-color: #f9ba46;
      color: #000; }
    .matrix__cell--yellow-green {
      background-color: #cccd21;
      color: #000; }
    .matrix__cell--yellow-red {
      background-color: #f48f33;
      color: #000; }
    .matrix__cell--white {
      background-color: #fff;
      color: #000; }
    .matrix__cell--wistful {
      background-color: #a7a4d1;
      color: #000; }
    .matrix__cell--graph-fountain-blue {
      background-color: #5bc0be;
      color: #000; }
    .matrix__cell--graph-seagull {
      background-color: #82c3e9;
      color: #000; }
    .matrix__cell--graph-wild-blue-yonder {
      background-color: #7a7abd;
      color: #fff; }
    .matrix__cell--graph-cosmos {
      background-color: #ffd6d7;
      color: #000; }
    .matrix__cell--graph-caper {
      background-color: #d0eda5;
      color: #000; }
    .matrix__cell--graph-gray-chateau {
      background-color: #a5adaf;
      color: #000; }
    .matrix__cell--secondary {
      height: 28px;
      border: none;
      padding: 0 8px; }
    .matrix__cell--right {
      -ms-flex-pack: end;
          justify-content: flex-end; }
    .matrix__cell .capacity_count {
      margin: 0; }
    .matrix__cell .btn, .matrix__cell .ui-datepicker .ui-datepicker-current, .ui-datepicker .matrix__cell .ui-datepicker-current {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      padding: 0;
      background: transparent;
      border: none;
      border-radius: 0;
      cursor: pointer; }
      .matrix__cell .btn--outline:link, .matrix__cell .ui-datepicker .ui-datepicker-current:link, .ui-datepicker .matrix__cell .ui-datepicker-current:link, .matrix__cell .btn--outline:hover, .matrix__cell .ui-datepicker .ui-datepicker-current:hover, .ui-datepicker .matrix__cell .ui-datepicker-current:hover {
        background-color: inherit;
        border: none;
        font-weight: 600;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3); }
      .matrix__cell .btn--outline .label, .matrix__cell .ui-datepicker .ui-datepicker-current .label, .ui-datepicker .matrix__cell .ui-datepicker-current .label {
        font-weight: 600;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3); }
  .matrix .badge {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px; }

.risks--matrix {
  table-layout: fixed;
  border-spacing: 2px;
  border-collapse: separate;
  line-height: 2;
  width: 100%; }
  .risks--matrix--medium .risks--matrix__cell {
    height: 40px !important; }
  .risks--matrix tr.theader td,
  .risks--matrix tr:hover.theader td {
    padding: 0;
    width: 0;
    height: 0;
    min-height: 0;
    line-height: 1.5;
    font-size: 10px;
    font-weight: 400; }
  .risks--matrix tr:hover td,
  .risks--matrix td {
    position: relative;
    min-width: 35px;
    height: 25px;
    padding: 0;
    white-space: nowrap;
    text-align: center; }
    .risks--matrix tr:hover td.theader,
    .risks--matrix td.theader {
      width: 20px;
      min-width: 20px;
      padding: 0;
      font-size: 10px;
      font-weight: 400; }
  .risks--matrix .top-axis {
    position: relative; }
    .risks--matrix .top-axis::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 50%;
      left: 0;
      border-bottom: 1px solid #bdc3c7;
      width: 100%; }
    .risks--matrix .top-axis::after {
      content: "";
      position: absolute;
      top: calc(50% - 4px);
      right: -2px;
      border-top: 4px solid transparent;
      border-bottom: 3px solid transparent;
      border-left: 9px solid #bdc3c7; }
    .risks--matrix .top-axis .axis-header {
      padding: 0 5px;
      font-size: 12px; }
  .risks--matrix .left-axis {
    position: relative;
    transform: rotate(180deg);
    height: 100%; }
    .risks--matrix .left-axis::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      border-left: 1px solid #bdc3c7;
      width: 100%; }
    .risks--matrix .left-axis::after {
      content: '';
      position: absolute;
      bottom: -2px;
      right: calc(50% - 4px);
      border-right: 4px solid transparent;
      border-left: 3px solid transparent;
      border-top: 9px solid #bdc3c7; }
    .risks--matrix .left-axis .axis-header {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translate(0, -50%);
      padding: 5px 0;
      font-size: 12px; }
    .risks--matrix .left-axis span {
      -webkit-writing-mode: vertical-rl;
              writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl; }
  .risks--matrix .axis-header {
    background: #fff;
    position: relative;
    z-index: 2; }
  .risks--matrix .view_button {
    border-color: #ccc; }
    .risks--matrix .view_button:hover {
      border-color: #07aaea; }

.risks__matrix {
  width: 40%; }
  .risks__matrix .risks--low {
    color: #177b57; }
  .risks__matrix .risks--low-med {
    color: #a3d634; }
  .risks__matrix .risks--med {
    color: #f9ba46; }
  .risks__matrix .risks--med-high {
    color: #f07d00; }
  .risks__matrix .risks--high {
    color: #f02a28; }

.menu {
  padding: 16px 0; }
  [data-theme="classic"] .menu--inverted .menu {
    background-color: #034a72; }
  [data-theme="classic"] .menu--inverted .menu__link--active {
    background-color: #045d8f; }
  [data-theme="classic"] .menu--inverted .menu__item--expanded {
    background-color: #034a72; }
  [data-theme="classic"] .menu--inverted .menu__item-text {
    font-weight: 400; }
  [data-theme="classic"] .menu--relaxed .menu__reducer {
    height: 32px; }
  [data-theme="classic"] .menu__item-text {
    padding: 4px 8px; }
  [data-theme="classic"] .menu__reducer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    font-size: 12px;
    color: #008ac1; }
  [data-theme="classic"] .menu__reducer-text {
    font-size: 10px;
    font-family: "Open Sans", Roboto, Arial, sans-serif;
    text-transform: uppercase; }
  [data-theme="classic"] .menu__reducer-icon .gi::before {
    font-size: 12px; }
  [data-theme="classic"] .menu .menu {
    margin: 0; }
    [data-theme="classic"] .menu .menu__item::after {
      display: none !important; }
    [data-theme="classic"] .menu .menu .menu__item-text {
      padding-left: 32px !important; }
  [data-theme="classic"] .menu .menu__link {
    min-height: 32px;
    padding: 0 8px;
    font-size: 12px; }
  [data-theme="classic"] .menu .menu__item-icon,
  [data-theme="classic"] .menu .menu__item-button {
    -ms-flex-preferred-size: 32px;
        flex-basis: 32px;
    height: 32px; }
  [data-theme="classic"] .menu .menu__item-button--extra {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
    -ms-flex-preferred-size: 32px;
        flex-basis: 32px;
    width: 32px; }
  [data-theme="classic"] .menu .menu__item-delimeter, [data-theme="classic"] .menu .menu__item:not(:only-child):not(:last-child) .menu__item:last-child::after {
    margin-top: 10px;
    margin-bottom: 9px; }
  .menu--inverted .menu .menu__item:last-child::after {
    background-color: #fff !important; }
  .menu--inverted .menu__item-description {
    font-weight: 400; }
  .menu--inverted .menu__item-delimeter, .menu--inverted .menu .menu__item:not(:only-child):not(:last-child) .menu__item:last-child::after, .menu .menu__item:not(:only-child):not(:last-child) .menu--inverted .menu__item:last-child::after {
    background-color: #fff; }
  .menu--inverted .menu__link {
    font-weight: 600; }
    .menu--inverted .menu__link, .menu--inverted .menu__link:link, .menu--inverted .menu__link:hover, .menu--inverted .menu__link:focus, .menu--inverted .menu__link:active, .menu--inverted .menu__link:visited {
      color: #fff; }
    .menu--inverted .menu__link--active {
      background: #008ac1; }
      .menu--inverted .menu__link--active, .menu--inverted .menu__link--active:link, .menu--inverted .menu__link--active:hover, .menu--inverted .menu__link--active:focus, .menu--inverted .menu__link--active:active, .menu--inverted .menu__link--active:visited {
        color: #fff; }
  .menu--relaxed {
    padding: 0; }
    .menu--relaxed .menu__link {
      min-height: 48px; }
    .menu--relaxed .menu__item-icon,
    .menu--relaxed .menu__item-label,
    .menu--relaxed .menu__item-button,
    .menu--relaxed .menu__reducer {
      height: 48px; }
    .menu--relaxed .menu__item-icon,
    .menu--relaxed .menu__item-button {
      -ms-flex-preferred-size: 48px;
          flex-basis: 48px; }
    .menu--relaxed .menu__reducer {
      padding-right: 48px;
      padding-left: 48px; }
    .menu--relaxed .menu .menu__item-text {
      padding-left: 48px !important; }
  .menu--reduced[data-max-items='5'] .menu__list > li:nth-child(n+5) {
    display: none; }
  .menu--reduced[data-max-items='6'] .menu__list > li:nth-child(n+6) {
    display: none; }
  .menu--reduced[data-max-items='7'] .menu__list > li:nth-child(n+7) {
    display: none; }
  .menu--reduced[data-max-items='8'] .menu__list > li:nth-child(n+8) {
    display: none; }
  .menu--reduced[data-max-items='9'] .menu__list > li:nth-child(n+9) {
    display: none; }
  .menu--reduced[data-max-items='10'] .menu__list > li:nth-child(n+10) {
    display: none; }
  .menu--justified .menu__link {
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .menu__list {
    margin: 0;
    padding: 0;
    list-style: none; }
    .menu__list--padded {
      padding: 2px; }
  .menu__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%; }
    .menu__item--expanded .menu {
      display: block !important; }
      .menu__item--expanded .menu__item-collapser::before {
        content: '\E009'; }
  .menu__item-description {
    margin-top: 2px;
    font-size: 12px; }
  .menu__link {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    min-height: 40px;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    text-align: left; }
    .menu__link, .menu__link:link, .menu__link:visited {
      color: #54585e;
      text-decoration: none; }
    .menu__link--red, .menu__link--red:link, .menu__link--red:visited {
      color: #f35958; }
    .menu__link:hover {
      opacity: 0.7; }
      .menu__link:hover .menu__item-button--extra {
        display: -ms-flexbox;
        display: flex; }
        .menu__link:hover .menu__item-button--extra + .menu__item-icon {
          display: none; }
    .menu__link--active {
      background-color: #f3f5f6; }
      .menu__link--active, .menu__link--active:link, .menu__link--active:hover, .menu__link--active:focus, .menu__link--active:active, .menu__link--active:visited {
        color: #222325; }
    .menu__link--faded {
      opacity: .5; }
    .menu__link--disabled {
      pointer-events: none;
      opacity: .5; }
  .menu__item-text {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    min-width: 0;
    display: block;
    -ms-flex-align: center;
        align-items: center;
    padding: 10px 16px; }
  .menu__item-label, .menu__item-button, .menu__item-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-item-align: start;
        align-self: flex-start;
    height: 40px; }
  .menu__item-button, .menu__item-icon {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex: 0 0 40px;
        flex: 0 0 40px;
    width: 40px;
    padding: 0;
    border: none;
    background: transparent; }
    .menu__item-button .gi, .menu__item-icon .gi {
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center; }
  .menu__item-icon {
    transition: color 150ms; }
  .menu__item-button {
    width: 40px;
    color: inherit; }
    .menu__item-button:focus {
      outline: thin dotted; }
    .menu__item-button--extra {
      display: none; }
      .menu__item-button--extra:focus {
        display: -ms-flexbox;
        display: flex; }
        .menu__item-button--extra:focus + .menu__item-icon {
          display: none; }
  .menu__item-label {
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex: 1 0 40px;
        flex: 1 0 40px;
    padding-right: 8px; }
  .menu__item-collapser::before {
    content: '\E006';
    font-family: GetIcons; }
  .menu__item-icon + .menu__item-text {
    padding-left: 0; }
  .menu__item-delimeter, .menu .menu__item:not(:only-child):not(:last-child) .menu__item:last-child::after {
    display: inline-block;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 15px;
    background-color: #54585e;
    opacity: 0.2; }
  .menu__reducer {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    height: 40px;
    padding: 0 40px;
    border: none;
    background-color: transparent;
    text-align: center;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer; }
    .menu__reducer:hover {
      opacity: 0.7; }
    .menu__reducer:focus {
      outline: thin dotted; }
    .menu__reducer--expanded::before {
      content: ' ';
      position: absolute;
      right: 0;
      bottom: 100%;
      left: 0;
      height: 40px;
      background: linear-gradient(360deg, #034a72 0%, rgba(3, 74, 114, 0) 100%);
      pointer-events: none; }
  .menu .menu {
    display: none;
    padding: 0; }
    .menu .menu--relaxed .menu__item:last-child::after {
      margin-top: 24px;
      margin-bottom: 23px; }
    .menu .menu__item:not(:only-child):not(:last-child) .menu__item:last-child::after {
      content: ' ';
      height: 1px; }
    .menu .menu .menu__item-text {
      font-weight: 400;
      padding-left: 40px; }

.pagination {
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-size: 0; }
  .pagination::after {
    display: block;
    content: "";
    clear: both; }
  .pagination-index, .pagination-pages, .pagination-perpage {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    margin-left: 20px;
    font-size: 13px; }
  .pagination-index {
    margin-left: 0; }
  .pagination-pages {
    font-size: 0; }
    .pagination-pages a i {
      color: #bdc3c7; }
      .pagination-pages a i:hover {
        color: #008ac1; }
    .pagination-pages .navigator_controls {
      padding: 2px; }
    .pagination-pages .navigator_current:hover,
    .pagination-pages .nav_current .navigator_current:hover,
    .pagination-pages .nav_current .navigator_button:hover {
      background: #f3f5f6;
      color: #54585e; }
  .pagination-perpage .select2-container,
  .pagination-perpage span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    line-height: 36px; }
  .pagination-perpage .select2-container,
  .pagination-perpage .select2-drop,
  .pagination-perpage .select2-search,
  .pagination-perpage .select2-search input {
    min-width: 60px;
    width: auto; }

.navigator_button, .navigator_button:link, .navigator_button:visited, .navigator_current,
.nav_current .navigator_button {
  display: inline-block;
  font-size: 10px;
  border: 1px solid transparent;
  padding: 4px;
  height: 10px;
  min-width: 10px;
  margin-bottom: 1px;
  margin-right: 1px;
  vertical-align: middle;
  text-align: center;
  color: #54585e;
  text-decoration: none;
  font-weight: 400;
  box-sizing: content-box; }
  .navigator_button:hover, .navigator_current:hover {
    color: #fff !important;
    background-color: #008ac1; }

.navigator_controls i::before {
  font-size: 14px; }
  .navigator_controls i::before:hover {
    color: #008ac1; }

.navigator_current,
.nav_current .navigator_current,
.nav_current .navigator_button {
  color: #000;
  background: #f3f5f6;
  cursor: default; }
  .navigator_current:hover,
  .nav_current .navigator_current:hover,
  .nav_current .navigator_button:hover {
    color: #54585e !important; }

/* Timeflow Stage [START] */
.stage {
  z-index: auto;
  stroke-width: 2px;
  fill: #fff;
  stroke: #bdc3c7; }
  .stage .stage__text, .stage .stage__text:link, .stage .stage__text:active, .stage .stage__text:visited,
  .stage .stage__label,
  .stage .stage__label:link,
  .stage .stage__label:active,
  .stage .stage__label:visited {
    color: #73777c; }
  .stage .stage__date {
    color: #73777c; }
  [data-theme="classic"] .stage {
    margin-left: 0; }
  [data-color-scheme="old"] .stage {
    fill: #b1bec4;
    stroke: #b1bec4; }
    [data-color-scheme="old"] .stage .stage__text, [data-color-scheme="old"] .stage .stage__text:link, [data-color-scheme="old"] .stage .stage__text:active, [data-color-scheme="old"] .stage .stage__text:visited,
    [data-color-scheme="old"] .stage .stage__label,
    [data-color-scheme="old"] .stage .stage__label:link,
    [data-color-scheme="old"] .stage .stage__label:active,
    [data-color-scheme="old"] .stage .stage__label:visited {
      color: #fff; }
    [data-color-scheme="old"] .stage .stage__date {
      color: #bdc3c7; }
    [data-color-scheme="old"] .stage.stage--done {
      fill: #07aaea;
      stroke: #07aaea; }
      [data-color-scheme="old"] .stage.stage--done .stage__text, [data-color-scheme="old"] .stage.stage--done .stage__text:link, [data-color-scheme="old"] .stage.stage--done .stage__text:active, [data-color-scheme="old"] .stage.stage--done .stage__text:visited,
      [data-color-scheme="old"] .stage.stage--done .stage__label,
      [data-color-scheme="old"] .stage.stage--done .stage__label:link,
      [data-color-scheme="old"] .stage.stage--done .stage__label:active,
      [data-color-scheme="old"] .stage.stage--done .stage__label:visited {
        color: #fff; }
      [data-color-scheme="old"] .stage.stage--done .stage__date {
        color: #07aaea; }
    [data-color-scheme="old"] .stage.stage--active {
      fill: #023456;
      stroke: #023456; }
      [data-color-scheme="old"] .stage.stage--active .stage__text, [data-color-scheme="old"] .stage.stage--active .stage__text:link, [data-color-scheme="old"] .stage.stage--active .stage__text:active, [data-color-scheme="old"] .stage.stage--active .stage__text:visited,
      [data-color-scheme="old"] .stage.stage--active .stage__label,
      [data-color-scheme="old"] .stage.stage--active .stage__label:link,
      [data-color-scheme="old"] .stage.stage--active .stage__label:active,
      [data-color-scheme="old"] .stage.stage--active .stage__label:visited {
        color: #fff; }
      [data-color-scheme="old"] .stage.stage--active .stage__date {
        color: #bdc3c7; }
    [data-color-scheme="old"] .stage--stopped {
      fill: #000;
      stroke: #000; }
      [data-color-scheme="old"] .stage--stopped .stage__text, [data-color-scheme="old"] .stage--stopped .stage__text:link, [data-color-scheme="old"] .stage--stopped .stage__text:active, [data-color-scheme="old"] .stage--stopped .stage__text:visited,
      [data-color-scheme="old"] .stage--stopped .stage__label,
      [data-color-scheme="old"] .stage--stopped .stage__label:link,
      [data-color-scheme="old"] .stage--stopped .stage__label:active,
      [data-color-scheme="old"] .stage--stopped .stage__label:visited {
        color: #fff; }
      [data-color-scheme="old"] .stage--stopped .stage__date {
        color: #222325; }
  .stage--done {
    fill: #d1dade;
    stroke: #d1dade; }
    .stage--done .stage__text, .stage--done .stage__text:link, .stage--done .stage__text:active, .stage--done .stage__text:visited,
    .stage--done .stage__label,
    .stage--done .stage__label:link,
    .stage--done .stage__label:active,
    .stage--done .stage__label:visited {
      color: #73777c; }
    .stage--done .stage__date {
      color: #73777c; }
  .stage--active {
    fill: #023456;
    stroke: #023456; }
    .stage--active .stage__text, .stage--active .stage__text:link, .stage--active .stage__text:active, .stage--active .stage__text:visited,
    .stage--active .stage__label,
    .stage--active .stage__label:link,
    .stage--active .stage__label:active,
    .stage--active .stage__label:visited {
      color: #fff; }
    .stage--active .stage__date {
      color: #73777c; }
  .stage--stopped {
    fill: #000;
    stroke: #000; }
    .stage--stopped .stage__text, .stage--stopped .stage__text:link, .stage--stopped .stage__text:active, .stage--stopped .stage__text:visited,
    .stage--stopped .stage__label,
    .stage--stopped .stage__label:link,
    .stage--stopped .stage__label:active,
    .stage--stopped .stage__label:visited {
      color: #fff; }
    .stage--stopped .stage__date {
      color: #73777c; }
  .stage__shape {
    position: absolute;
    top: 0;
    left: 0; }
  .stage__gate {
    position: absolute;
    bottom: -7px;
    left: -22px;
    display: block;
    fill: #a3d634;
    stroke: #fff; }
  .stage__header {
    min-height: 14px;
    margin: 0 0 5px 0;
    padding: 0 10px 0 0; }
  .stage__body {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 40px;
    padding: 0 10px 0 15px;
    font-size: 12px; }
  .stage__footer {
    margin: 10px 0;
    padding: 0 10px 0 0;
    color: #73777c;
    line-height: 1.6; }
  .stage__title {
    text-align: right;
    font-size: 10px;
    font-weight: 400;
    color: #73777c; }
  .stage__label {
    font-weight: 600;
    margin-right: 10px; }
    .stage__label--with-tooltip {
      border-bottom: 1px dashed;
      cursor: pointer; }
  .stage__text, .stage__label {
    z-index: 1; }
  .stage__text {
    line-height: 1.2;
    font-weight: 400; }

/* Timeflow Stage [END] */
/* Timeflow Bubble [START] */
.bubble {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  height: 67px; }
  .bubble__shape {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    border: 1px solid #a6a6a6;
    border-radius: 100% 100% 8px 100%;
    transform-origin: bottom right;
    transform: translateX(-50%) rotate(45deg); }
    .bubble__shape::after {
      content: attr(data-value);
      transform: rotate(-45deg);
      color: #54585e;
      font-size: 18px;
      font-family: "Open Sans", Roboto, Arial, sans-serif; }
  .bubble--font-size-10 .bubble__shape::after {
    font-size: 10px; }
  .bubble--font-size-11 .bubble__shape::after {
    font-size: 11px; }
  .bubble--font-size-12 .bubble__shape::after {
    font-size: 12px; }
  .bubble--font-size-13 .bubble__shape::after {
    font-size: 13px; }
  .bubble--font-size-14 .bubble__shape::after {
    font-size: 14px; }
  .bubble--font-size-15 .bubble__shape::after {
    font-size: 15px; }
  .bubble--font-size-16 .bubble__shape::after {
    font-size: 16px; }
  .bubble--font-size-17 .bubble__shape::after {
    font-size: 17px; }
  .bubble--font-size-18 .bubble__shape::after {
    font-size: 18px; }

/* Timeflow Bubble [END] */
.toaster .notification:not(:last-of-type) {
  border-bottom: 0; }

.login-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
  background-color: #fff; }

.login {
  z-index: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 714px;
  width: 714px;
  height: 714px;
  color: #fff; }
  .login__section {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 50%;
    min-height: 50%;
    background-color: #fff;
    color: #000; }
    .login__section:first-child:last-child {
      width: 100%;
      min-height: auto; }
    .login__section--padded {
      padding: 20px; }
    .login__section--blue {
      background-color: #07aaea;
      color: #fff; }
      .login__section--blue h1, .login__section--blue h2, .login__section--blue h3, .login__section--blue a, .login__section--blue label {
        color: #fff; }
    .login__section--dark-blue {
      background-color: #023456;
      color: #fff; }
      .login__section--dark-blue h1, .login__section--dark-blue h2, .login__section--dark-blue h3, .login__section--dark-blue a, .login__section--dark-blue label {
        color: #fff; }
    .login__section--light-gray {
      background-color: #efefef;
      color: #000; }
      .login__section--light-gray h1, .login__section--light-gray h2, .login__section--light-gray h3, .login__section--light-gray a, .login__section--light-gray label {
        color: #000; }
    .login__section--dark-grey {
      background-color: #3c3c3b;
      color: #fff; }
      .login__section--dark-grey h1, .login__section--dark-grey h2, .login__section--dark-grey h3, .login__section--dark-grey a, .login__section--dark-grey label {
        color: #fff; }
      .login__section--dark-grey .login__announcement {
        background-color: #18191b; }
        .login__section--dark-grey .login__announcement::before {
          border-color: #242424 transparent transparent transparent; }
  .login__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%; }
    .login__header .login__logo {
      display: block;
      max-width: 100%; }
    .login__header .login__title {
      font-weight: 600; }
    .login__header .login__locale {
      position: absolute;
      bottom: 25px;
      left: 20px; }
    .login__header .login__environment {
      position: absolute;
      top: 5px;
      left: 20px;
      color: red;
      text-transform: uppercase; }
  .login__form .form {
    margin: 0;
    padding: 0;
    border: 0; }
  .login__form .value--error input[type="text"] {
    background-color: #ff9595; }
  .login__form input:not([type="image"]) {
    width: 100%;
    padding: 10px;
    border: 1px solid #d1dade;
    border-radius: 2px; }
    .login__form input:not([type="image"]):focus {
      outline: 2px solid #0074a5; }
  .login__info {
    height: 100%; }
  .login__picture {
    overflow: hidden;
    height: 357px; }
  .login__announcement {
    position: relative;
    width: 372px;
    margin-left: -35px;
    padding: 5px 20px;
    background-color: #0070a8;
    color: #fff; }
    .login__announcement::before {
      content: '';
      position: absolute;
      z-index: -10;
      top: 100%;
      left: 0;
      display: block;
      width: 0;
      height: 0;
      border: 15px solid;
      border-color: #004e75 transparent transparent transparent; }
    .login__announcement a {
      color: #fff;
      text-decoration: underline; }
    .login__announcement p {
      margin-bottom: 0 !important; }
  .login h1,
  .login h2,
  .login h3 {
    margin: 0 0 20px 0;
    font-weight: 300;
    font-family: "Open Sans", Roboto, Arial, sans-serif; }
  .login h3 {
    font-size: 14px; }
  .login p {
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-size: 11px;
    font-family: "Open Sans", Roboto, Arial, sans-serif; }
  .login .msg-error {
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 11px; }

.captcha {
  background: #fff;
  height: 100%; }
  .captcha img {
    display: block;
    width: auto;
    height: 100%;
    min-height: 36px;
    border-radius: 4px; }

.locale__list {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none; }

.locale__item {
  margin-right: 10px;
  text-transform: capitalize; }
  .locale__item:last-child {
    margin-right: 0; }

.login-template-wrapper {
  height: 100%; }

.login-template {
  height: 100%;
  background-color: #fff;
  font-size: 12px; }
  .login-template:not(.login-template--maintain-mode) .under-construction {
    display: none; }
  .login-template__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    margin-bottom: 60px; }
  .login-template__heading {
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 600;
    font-family: "Open Sans", Roboto, Arial, sans-serif;
    color: #000; }
  .login-template__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%; }
  .login-template__content {
    -ms-flex: 1;
        flex: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    height: 100%; }
  .login-template__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .login-template__container {
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px; }
  .login-template__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    color: #a1a4a7;
    white-space: nowrap;
    font-family: "Open Sans", Roboto, Arial, sans-serif; }
    .login-template__footer .footer-row .footer-cell {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: end;
          justify-content: flex-end;
      margin-bottom: 15px;
      padding: 0; }
      .login-template__footer .footer-row .footer-cell:last-child {
        margin: 0; }
  .login-template__section {
    overflow: hidden;
    overflow-y: auto;
    min-height: 0;
    padding: 0;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .login-template__section--high {
      height: 100%; }
  .login-template__wrapper {
    width: 100%;
    height: 100%; }
  .login-template__system-environment {
    -ms-flex-order: 1;
        order: 1;
    display: none;
    margin-bottom: 10px;
    font-weight: 600;
    color: #ea5215; }
    .login-template__system-environment--bottom {
      -ms-flex-order: 5;
          order: 5;
      width: 240px;
      text-align: left;
      margin-bottom: 0;
      padding-right: 0;
      font-weight: 400; }
  .login-template__system-logo {
    -ms-flex-order: 3;
        order: 3; }
    .login-template__system-logo img {
      zoom: 50%;
      display: block; }
  .login-template__msg-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-order: 40;
        order: 40;
    margin-bottom: 20px; }
    .login-template__msg-container .notification {
      margin-bottom: 5px; }
    .login-template__msg-container p {
      margin: 4px 0; }
    .login-template__msg-container a {
      white-space: nowrap;
      color: #07aaea; }
  .login-template__form {
    -ms-flex-order: 10;
        order: 10;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d1dade; }
  .login-template__feedback {
    -ms-flex-order: 20;
        order: 20;
    margin-bottom: 25px;
    font-family: "Open Sans", Roboto, Arial, sans-serif; }
    .login-template__feedback a {
      white-space: nowrap; }
  .login-template__input--code {
    position: relative; }
    .login-template__input--code input[type="text"] {
      width: 293px;
      height: 64px;
      padding: 10px 0 10px 10px;
      background-color: transparent;
      font-size: 48px;
      letter-spacing: 20px;
      font-family: Consolas, monospace, sans-serif; }
  .login-template__input svg {
    position: absolute;
    left: 0;
    bottom: 5px; }
  .login-template__requirements {
    -ms-flex-order: 30;
        order: 30;
    margin-bottom: 25px;
    font-family: "Open Sans", Roboto, Arial, sans-serif; }
  .login-template__requirements-tooltip {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    border: 1px solid #07aaea;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 600;
    color: #07aaea;
    text-align: center;
    cursor: default; }
  .login-template__notification {
    -ms-flex-order: 40;
        order: 40; }
  .login-template__locale {
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px; }
    .login-template__locale .locale__item a {
      color: #07aaea; }
    .login-template__locale .locale__list {
      -ms-flex-pack: end;
          justify-content: flex-end;
      font-weight: 600; }
  .login-template__box-article {
    padding: 10px 20px;
    border-left: 1px solid #008ac1;
    text-align: left; }
  .login-template__buttons-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .login-template__client-logo {
    -ms-flex-direction: column;
        flex-direction: column; }
    .login-template__client-logo .image {
      zoom: 50%;
      display: block;
      margin-bottom: 8px; }
      .login-template__client-logo .image:last-child {
        margin: 0; }
  .login-template__msg-container,
  .login-template .msg-container {
    margin: 0 0 8px 0; }
    .login-template__msg-container a,
    .login-template .msg-container a {
      white-space: nowrap;
      color: #07aaea; }
    .login-template__msg-container p,
    .login-template .msg-container p {
      margin: 0; }
    .login-template__msg-container .flash-close,
    .login-template .msg-container .flash-close {
      display: none; }

@media (max-width: 576px) {
  .login-template__wrapper {
    padding: 20px; } }

.under-construction {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #9cddfa 0%, rgba(255, 255, 255, 0) 100%), #f2f2f2; }
  .under-construction__top {
    margin-top: 134px;
    text-align: center; }
  .under-construction__center {
    text-align: center; }
  .under-construction__server {
    max-width: 100%;
    height: 40vh; }
  .under-construction__availability {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 96px; }

.popup-body-wrapper.login-template {
  height: auto;
  padding: 20px; }

.popup-body-wrapper .login-template__header {
  margin: 0;
  padding: 0; }

.popup-body-wrapper .login-template__form {
  margin: 0;
  padding: 0;
  border: none; }

.popup {
  position: fixed;
  z-index: 101;
  top: 20px;
  right: calc(50% - 280px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 560px;
  max-height: calc(100vh - 2 * 20px);
  overflow: hidden; }
  .popup--raised {
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background-color: #fff; }
  .popup--right {
    right: 20px; }
  .popup--overflow {
    height: calc(100vh - 2 * 20px) !important; }
  .popup--wide {
    width: 1100px;
    max-width: calc(100vw - 2 * 20px);
    right: calc(50% - 550px); }
  .popup--high {
    height: calc(100vh - 2 * 20px) !important; }
  .popup__close {
    color: #54585e;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer; }
    .popup__close:hover {
      color: #07aaea; }
  .popup__header, .popup__footer {
    color: #54585e;
    font-weight: 400;
    text-decoration: none;
    background-color: #f3f5f6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end; }
  .popup__header {
    -ms-grid-row: 1;
        grid-row-start: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    padding: 25px 40px 10px 40px;
    min-height: 62px;
    border-radius: 10px 10px 0 0;
    max-height: 120px;
    font-family: "Open Sans", Roboto, Arial, sans-serif;
    text-align: center; }
  .popup__heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .popup__heading--small .popup__title {
      font-size: 12px; }
  .popup__title {
    display: inline-block;
    margin: 0;
    font-size: 15px;
    color: #000; }
  .popup__icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 5px;
    border-radius: 500rem; }
  .popup__body {
    -ms-grid-row: 3;
        grid-row-start: 3;
    overflow: auto;
    max-height: calc(100vh - 217px); }
  .popup__toaster {
    -ms-grid-row: 2;
        grid-row-start: 2;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    margin: 0;
    padding: 0 20px 10px;
    background: #f3f5f6; }
  .popup__footer {
    -ms-grid-row: 1;
        grid-row-start: 1;
    padding: 20px;
    text-align: right;
    font-size: 0; }
    .popup__footer .secondary {
      color: #54585e;
      border-color: #bdc3c7; }
    .popup__footer .buttonsAlign {
      margin: 0;
      text-align: right;
      font-size: 0; }
    .popup__footer .checkbox-wrapper {
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin-right: 20px;
      position: relative;
      vertical-align: middle;
      font-size: 13px; }
  .popup .popup-body {
    overflow: auto;
    max-height: calc(100vh - 217px); }
    .popup .popup-body:not(.floating-height) {
      min-height: 300px; }
    .popup .popup-body.overflow {
      overflow-y: scroll; }

.popup-header,
.popup-footer {
  color: #54585e;
  font-weight: normal;
  text-decoration: NONE;
  text-align: center;
  background-color: #f3f5f6;
  padding: 20px; }

.popup-footer {
  text-align: right;
  font-size: 0; }
  .popup-footer .secondary {
    color: #54585e;
    border-color: #bdc3c7; }
  .popup-footer .buttonsAlign {
    margin: 0;
    text-align: right;
    font-size: 0; }
  .popup-footer .checkbox-wrapper {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 20px;
    position: relative;
    vertical-align: middle;
    font-size: 13px; }

.popup-header {
  position: relative;
  padding: 25px 40px 10px 40px;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
  min-height: 62px;
  border-radius: 10px 10px 0 0;
  font-size: 15px; }
  .popup-header a:link,
  .popup-header a:visited,
  .popup-header a:active,
  .popup-header a:hover {
    text-decoration: none; }
  .popup-header__close {
    color: #54585e;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer; }
    .popup-header__close:hover {
      color: #07aaea; }
  .popup-header .header_top {
    font-size: 12px; }
  .popup-header .header_bottom {
    color: #000; }
  .popup-header .toaster {
    margin-top: 10px;
    text-align: left; }

.popup-body-wrapper {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden; }
  .popup-body-wrapper .toaster,
  .popup-body-wrapper .msg-popup-container {
    margin: 0;
    padding: 0 20px 10px;
    background: #f3f5f6; }
  .popup-body-wrapper.login {
    min-width: auto;
    width: auto;
    height: auto; }

.popup-body {
  width: 100%;
  color: #54585e;
  background-color: #fff; }
  .popup-body::after {
    display: block;
    content: "";
    clear: both; }
  .popup-body .popup-wrapper {
    padding: 20px; }
    .popup-body .popup-wrapper textarea {
      width: 100%; }
    .popup-body .popup-wrapper--without-padding {
      padding: 0; }
  .popup-body .buttons_optional a {
    margin-right: 20px; }
  .popup-body .confirm_msg {
    padding: 20px;
    padding-bottom: 10px; }
  .popup-body .confirm_buttons {
    display: block;
    margin: 0 auto;
    width: 50%;
    font-size: 0; }
    .popup-body .confirm_buttons a {
      font-size: 10px;
      display: inline-block;
      zoom: 1;
      *display: inline;
      vertical-align: middle;
      margin-right: 10px;
      line-height: 1em; }
      .popup-body .confirm_buttons a:last-child {
        margin-right: 0; }
  .popup-body .form-input-value {
    vertical-align: top;
    padding: 0; }
    .popup-body .form-input-value label span {
      display: inline-block;
      zoom: 1;
      *display: inline; }
      .popup-body .form-input-value label span.desc-label {
        display: block; }
    .popup-body .form-input-value label .redtext {
      color: #f35958; }
    .popup-body .form-input-value input,
    .popup-body .form-input-value textarea {
      font-size: 12px; }
    .popup-body .form-input-value textarea {
      max-width: 100%; }
    .popup-body .form-input-value input[type="file"] {
      border: none;
      padding: 8px 0; }

.popup_field_wrapper {
  margin: 20px 0;
  clear: both; }
  .popup_field_wrapper label {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    height: 36px;
    width: 130px; }
  .popup_field_wrapper input:not(.datepicker-input),
  .popup_field_wrapper textarea {
    padding: 10px;
    width: 300px; }
  .popup_field_wrapper input:not(.datepicker-input) {
    height: 36px; }
  .popup_field_wrapper .valuetext {
    padding: 10px;
    height: 36px;
    display: inline-block;
    vertical-align: top; }
  .popup_field_wrapper .form-input-date, .popup_field_wrapper .form-input-date-value {
    float: right; }

.popup_table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0; }
  .popup_table td,
  .popup_table th {
    color: #54585e;
    border: 1px solid #d1dade; }
    .popup_table td input,
    .popup_table th input {
      color: #54585e;
      width: 100%;
      border: 1px solid #d1dade;
      padding: 0px 10px;
      border-radius: 4px;
      height: 28px; }
  .popup_table th {
    padding: 15px;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    white-space: nowrap; }
  .popup_table td {
    height: 30px;
    padding: 2px; }
    .popup_table td:first-child {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 1em; }
  .popup_table tr:not(.theader):hover td:not(.theader),
  .popup_table .row-hover td:not(.theader) {
    background: #e6f9fc; }
  .popup_table .todd_left td,
  .popup_table .teven_left td {
    text-align: center;
    padding: 10px;
    background: #fff; }

.popup-shadow {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 10px;
  background-color: #fff; }

.modalWindow {
  overflow: hidden !important;
  height: auto;
  background: #fff; }
  .modalWindow form {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .modalWindow .form-input-value label i + span {
    padding-left: 10px; }
  .modalWindow .tabs-list a {
    padding-left: 20px;
    padding-right: 20px; }
    .modalWindow .tabs-list a.tabselect {
      border-radius: 4px 4px 0 0; }

.dragclass {
  position: relative;
  cursor: move; }

.page-right-panel {
  position: relative;
  z-index: 0;
  height: 100%;
  margin: 0 0;
  padding: 0; }

.custom-task,
.custom-dependency {
  font-style: italic; }

.task-selection-popup {
  right: initial;
  left: 95px; }

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
select[multiple=multiple] {
  border: 1px solid #ccc;
  border-radius: 4px; }
  input[type="email"]:not(:disabled), input[type="number"]:not(:disabled), input[type="password"]:not(:disabled), input[type="search"]:not(:disabled), input[type="tel"]:not(:disabled), input[type="text"]:not(:disabled), input[type="url"]:not(:disabled), input[type="datetime"]:not(:disabled), input[type="datetime-local"]:not(:disabled), input[type="month"]:not(:disabled), input[type="time"]:not(:disabled), input[type="week"]:not(:disabled),
  select[multiple=multiple]:not(:disabled) {
    background-color: #fff;
    transition: border-color; }
    input[type="email"]:not(:disabled):hover, input[type="number"]:not(:disabled):hover, input[type="password"]:not(:disabled):hover, input[type="search"]:not(:disabled):hover, input[type="tel"]:not(:disabled):hover, input[type="text"]:not(:disabled):hover, input[type="url"]:not(:disabled):hover, input[type="datetime"]:not(:disabled):hover, input[type="datetime-local"]:not(:disabled):hover, input[type="month"]:not(:disabled):hover, input[type="time"]:not(:disabled):hover, input[type="week"]:not(:disabled):hover,
    select[multiple=multiple]:not(:disabled):hover {
      border-color: #b3b3b3; }
    input[type="email"]:not(:disabled):focus, input[type="number"]:not(:disabled):focus, input[type="password"]:not(:disabled):focus, input[type="search"]:not(:disabled):focus, input[type="tel"]:not(:disabled):focus, input[type="text"]:not(:disabled):focus, input[type="url"]:not(:disabled):focus, input[type="datetime"]:not(:disabled):focus, input[type="datetime-local"]:not(:disabled):focus, input[type="month"]:not(:disabled):focus, input[type="time"]:not(:disabled):focus, input[type="week"]:not(:disabled):focus,
    select[multiple=multiple]:not(:disabled):focus {
      border-color: #b3b3b3;
      outline: #023456; }

.empty-title-message, .x-grid-empty {
  text-align: center;
  margin: 0;
  font-size: 16px;
  color: #bdc3c7; }
  .empty-title-message--indented, .x-grid-empty {
    padding: 36px 0; }
  .empty-title-message--centered {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%); }
  .empty-title-message h2, .x-grid-empty h2 {
    margin: 0;
    font-size: 16px;
    color: #bdc3c7; }

.margin_from_float_button h2 {
  margin: 36px 0; }

.page-breadcrumbs {
  margin: 20px 0;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
  line-height: 1; }
  .page-breadcrumbs--no-indent {
    margin: 0; }
  .page-breadcrumbs__item {
    display: inline-block;
    vertical-align: middle;
    line-height: 12px;
    font-size: 12px; }
    .page-breadcrumbs__item:last-child {
      font-weight: 600; }
  .page-breadcrumbs__delimiter {
    font-size: 1em;
    display: inline-block;
    padding: 0 5px; }

a.page-breadcrumbs__item {
  cursor: pointer;
  color: #54585e; }
  a.page-breadcrumbs__item:hover {
    text-decoration: underline; }

.sidebar {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  width: 336px;
  height: 100%;
  background-color: #023456;
  font-family: "Open Sans", Roboto, Arial, sans-serif; }
  [data-theme="classic"] .sidebar {
    width: 240px; }
    [data-theme="classic"] .sidebar[data-layer-count="1"] .sidebar__layer--active,
    [data-theme="classic"] .sidebar[data-initial-layer-count="1"] .sidebar__layer:not(.sidebar__layer--overlay) .sidebar__body {
      width: 240px; }
    [data-theme="classic"] .sidebar[data-layer-count="2"] .sidebar__layer--active,
    [data-theme="classic"] .sidebar[data-initial-layer-count="2"] .sidebar__layer:not(.sidebar__layer--overlay) .sidebar__body {
      width: 208px; }
    [data-theme="classic"] .sidebar[data-layer-count="3"] .sidebar__layer--active,
    [data-theme="classic"] .sidebar[data-initial-layer-count="3"] .sidebar__layer:not(.sidebar__layer--overlay) .sidebar__body {
      width: 176px; }
    [data-theme="classic"] .sidebar--collapsed {
      width: 0; }
      [data-theme="classic"] .sidebar--collapsed .sidebar__layer:first-child {
        width: 32px; }
    [data-theme="classic"] .sidebar__body {
      opacity: 1; }
    [data-theme="classic"] .sidebar__layer {
      width: 32px; }
  .sidebar[data-layer-count="1"] .sidebar__layer--active,
  .sidebar[data-initial-layer-count="1"] .sidebar__layer:not(.sidebar__layer--overlay) .sidebar__body {
    width: 336px; }
  .sidebar[data-layer-count="2"] .sidebar__layer--active,
  .sidebar[data-initial-layer-count="2"] .sidebar__layer:not(.sidebar__layer--overlay) .sidebar__body {
    width: 288px; }
  .sidebar[data-layer-count="3"] .sidebar__layer--active,
  .sidebar[data-initial-layer-count="3"] .sidebar__layer:not(.sidebar__layer--overlay) .sidebar__body {
    width: 240px; }
  .sidebar--collapsed {
    width: 48px; }
    .sidebar--collapsed .sidebar__layer:first-child {
      width: 48px; }
      .sidebar--collapsed .sidebar__layer:first-child .menu__link[data-toggle="popover"] {
        width: 48px;
        height: 48px; }
    .sidebar--collapsed .sidebar__layer:not(:first-child) {
      display: none; }
  .sidebar__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 48px; }
  .sidebar__body {
    overflow-x: hidden;
    overflow-y: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%;
    opacity: .2;
    transition: opacity 200ms; }
  .sidebar__collapser {
    -ms-flex: 0 0 48px;
        flex: 0 0 48px;
    width: 48px;
    height: 48px;
    padding: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    outline: none; }
  .sidebar__logo {
    display: -ms-flexbox;
    display: flex; }
  .sidebar__menu {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .sidebar__menu:last-child {
      margin-bottom: 16px; }
    .sidebar__menu--centered {
      margin-top: auto;
      margin-bottom: auto; }
  .sidebar__layer {
    overflow: hidden;
    width: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 100%;
    min-height: 100%;
    transition: width 200ms;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
    /**
     * A hack to support left menu icons in Classic mode and hide them in Modern mode.
     * Remove it when we no longer need left menu icons in Classic mode.
     */ }
    .sidebar__layer--hidden {
      width: 0 !important; }
    .sidebar__layer--active {
      overflow-y: auto;
      width: 288px; }
      .sidebar__layer--active:only-child {
        width: 100%; }
      .sidebar__layer--active .sidebar__body {
        opacity: 1; }
    .sidebar__layer[data-layer-index="1"] {
      background-color: #034a72; }
    .sidebar__layer[data-layer-index="2"] {
      background-color: #056094; }
    .sidebar__layer[data-layer-index="1"] .menu__item-icon, .sidebar__layer[data-layer-index="2"] .menu__item-icon {
      display: none; }
      .sidebar__layer[data-layer-index="1"] .menu__item-icon + .menu__item-text, .sidebar__layer[data-layer-index="2"] .menu__item-icon + .menu__item-text {
        padding-left: 16px; }
        .sidebar__layer[data-layer-index="1"] .menu__item-icon + .menu__item-text + .menu__item-icon, .sidebar__layer[data-layer-index="2"] .menu__item-icon + .menu__item-text + .menu__item-icon {
          display: inherit; }
  .sidebar__info {
    position: relative;
    display: block;
    max-height: 110px;
    margin: 10px 0;
    width: 100%;
    padding: 10px 20px;
    background: #032945;
    font-size: 10px;
    color: #fff; }

.logo {
  width: 100%; }
  .logo__image {
    display: block;
    height: 100%; }
  .logo__link {
    font-size: 16px;
    font-weight: 600; }
    .logo__link:link, .logo__link:visited {
      color: #fff;
      text-decoration: none; }
  .logo__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }

.preloader {
  padding: 20px;
  background-color: #eee;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  margin: auto; }
  .preloader--center {
    margin: auto; }
  .preloader--inner {
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: transparent; }
    .preloader--inner .preloader__icon {
      margin: auto; }
  .preloader--absolute {
    position: absolute;
    z-index: 200; }
  .preloader--block {
    background-color: rgba(255, 255, 255, 0.8); }
  .preloader__title {
    text-align: center;
    font-weight: 600;
    font-size: 18px; }
  .preloader__text {
    width: 350px;
    text-align: center;
    font-size: 14px; }
  .preloader__icon {
    margin: auto;
    padding: 25px 0; }
    .preloader__icon i::before {
      font-size: 50px;
      -webkit-animation: spin 2s infinite ease-in-out;
              animation: spin 2s infinite ease-in-out; }

.blocklayer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: #54585e;
  opacity: .75;
  filter: alpha(opacity=75); }

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

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.app {
  background-color: #f3f5f6;
  font-weight: normal !important;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  color: #54585e; }
  .app__wrapper {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    width: 100%; }
  .app__sidebar {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .app__main {
    overflow: hidden;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    height: 100vh; }
  .app__scroller {
    overflow: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%;
    min-height: 100vh; }
  .app__fab {
    position: absolute;
    right: 32px;
    bottom: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .app__fab--revealed .btn, .app__fab--revealed .ui-datepicker .ui-datepicker-current, .ui-datepicker .app__fab--revealed .ui-datepicker-current {
      visibility: visible;
      opacity: 0.5;
      bottom: 20px;
      pointer-events: auto; }
  .app__header {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 32px; }
  .app__content {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    padding: 0 32px 24px 32px; }
  .app__footer {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 32px;
    background-color: #fff; }
  .app__blocklayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    background-color: rgba(84, 88, 94, 0.75); }
  .app[data-theme="classic"] .app__wrapper {
    height: calc(100% - 60px); }
  .app[data-theme="classic"] .app__main {
    height: auto;
    min-height: auto; }
  .app[data-theme="classic"] .app__scroller {
    height: auto;
    min-height: 100%; }
  .app[data-theme="classic"] .app__header {
    padding: 0 20px; }
  .app[data-theme="classic"] .app__content {
    padding: 0 20px 20px 20px; }
  .app[data-theme="classic"] .app__footer {
    padding: 0 20px; }
  .app[data-environment]:not([data-environment='']) {
    padding-left: 24px; }
    .app[data-environment]:not([data-environment=''])::before {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      height: 100%;
      width: 24px;
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      background-image: repeating-linear-gradient(225deg, transparent, transparent 22px, rgba(255, 255, 255, 0.3) 22px, rgba(255, 255, 255, 0.3) 44px); }
    .app[data-environment]:not([data-environment=''])::after {
      content: attr(data-environment);
      position: fixed;
      color: #000;
      left: 0;
      bottom: 0;
      line-height: 24px;
      font-size: 14px;
      font-family: "Open Sans", Roboto, Arial, sans-serif;
      transform-origin: left top;
      transform: rotate(-90deg); }
    .app[data-environment]:not([data-environment='']) .grid--full-screen,
    .app[data-environment]:not([data-environment='']) .page-header {
      left: 24px; }

.hidden-stats {
  display: none;
  width: 0;
  height: 0;
  opacity: 0; }

.card-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  max-height: calc(100% - 0px);
  background-color: #fff; }
  [data-theme="classic"] .card-panel__title {
    font-size: 15px;
    color: #73777c; }
  .card-panel--small .card-panel__header {
    padding: 15px; }
  .card-panel--inline {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -5px;
    max-height: calc(100% - 0px); }
    .card-panel--inline .card {
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .card-panel--raised {
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.2); }
  .card-panel__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: 20px;
    border-bottom: 1px solid #d1dade; }
    .card-panel__header--transparent {
      background-color: transparent;
      color: #000; }
    .card-panel__header--black {
      background-color: #000;
      color: #fff; }
    .card-panel__header--blue {
      background-color: #07aaea;
      color: #fff; }
    .card-panel__header--blue-light {
      background-color: #76bcd8;
      color: #000; }
    .card-panel__header--blue-dark {
      background-color: #008ac1;
      color: #fff; }
    .card-panel__header--blue-darker {
      background-color: #045a8b;
      color: #fff; }
    .card-panel__header--burnt-sienna {
      background-color: #ec765f;
      color: #fff; }
    .card-panel__header--empty {
      background-color: #d1dade;
      color: #000; }
    .card-panel__header--dark-blue {
      background-color: #034a72;
      color: #fff; }
    .card-panel__header--dark-gray {
      background-color: #54585e;
      color: #fff; }
    .card-panel__header--fountain-blue {
      background-color: #53a9a7;
      color: #fff; }
    .card-panel__header--geyser {
      background-color: #d1dade;
      color: #000; }
    .card-panel__header--governor-bay {
      background-color: #333399;
      color: #fff; }
    .card-panel__header--gray {
      background-color: #73777c;
      color: #fff; }
    .card-panel__header--gray-chateau {
      background-color: #a5adaf;
      color: #000; }
    .card-panel__header--grayscale-1 {
      background-color: #54585e;
      color: #fff; }
    .card-panel__header--grayscale-3 {
      background-color: #bdc3c7;
      color: #000; }
    .card-panel__header--grayscale-5 {
      background-color: #f3f5f6;
      color: #000; }
    .card-panel__header--primary-1 {
      background-color: #032945;
      color: #fff; }
    .card-panel__header--primary-2 {
      background-color: #023456;
      color: #fff; }
    .card-panel__header--primary-3 {
      background-color: #034a72;
      color: #fff; }
    .card-panel__header--primary-4 {
      background-color: #008ac1;
      color: #fff; }
    .card-panel__header--primary-5 {
      background-color: #07aaea;
      color: #fff; }
    .card-panel__header--green-aqua {
      background-color: #0aa699;
      color: #fff; }
    .card-panel__header--green-dark {
      background-color: #177b57;
      color: #fff; }
    .card-panel__header--green {
      background-color: #a3d634;
      color: #000; }
    .card-panel__header--grey-dark {
      background-color: #939699;
      color: #fff; }
    .card-panel__header--grey {
      background-color: #d2d6d9;
      color: #000; }
    .card-panel__header--grey-light {
      background-color: #e4eaed;
      color: #000; }
    .card-panel__header--scampi {
      background-color: #5d60ab;
      color: #fff; }
    .card-panel__header--kobi {
      background-color: #eaaecf;
      color: #000; }
    .card-panel__header--lightgray {
      background-color: #bdc3c7;
      color: #000; }
    .card-panel__header--manatee {
      background-color: #9089a5;
      color: #fff; }
    .card-panel__header--orange {
      background-color: #f07d00;
      color: #fff; }
    .card-panel__header--orange-peel {
      background-color: #f09e00;
      color: #000; }
    .card-panel__header--picton-blue {
      background-color: #36a7e9;
      color: #fff; }
    .card-panel__header--purple {
      background-color: #a27497;
      color: #fff; }
    .card-panel__header--red {
      background-color: #f35958;
      color: #fff; }
    .card-panel__header--red-dark {
      background-color: #f02a28;
      color: #fff; }
    .card-panel__header--ripe-lemon {
      background-color: #f5c50e;
      color: #000; }
    .card-panel__header--tacao {
      background-color: #edb183;
      color: #000; }
    .card-panel__header--yellow {
      background-color: #f9ba46;
      color: #000; }
    .card-panel__header--yellow-green {
      background-color: #cccd21;
      color: #000; }
    .card-panel__header--yellow-red {
      background-color: #f48f33;
      color: #000; }
    .card-panel__header--white {
      background-color: #fff;
      color: #000; }
    .card-panel__header--wistful {
      background-color: #a7a4d1;
      color: #000; }
    .card-panel__header--graph-fountain-blue {
      background-color: #5bc0be;
      color: #000; }
    .card-panel__header--graph-seagull {
      background-color: #82c3e9;
      color: #000; }
    .card-panel__header--graph-wild-blue-yonder {
      background-color: #7a7abd;
      color: #fff; }
    .card-panel__header--graph-cosmos {
      background-color: #ffd6d7;
      color: #000; }
    .card-panel__header--graph-caper {
      background-color: #d0eda5;
      color: #000; }
    .card-panel__header--graph-gray-chateau {
      background-color: #a5adaf;
      color: #000; }
    .card-panel__header--space-between {
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .card-panel__header > *:last-child {
      margin-bottom: 0; }
  .card-panel__heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 20px; }
  .card-panel__icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    background-color: #fff;
    border: 2px solid #d1dade;
    border-radius: 500rem; }
  .card-panel__title {
    display: inline-block;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    color: #222325; }
  .card-panel__content {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    height: 100%; }
  .card-panel .tabs__content {
    padding: 0; }

.card {
  position: relative;
  background: #fff;
  color: #54585e;
  font-size: 11px; }
  .card--medium .card__content {
    padding: 15px; }
  .card--small .card__content, .card-panel--small .card .card__content {
    padding: 10px; }
  .card--tiny .card__content, .card-panel--tiny .card .card__content {
    padding: 5px; }
  .card--rounded {
    border-radius: 5px; }
    .card--rounded .card__header {
      border-radius: 5px 5px 0 0; }
  .card--bordered {
    border-bottom: 1px solid #d1dade; }
  .card--selected {
    box-shadow: 0 0 0 5px #008ac1; }
  .card--framed {
    border: 1px solid #d1dade; }
  .card--raised {
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.2); }
  .card--indented {
    margin-bottom: 10px; }
  .card--hoverable:hover {
    background: #e6f9fc; }
  .card--draggable .card__header {
    cursor: move; }
    .card--draggable .card__header * {
      cursor: move; }
  .card--dragging {
    transform: rotate(-4deg); }
  .card--disabled .mask {
    display: block; }
  .card--disabled .card__restore {
    display: inline-block; }
  .card--disabled .card__remove {
    display: none; }
  .card__header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    min-height: 35px;
    padding: 10px 20px;
    border-bottom: 1px solid #d1dade;
    font-size: 14px; }
    .card__header--transparent {
      background-color: transparent;
      color: #000; }
    .card__header--black {
      background-color: #000;
      color: #fff; }
    .card__header--blue {
      background-color: #07aaea;
      color: #fff; }
    .card__header--blue-light {
      background-color: #76bcd8;
      color: #000; }
    .card__header--blue-dark {
      background-color: #008ac1;
      color: #fff; }
    .card__header--blue-darker {
      background-color: #045a8b;
      color: #fff; }
    .card__header--burnt-sienna {
      background-color: #ec765f;
      color: #fff; }
    .card__header--empty {
      background-color: #d1dade;
      color: #000; }
    .card__header--dark-blue {
      background-color: #034a72;
      color: #fff; }
    .card__header--dark-gray {
      background-color: #54585e;
      color: #fff; }
    .card__header--fountain-blue {
      background-color: #53a9a7;
      color: #fff; }
    .card__header--geyser {
      background-color: #d1dade;
      color: #000; }
    .card__header--governor-bay {
      background-color: #333399;
      color: #fff; }
    .card__header--gray {
      background-color: #73777c;
      color: #fff; }
    .card__header--gray-chateau {
      background-color: #a5adaf;
      color: #000; }
    .card__header--grayscale-1 {
      background-color: #54585e;
      color: #fff; }
    .card__header--grayscale-3 {
      background-color: #bdc3c7;
      color: #000; }
    .card__header--grayscale-5 {
      background-color: #f3f5f6;
      color: #000; }
    .card__header--primary-1 {
      background-color: #032945;
      color: #fff; }
    .card__header--primary-2 {
      background-color: #023456;
      color: #fff; }
    .card__header--primary-3 {
      background-color: #034a72;
      color: #fff; }
    .card__header--primary-4 {
      background-color: #008ac1;
      color: #fff; }
    .card__header--primary-5 {
      background-color: #07aaea;
      color: #fff; }
    .card__header--green-aqua {
      background-color: #0aa699;
      color: #fff; }
    .card__header--green-dark {
      background-color: #177b57;
      color: #fff; }
    .card__header--green {
      background-color: #a3d634;
      color: #000; }
    .card__header--grey-dark {
      background-color: #939699;
      color: #fff; }
    .card__header--grey {
      background-color: #d2d6d9;
      color: #000; }
    .card__header--grey-light {
      background-color: #e4eaed;
      color: #000; }
    .card__header--scampi {
      background-color: #5d60ab;
      color: #fff; }
    .card__header--kobi {
      background-color: #eaaecf;
      color: #000; }
    .card__header--lightgray {
      background-color: #bdc3c7;
      color: #000; }
    .card__header--manatee {
      background-color: #9089a5;
      color: #fff; }
    .card__header--orange {
      background-color: #f07d00;
      color: #fff; }
    .card__header--orange-peel {
      background-color: #f09e00;
      color: #000; }
    .card__header--picton-blue {
      background-color: #36a7e9;
      color: #fff; }
    .card__header--purple {
      background-color: #a27497;
      color: #fff; }
    .card__header--red {
      background-color: #f35958;
      color: #fff; }
    .card__header--red-dark {
      background-color: #f02a28;
      color: #fff; }
    .card__header--ripe-lemon {
      background-color: #f5c50e;
      color: #000; }
    .card__header--tacao {
      background-color: #edb183;
      color: #000; }
    .card__header--yellow {
      background-color: #f9ba46;
      color: #000; }
    .card__header--yellow-green {
      background-color: #cccd21;
      color: #000; }
    .card__header--yellow-red {
      background-color: #f48f33;
      color: #000; }
    .card__header--white {
      background-color: #fff;
      color: #000; }
    .card__header--wistful {
      background-color: #a7a4d1;
      color: #000; }
    .card__header--graph-fountain-blue {
      background-color: #5bc0be;
      color: #000; }
    .card__header--graph-seagull {
      background-color: #82c3e9;
      color: #000; }
    .card__header--graph-wild-blue-yonder {
      background-color: #7a7abd;
      color: #fff; }
    .card__header--graph-cosmos {
      background-color: #ffd6d7;
      color: #000; }
    .card__header--graph-caper {
      background-color: #d0eda5;
      color: #000; }
    .card__header--graph-gray-chateau {
      background-color: #a5adaf;
      color: #000; }
  .card__content {
    position: relative;
    padding: 20px; }
  .card__thumbnail {
    overflow: hidden;
    position: relative;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
    padding: 0 0 100% 0;
    border-radius: 5px;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #f3f5f6; }
    .card__thumbnail--circular {
      border-radius: 100%; }
    .card__thumbnail--fit-into {
      background-size: contain;
      background-repeat: no-repeat; }
  .card__divider {
    margin: 20px 0;
    background-color: #f3f5f6; }
  .card__heading {
    width: 100%;
    margin: 0; }
  .card__title {
    position: relative;
    width: 100%;
    color: #222325;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px; }
    .card__title:link, .card__title:visited {
      color: #222325; }
  .card__restore, .card__remove {
    z-index: 2; }
    .card__restore:link, .card__restore:visited, .card__remove:link, .card__remove:visited {
      color: #bdc3c7; }
  .card__restore {
    display: none; }
    .card__restore:hover {
      color: #a3d634; }
  .card__remove {
    display: inline-block; }
    .card__remove:hover {
      color: #f35958; }
  .card .row.row-grid {
    height: auto; }

.footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 56px;
  color: #bdc3c7; }
  .footer__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 100%;
    max-width: 400px; }
  .footer__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    margin-left: auto; }
  .footer__buttons {
    margin-left: 16px; }

.header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: auto !important;
  transition: left 150ms, right 150ms; }
  [data-theme="classic"] .header {
    margin-bottom: 20px; }
    [data-theme="classic"] .header--fixed {
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
      [data-theme="classic"] .header--fixed .header__wrapper {
        padding: 0 20px; }
      [data-theme="classic"] .header--fixed .header__title {
        font-size: 18px;
        font-weight: 300; }
      [data-theme="classic"] .header--fixed__toaster {
        padding: 0; }
    [data-theme="classic"] .header__wrapper {
      padding: 20px;
      background-color: #fff; }
    [data-theme="classic"] .header__title {
      font-size: 18px;
      font-weight: 300;
      line-height: 1.5;
      color: #73777c; }
    [data-theme="classic"] .header__subtitle {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 18px;
      font-weight: 300; }
    [data-theme="classic"] .header__toolbar {
      margin-bottom: 0; }
    [data-theme="classic"] .header__back a {
      color: #73777c; }
      [data-theme="classic"] .header__back a .gi::before {
        font-size: 28px; }
    [data-theme="classic"] .header__toolbar, [data-theme="classic"] .header__back {
      height: auto; }
  .header--fixed {
    z-index: 90;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background-color: #fff;
    box-shadow: -1px 0 0 1px rgba(0, 0, 0, 0.1); }
    .header--fixed .header__wrapper {
      -ms-flex-align: center;
          align-items: center;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      min-height: 48px;
      padding: 0 32px; }
    .header--fixed .header__heading {
      -ms-flex-align: center;
          align-items: center; }
    .header--fixed .header__title {
      font-size: 18px;
      font-weight: 400;
      line-height: 1.33; }
    .header--fixed .header__subtitle {
      display: none; }
    .header--fixed .header__toolbar {
      margin-bottom: 0; }
    .header--fixed .header__toaster .notification:last-of-type {
      margin: 0; }
  .header__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: start;
        align-items: flex-start;
    padding: 24px 0 8px 0; }
  .header__heading {
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px; }
  .header__title {
    position: relative;
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    font-family: "Open Sans", Roboto, Arial, sans-serif;
    line-height: 1.25;
    color: #222325; }
  .header__subtitle {
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 14px;
    font-family: "Open Sans", Roboto, Arial, sans-serif;
    color: #73777c;
    line-height: 1.43; }
  .header__back {
    margin-right: 8px; }
  .header__toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin: 0 0 16px auto;
    font-family: Roboto, Arial, sans-serif; }
  .header__toolbar, .header__back {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    height: 40px; }
  .header__toaster .notification:last-of-type {
    margin-bottom: 16px; }

.navbar {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-size: 0; }
  .navbar__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 0;
        flex-grow: 0;
    -ms-flex-preferred-size: 240px;
        flex-basis: 240px;
    min-width: 240px;
    height: 100%;
    padding: 0 0 0 24px;
    font-size: 12px;
    font-weight: bold;
    line-height: 64px;
    text-transform: uppercase; }
    .navbar__logo:link, .navbar__logo:visited, .navbar__logo:hover {
      color: #373838;
      text-decoration: none; }
  .navbar__image {
    display: block;
    width: 100%;
    height: 100%; }
  .navbar__content {
    overflow: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0 16px;
    vertical-align: middle;
    font-size: 12px; }
  .navbar__section {
    overflow: visible;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 100%; }
    .navbar__section:first-of-type {
      overflow: hidden;
      width: 100%; }
    .navbar__section:last-of-type {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .navbar__search {
    width: 200px; }

.panel, .panel_half, .collapsible-panel--body {
  clear: both;
  font-weight: normal;
  background-color: #fff;
  text-align: left;
  padding: 20px;
  position: relative;
  color: #54585e;
  /**
   * Use it when you need to put inside of the panel some content that already has horizontal padding.
   */
  /**
   * Use it when you need to put the panel into a container that already has horizontal paddings,
   * e.g. into another panel or a modal window.
   */
  /**
   * Use it when you need to temporarily stick with the classic panel design.
   */
  /*TODO: remove --fitted, change it to --basic in all places*/ }
  .panel::after, .panel_half::after, .collapsible-panel--body::after {
    display: block;
    content: "";
    clear: both; }
  .panel:not(:last-of-type), .panel_half:not(:last-of-type), .collapsible-panel--body:not(:last-of-type) {
    margin-bottom: 20px; }
  .panel--basic {
    padding: 0; }
    .panel--basic .panel__header {
      padding: 20px;
      margin-bottom: 0; }
  .panel--plain {
    padding: 0; }
    .panel--plain .panel__header {
      padding: 20px 0; }
  .panel--classic .panel__title, [data-theme="classic"] .panel .panel__title, [data-theme="classic"] .panel_half .panel__title, [data-theme="classic"] .collapsible-panel--body .panel__title {
    font-size: 16px;
    line-height: normal;
    font-weight: 300;
    color: #222325; }
  .panel--classic h2, [data-theme="classic"] .panel h2, [data-theme="classic"] .panel_half h2, [data-theme="classic"] .collapsible-panel--body h2 {
    display: inline-block; }
  .panel--fitted .panel__content {
    margin: -20px; }
  .panel--tight:not(:last-of-type) {
    margin-bottom: 10px; }
  .panel--small {
    padding: 10px; }
  .panel--with-margin {
    margin-bottom: 20px; }
  .panel--auto-height {
    height: auto; }
  .panel--full-height {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: stretch;
        justify-content: stretch;
    height: 100%;
    overflow: hidden; }
    .panel--full-height .panel__content {
      height: 100%;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column; }
  .panel--collapsed {
    height: auto; }
    .panel--collapsed .panel__header {
      margin-bottom: 0; }
    .panel--collapsed .panel__content {
      display: none; }
    .panel--collapsed .panel__collapser:before {
      content: '\E006'; }
  .panel--loading .panel__collapser {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .panel--loading .panel__collapser:before {
      content: '\E112'; }
  .panel--bordered {
    border: 1px solid #d1dade; }
  .panel__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    margin-bottom: 20px; }
  .panel__content--relative {
    position: relative; }
  .panel__collapser {
    cursor: pointer;
    margin-left: auto; }
    .panel__collapser:link, .panel__collapser:hover, .panel__collapser:active, .panel__collapser:visited {
      color: #54585e;
      text-decoration: none; }
    .panel__collapser:before {
      content: "\E009"; }
  .panel__divider {
    margin: 20px -20px; }
  .panel .tree_locations i, .panel_half .tree_locations i, .collapsible-panel--body .tree_locations i {
    color: #54585e; }
  .panel #location_tree, .panel_half #location_tree, .collapsible-panel--body #location_tree {
    width: 100%;
    height: 250px; }
  .panel_middle {
    padding: 5px;
    background-color: #f3f3f3;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; }
  .panel .table-controls .secondary, .panel_half .table-controls .secondary, .collapsible-panel--body .table-controls .secondary,
  .panel .buttonsAlign .secondary,
  .panel_half .buttonsAlign .secondary,
  .collapsible-panel--body .buttonsAlign .secondary, .panel_middle .table-controls .secondary,
  .panel_middle .buttonsAlign .secondary {
    padding-right: 8px;
    padding-left: 8px;
    min-width: 40px;
    text-align: center; }
  .panel .form-input-value h2, .panel_half .form-input-value h2, .collapsible-panel--body .form-input-value h2 {
    margin: 0; }
  .panel .form-input-value .js-help, .panel_half .form-input-value .js-help, .collapsible-panel--body .form-input-value .js-help {
    margin-top: 11px; }
    .panel .form-input-value .js-help .helptext, .panel_half .form-input-value .js-help .helptext, .collapsible-panel--body .form-input-value .js-help .helptext {
      display: inline-block;
      zoom: 1;
      *display: inline;
      margin: 2px 0; }
  .panel_half {
    float: left;
    clear: right;
    width: calc(50% - 20px);
    min-height: 190px;
    margin: 0 20px 0 0;
    vertical-align: top;
    color: #54585e; }
    .panel_half:nth-of-type(2n) {
      width: 50%;
      margin-right: 0; }
    .panel_half .form-input-value {
      width: 100%;
      color: #54585e; }
      .panel_half .form-input-value textarea {
        height: 200px;
        border-color: #d1dade;
        color: #54585e; }
      .panel_half .form-input-value label {
        margin-bottom: 10px;
        display: inline-block;
        zoom: 1;
        *display: inline; }
  .panel .textarea-extra-comment, .panel_half .textarea-extra-comment, .collapsible-panel--body .textarea-extra-comment {
    margin-top: 10px; }
  .panel .button span, .panel_half .button span, .collapsible-panel--body .button span, .panel .button--light span, .panel_half .button--light span, .collapsible-panel--body .button--light span, .panel .button_disable span, .panel_half .button_disable span, .collapsible-panel--body .button_disable span {
    color: #fff; }
  .panel .tabs, .panel_half .tabs, .collapsible-panel--body .tabs {
    clear: both; }
  .panel_toolbar {
    text-align: justify;
    font-size: 100%; }
    .panel_toolbar::after {
      content: '';
      display: inline-block;
      zoom: 1;
      *display: inline;
      width: 100%; }
    .panel_toolbar .left-toolbar,
    .panel_toolbar .right-toolbar {
      font-size: 12px; }
    .panel_toolbar.mg-top {
      margin-top: 20px; }
      .panel_toolbar.mg-top.small-mg {
        margin-top: 10px;
        margin-bottom: -15px; }
    .panel_toolbar.mg-bottom {
      margin-bottom: 6px; }
    .panel_toolbar.with-separator {
      width: calc(100% + 40px);
      border-top: 2px solid #f3f5f6;
      margin-top: 20px;
      margin-left: -20px; }
  .panel .info-list, .panel_half .info-list, .collapsible-panel--body .info-list {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    padding-right: 40px; }
    .panel .info-list span, .panel_half .info-list span, .collapsible-panel--body .info-list span {
      display: block; }
      .panel .info-list span.info-list-label, .panel_half .info-list span.info-list-label, .collapsible-panel--body .info-list span.info-list-label {
        color: #54585e; }
      .panel .info-list span.info-list-value, .panel_half .info-list span.info-list-value, .collapsible-panel--body .info-list span.info-list-value {
        color: #000; }
  .panel h2, .panel_half h2, .collapsible-panel--body h2 {
    display: inline-block; }
    .panel h2 strong, .panel_half h2 strong, .collapsible-panel--body h2 strong {
      font-weight: 600; }
  .panel__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    color: #222325; }
    .panel__title--no-indent {
      margin: 0 20px 0 0; }
    .panel__title--top-indent {
      margin-top: 20px; }
  .panel__toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-height: 32px;
    margin-left: auto;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-item-align: start;
        align-self: flex-start;
    line-height: 32px; }
    .panel__toolbar .panel__toolbar-item:not(:last-child) {
      margin-right: 16px; }
  .panel .manage-views-h2, .panel_half .manage-views-h2, .collapsible-panel--body .manage-views-h2 {
    margin-top: 20px; }
  .panel__wrapper {
    position: relative; }
    .panel__wrapper .panel__collapser {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0; }
      .panel__wrapper .panel__collapser.gi-angle-top:before, .panel__wrapper .collapsible-panel--header.opened .collapser_link i.panel__collapser:before, .collapsible-panel--header.opened .collapser_link .panel__wrapper i.panel__collapser:before {
        content: "\E009"; }
      .panel__wrapper .panel__collapser.gi-angle-bottom:before, .panel__wrapper .collapsible-panel--header .collapser_link i.panel__collapser:before, .collapsible-panel--header .collapser_link .panel__wrapper i.panel__collapser:before {
        content: "\E006"; }
    .panel__wrapper .panel__content {
      margin-top: 20px; }

.collapsible-panel {
  margin-bottom: 20px; }
  .collapsible-panel--body {
    position: relative; }
    .collapsible-panel--body.panel, .collapsible-panel--body {
      margin: 0; }
  .collapsible-panel--header {
    background-color: #fff;
    padding: 27px 20px;
    border-bottom: 1px solid #f3f5f6;
    position: relative; }
    .collapsible-panel--header h2 {
      text-align: left;
      margin: 0; }
      .collapsible-panel--header h2 strong {
        font-weight: 600; }
    .collapsible-panel--header .donut {
      position: absolute;
      right: 56px;
      top: calc(50% - 28px);
      width: 56px;
      height: 56px;
      border: none; }
    .collapsible-panel--header .collapser_link {
      position: absolute;
      right: 20px;
      top: calc(50% - 8px);
      color: #54585e; }
    .collapsible-panel--header .milestone-dates {
      font-family: "Open Sans", Roboto, Arial, sans-serif;
      margin-left: 35px; }
    .collapsible-panel--header.panel, .collapsible-panel--header.panel_half, .collapsible-panel--header.collapsible-panel--body {
      margin: 0; }
    .collapsible-panel--header span.quicklinks {
      display: inline-block;
      margin-top: -5px;
      margin-right: 5px; }
      .collapsible-panel--header span.quicklinks i::before {
        vertical-align: top; }
    .collapsible-panel--header.opened + .collapsible-panel--body {
      display: block; }
    .collapsible-panel--header ~ .collapsible-panel--body {
      display: none; }

.inner-panel {
  padding-bottom: 0;
  border: 1px solid #bdc3c7; }
  .inner-panel .table table {
    border-bottom: 0;
    margin-bottom: 2px; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 400px;
  font-family: Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  font-size: 14px;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  line-break: auto;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2); }
  .popover--indented {
    padding: 20px; }
  .popover--fixed {
    position: fixed; }
  .popover--wide {
    width: 400px; }
  .popover--rounded {
    border-radius: 4px; }
  .popover--menu {
    border-radius: 4px; }
    .popover--menu .popover-content {
      overflow: hidden;
      overflow-y: auto;
      min-width: 200px;
      max-height: 300px; }
  .popover--bordered {
    padding: 20px;
    background-color: #f8f7f7; }
    .popover--bordered .arrow {
      border-bottom-color: #f8f7f7 !important; }
      .popover--bordered .arrow::after {
        border-bottom-color: #f8f7f7 !important; }
  .popover__footer {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px; }
    .popover__footer--right {
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .popover .project_dropdown_data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 310px;
    padding: 10px; }
    .popover .project_dropdown_data a {
      width: 140px;
      padding: 5px;
      color: #54585e;
      font-size: 10px;
      text-align: left;
      text-decoration: none;
      white-space: pre-wrap; }
      .popover .project_dropdown_data a:hover {
        color: #008ac1;
        background: #e6f9fc;
        position: relative; }
  .popover.top {
    margin-top: -8px; }
    .popover.top::before {
      content: ' ';
      position: absolute;
      top: 100%;
      display: block;
      width: 100%;
      height: 8px; }
    .popover.top > .arrow {
      bottom: -9px;
      left: 50%;
      margin-left: -9px;
      border-bottom-width: 0; }
      .popover.top > .arrow::after {
        bottom: 1px;
        margin-left: -8px;
        content: ' ';
        border-top-color: #fff;
        border-bottom-width: 0; }
  .popover.right {
    margin-left: 8px; }
    .popover.right::before {
      content: ' ';
      position: absolute;
      right: 100%;
      display: block;
      width: 8px;
      height: 100%; }
    .popover.right > .arrow,
    .popover.right > .arrow-wrapper .arrow {
      top: 50%;
      left: -9px;
      margin-top: -9px;
      border-left-width: 0; }
      .popover.right > .arrow::after,
      .popover.right > .arrow-wrapper .arrow::after {
        bottom: -8px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0; }
  .popover.bottom {
    margin-top: 8px; }
    .popover.bottom::before {
      content: ' ';
      position: absolute;
      bottom: 100%;
      display: block;
      width: 100%;
      height: 8px; }
    .popover.bottom > .arrow {
      top: -9px;
      left: 50%;
      margin-left: -9px;
      border-top-width: 0; }
      .popover.bottom > .arrow::after {
        top: 1px;
        margin-left: -8px;
        content: ' ';
        border-top-width: 0;
        border-bottom-color: #fff; }
  .popover.left {
    margin-left: -8px; }
    .popover.left::before {
      content: ' ';
      position: absolute;
      left: 100%;
      display: block;
      width: 8px;
      height: 100%; }
    .popover.left > .arrow,
    .popover.left > .arrow-wrapper .arrow {
      top: 50%;
      right: -9px;
      margin-top: -9px;
      border-right-width: 0; }
      .popover.left > .arrow::after,
      .popover.left > .arrow-wrapper .arrow::after {
        right: 1px;
        bottom: -8px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff; }
  .popover > .arrow,
  .popover > .arrow-wrapper .arrow,
  .popover > .arrow::after,
  .popover > .arrow-wrapper .arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .popover > .arrow,
  .popover > .arrow-wrapper .arrow {
    border-width: 9px; }
    .popover > .arrow::after,
    .popover > .arrow-wrapper .arrow::after {
      content: '';
      border-width: 8px; }
  .popover .arrow-wrapper {
    position: relative; }
  .popover .form-input-date, .popover .form-input-date-value {
    float: none;
    width: 100%; }
  .popover .form-input-value__label {
    font-size: 12px; }
  .popover .popover-title {
    display: none; }

.context-menu .icon-rotate-left:before {
  vertical-align: middle; }

.page-right-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 600px;
  background: #fff;
  border-left: 1px solid #ddd;
  font-family: Roboto, Arial, sans-serif; }
  .page-right-panel.less-buttons .right-panel_header {
    height: 100px; }
  .page-right-panel .right-panel_header {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 140px;
    padding: 20px;
    border-bottom: 1px solid #d1dade;
    z-index: 2; }
    .page-right-panel .right-panel_header--title {
      padding-right: 85px; }
    .page-right-panel .right-panel_header.disabled {
      background: #eee; }
    .page-right-panel .right-panel_header .right-panel-close {
      position: absolute;
      top: 20px;
      right: 20px;
      color: #54585e; }
      .page-right-panel .right-panel_header .right-panel-close:hover {
        color: #07aaea; }
  .page-right-panel .right-panel_body {
    -ms-flex-positive: 1;
        flex-grow: 1;
    background: #f3f5f6;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }
  .page-right-panel .toaster {
    -ms-flex-negative: 0;
        flex-shrink: 0; }

.right-panel-content {
  padding: 10px;
  width: 100%;
  overflow-y: auto; }
  .right-panel-content .progress-status-container {
    display: inline-block;
    margin-left: -4px; }
  .right-panel-content .progress-container {
    line-height: 28px; }
  .right-panel-content .form-col-4 {
    padding: 0; }
  .right-panel-content .comments {
    overflow-y: auto;
    max-height: 400px;
    margin: 0;
    padding: 0 10px;
    list-style: none; }
    .right-panel-content .comments li:not(:last-of-type) {
      margin-bottom: 20px; }
    .right-panel-content .comments .info {
      color: #bdc3c7; }
    .right-panel-content .comments p {
      margin: 0; }

.right-panel-nav {
  display: block;
  width: 30px;
  margin: 0;
  padding: 10px 0 0 0;
  background: #fff;
  border-right: 1px solid #d1dade;
  list-style: none;
  left: 0; }
  .right-panel-nav__item {
    display: block;
    height: 30px;
    margin-bottom: 0;
    font-size: 10px;
    text-align: center; }
  .right-panel-nav__link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    height: 100%; }
    .right-panel-nav__link:link, .right-panel-nav__link:visited {
      color: #54585e; }
    .right-panel-nav__link:hover, .right-panel-nav__link.active {
      background: #f3f5f6; }

.tooltip {
  position: absolute;
  z-index: 10070;
  display: block;
  font-family: Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3334;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: break-word;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto; }
  .tooltip--static {
    position: static; }
    .tooltip--static .row {
      margin: 0 -10px; }
  .tooltip--large .tooltip-inner {
    max-width: 400px;
    width: 400px; }
  .tooltip--x-large .tooltip-inner {
    max-width: 600px;
    width: 600px; }
  .tooltip.in {
    opacity: 1; }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px; }
    .tooltip.top .tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #fff; }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff; }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #fff; }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px; }
    .tooltip.right .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #fff; }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px; }
    .tooltip.bottom .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #fff; }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff; }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #fff; }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px; }
    .tooltip.left .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #fff; }
  .tooltip p:first-child {
    margin-top: 0; }
  .tooltip p:last-child {
    margin-bottom: 0; }
  .tooltip .tooltip-inner {
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
    z-index: 1060;
    max-width: 250px;
    padding: 16px;
    background-color: #fff;
    border-radius: 5px;
    color: #54585e;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    white-space: normal;
    opacity: 1.0; }
  .tooltip .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }

/* Profile tooltip  */
a.tooltip:link, a.tooltip:visited {
  position: relative;
  padding: 0 5px;
  text-decoration: none;
  word-spacing: 0;
  color: #54585e;
  font-size: 10px; }

a.tooltip:hover {
  position: relative;
  padding: 0 5px;
  color: #54585e;
  font-size: 10px;
  word-spacing: 0;
  text-decoration: none; }
  a.tooltip:hover .tooltip_popup {
    display: block; }

a.tooltip .tooltip_popup {
  position: absolute;
  left: -60px;
  top: 20px;
  display: none;
  min-width: 50px;
  padding: 3px 8px;
  white-space: nowrap;
  font-size: 11px;
  text-align: left;
  background-color: #fff;
  border: 10px solid #f3f5f6;
  width: 300px; }
  a.tooltip .tooltip_popup table {
    width: 100%; }
    a.tooltip .tooltip_popup table td {
      white-space: normal;
      line-height: 1.5em; }
      a.tooltip .tooltip_popup table td .user {
        white-space: nowrap; }

.ui-tooltip {
  background: #fff;
  color: gray;
  border: 1px solid gray;
  padding: 0;
  opacity: 1; }
  .ui-tooltip-tooltip-content {
    position: relative;
    padding: 1em; }
    .ui-tooltip-tooltip-content::after {
      content: '';
      position: absolute;
      border-style: solid;
      display: block;
      width: 0; }
    .ui-tooltip-tooltip-content::before {
      content: '';
      position: absolute;
      border-style: solid;
      display: block;
      width: 0;
      z-index: 2; }

.right .ui-tooltip-content::after {
  top: 18px;
  left: -10px;
  border-color: transparent #666;
  border-width: 10px 10px 10px 0; }

.right .ui-tooltip-content::before {
  top: 19px;
  left: -9px;
  border-color: transparent white;
  border-width: 9px 9px 9px 0; }

.left .ui-tooltip-content::after {
  top: 18px;
  right: -10px;
  border-color: transparent #666;
  border-width: 10px 0 10px 10px; }

.left .ui-tooltip-content::before {
  top: 19px;
  right: -9px;
  border-color: transparent white;
  border-width: 9px 0 9px 9px; }

.top .ui-tooltip-content::after {
  bottom: -10px;
  left: 72px;
  border-color: #666 transparent;
  border-width: 10px 10px 0; }

.top .ui-tooltip-content::before {
  bottom: -9px;
  left: 73px;
  border-color: #fff transparent;
  border-width: 9px 9px 0; }

.bottom .ui-tooltip-content::after {
  top: -10px;
  left: 72px;
  border-color: #666 transparent;
  border-width: 0 10px 10px; }

.bottom .ui-tooltip-content::before {
  top: -9px;
  left: 73px;
  border-color: #fff transparent;
  border-width: 0 9px 9px; }

i:hover + .tooltip--bottom {
  display: block; }

/* ------------- getTooltip styles------------- BEGIN-------------  */
.basic_tooltip {
  min-width: 200px;
  background-color: #fff;
  border: 1px solid #d1dade;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  display: none;
  z-index: 1; }
  .basic_tooltip table {
    width: 100%; }
    .basic_tooltip table td {
      white-space: normal;
      line-height: 1.5em;
      padding: 5px; }
      .basic_tooltip table td .user {
        white-space: nowrap; }
  .basic_tooltip--parent {
    position: relative;
    cursor: pointer; }
    .basic_tooltip--parent.trigger--on .basic_tooltip {
      display: block; }
    .basic_tooltip--parent.trigger--on .arrow--gray,
    .basic_tooltip--parent.trigger--on .arrow--white {
      display: block; }

.info_tooltip {
  color: #54585e;
  font-size: 10px;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  white-space: nowrap; }
  .info_tooltip_icon {
    color: #bdc3c7; }
    .info_tooltip_icon--dark {
      color: #aaa; }
  .info_tooltip p {
    margin: 5px 0; }

.normal_tooltip {
  color: #54585e;
  font-size: 12px;
  font-style: normal;
  font-family: Roboto, Arial, sans-serif;
  text-align: left;
  text-transform: none; }
  .normal_tooltip.wide {
    width: 400px; }
  .normal_tooltip__section:not(:last-child) {
    margin-bottom: 10px; }
  .normal_tooltip__label {
    color: rgba(84, 88, 94, 0.8); }
  .normal_tooltip__value {
    color: #000; }

.arrow--gray {
  position: absolute;
  border-style: solid;
  border-color: transparent #d1dade;
  border-width: 10px 10px 10px 0;
  width: 0;
  display: none; }

.arrow--white {
  position: absolute;
  border-style: solid;
  border-color: transparent white;
  border-width: 9px 9px 9px 0;
  width: 0;
  z-index: 1;
  display: none; }

.left.arrow--gray {
  border-color: transparent #d1dade;
  border-width: 10px 0 10px 10px;
  left: 0; }

.left.arrow--white {
  border-color: transparent white;
  border-width: 9px 0 9px 9px;
  left: -1px; }

.top.arrow--gray {
  border-color: #d1dade transparent;
  border-width: 10px 10px 0;
  top: -10px;
  left: calc(50% - 10px); }

.top.arrow--white {
  border-color: #fff transparent;
  border-width: 9px 9px 0;
  top: -11px;
  left: calc(50% - 9px); }

.bottom.arrow--gray {
  border-color: #d1dade transparent;
  border-width: 0 10px 10px;
  bottom: -10px;
  left: calc(50% - 10px); }

.bottom.arrow--white {
  border-color: #fff transparent;
  border-width: 0 9px 9px;
  bottom: -11px;
  left: calc(50% - 9px); }

/* -------------END------------- getTooltip styles-------------   */
.widget {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  height: 64px;
  margin: 10px 0;
  background: #f3f5f6;
  color: #73777c;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .widget:hover .widget__info, .widget--selected .widget__info {
    display: initial; }
  .widget--selected {
    background-color: rgba(84, 88, 94, 0.68);
    box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #07aaea; }
    .widget--selected .widget__info .gi,
    .widget--selected .widget__remove .gi,
    .widget--selected .widget__title {
      color: #fff; }
  .widget__thumbnail {
    -ms-flex: 0 0 46px;
        flex: 0 0 46px;
    background: transparent no-repeat top left; }
  .widget__title {
    overflow: hidden;
    padding: 0 16px 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .widget__remove, .widget__info {
    display: none;
    position: absolute;
    right: 4px; }
    .widget__remove .gi, .widget__info .gi {
      color: #73777c; }
  .widget__remove {
    top: 4px; }
  .widget__info {
    bottom: 4px; }

.widget-info {
  position: relative;
  bottom: 0;
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  padding-left: 20px;
  padding-right: 20px;
  background: #fff; }

.wid-12 {
  width: 100%; }

.wid-6 {
  width: 50%; }

.wid-3 {
  width: 25%; }

.preview-list .widget__remove {
  display: none; }

.preview-list .row {
  margin: 0; }
  .preview-list .row.row--droppable .col {
    min-height: 20px; }

.preview-grid .row {
  position: relative;
  margin: 0; }
  .preview-grid .row:hover {
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.2); }
  .preview-grid .row--fake:hover {
    box-shadow: none; }
  .preview-grid .row.ui-sortable-helper {
    background-color: #fff; }

.preview-grid .row,
.preview-grid .col {
  min-height: 20px; }

.preview-grid .widget {
  width: 100%; }
  .preview-grid .widget--selected .widget__remove, .preview-grid .widget:hover .widget__remove {
    display: block; }

.preview-grid--wigdet-drag .row {
  height: auto !important;
  /* When we drag widget, container should not have absolute height */ }

.preview-grid--selection .row--draggable:hover::after, .preview-grid--wigdet-drag .row--draggable:hover::after {
  display: none; }

.preview-grid--selection .row--draggable .widget__remove, .preview-grid--wigdet-drag .row--draggable .widget__remove {
  display: none; }

.preview-cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%; }
  .preview-cta p {
    text-align: center;
    width: 100%; }

.x-body {
  background: #f3f5f6 !important;
  color: #54585e !important;
  font-size: 12px !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  font-family: Roboto, Arial, sans-serif !important;
  -ms-overflow-style: scrollbar !important; }

.x-css-shadow {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2); }

.x-css-bg-transparent {
  background: transparent; }

.x-btn {
  background-color: #fff !important;
  border-radius: 4px !important;
  text-transform: uppercase;
  white-space: nowrap !important; }
  .x-btn.x-btn-green:not(.x-btn-disabled) {
    background-color: #a3d634 !important;
    border: 1px solid #a3d634 !important; }
    .x-btn.x-btn-green:not(.x-btn-disabled) .x-btn-split > .x-btn-button::after {
      border-right: 1px solid #90bd2d; }
    .x-btn.x-btn-green:not(.x-btn-disabled) .x-btn-split::after,
    .x-btn.x-btn-green:not(.x-btn-disabled) .x-btn-split .x-btn-inner {
      color: #fff !important; }
  .x-btn .x-btn-inner {
    color: #54585e !important;
    line-height: 1 !important;
    font-size: 12px !important;
    font-weight: 400 !important; }
  .x-btn .x-btn-wrap-default-toolbar-medium.x-btn-split::after {
    width: 20px;
    font-size: 16px; }
  .x-btn .x-btn-wrap-default-toolbar-medium.x-btn-arrow-right::after {
    width: 16px !important;
    font-size: 16px !important; }
  .x-btn .x-btn-wrap-default-toolbar-large.x-btn-split-right::after {
    width: 24px;
    font-size: 16px;
    padding-left: 10px; }
  .x-btn .x-btn-icon-el-default-toolbar-small,
  .x-btn .x-btn-icon-el-default-toolbar-large {
    color: #54585e; }

.x-btn-over {
  background-image: none !important;
  text-shadow: none !important;
  text-decoration: none !important; }
  .x-btn-over:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3); }

.x-btn-pressed {
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3); }

.x-btn-disabled,
.x-btn-disabled.x-btn-outline {
  opacity: 1 !important;
  border: 1px solid #f3f5f6 !important; }

.x-btn-disabled .x-btn-inner,
.x-btn-disabled .x-btn-icon-el,
.x-btn-disabled .x-btn-split::after {
  color: #d1dade !important; }

.x-btn-default-small {
  padding: 3px !important;
  border: 1px solid transparent !important; }

.x-btn-default-toolbar-small {
  padding: 5px 9px !important;
  border-color: #e4e4e4 !important; }

.x-btn-text.x-btn-icon-left > .x-btn-icon-el-default-toolbar-small {
  margin-right: 5px; }

.x-btn-icon-left > .x-btn-icon-el-default-toolbar-medium,
.x-btn-icon-right > .x-btn-icon-el-default-toolbar-medium {
  width: 16px !important; }

.x-btn-default-medium {
  padding: 5px !important; }

.x-btn-default-toolbar-medium {
  padding: 5px 7px !important; }
  .x-btn-default-toolbar-medium.x-btn-square {
    padding: 5px !important; }

.x-btn-button-default-toolbar-medium {
  min-height: 16px !important; }

.x-btn-inner-default-toolbar-medium {
  font-size: 12px !important;
  font-family: Roboto, Arial, sans-serif !important;
  line-height: 16px !important; }

.x-btn-icon-el-default-toolbar-medium {
  font-size: 16px !important;
  height: 16px !important;
  line-height: 16px !important; }

.x-btn-button-default-medium {
  min-height: 16px !important; }

.x-btn-default-large {
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 20px !important; }

.x-btn-default-toolbar-large {
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 10px !important; }
  .x-btn-default-toolbar-large .x-btn-icon-el {
    font-size: 18px; }

.x-btn-outline {
  background: #fff !important;
  border: 1px solid #bdc3c7 !important; }
  .x-btn-outline:hover {
    border-color: #73777c !important; }
  .x-btn-outline.x-btn-red {
    background: #fff !important; }
    .x-btn-outline.x-btn-red.x-btn-over {
      background: #fff !important; }
    .x-btn-outline.x-btn-red .x-btn-inner,
    .x-btn-outline.x-btn-red .x-btn-glyph {
      color: #f35958 !important; }

.x-btn-toggle {
  background: #fff !important;
  border: 1px solid #fff !important;
  top: 0 !important; }
  .x-btn-toggle:hover {
    background: transparent;
    border: 1px solid #bdc3c7 !important; }

.x-btn-blue {
  background-color: #07aaea !important;
  border: 1px solid #07aaea !important; }
  .x-btn-blue.x-btn-over {
    background-color: #0686b8 !important;
    border: 1px solid #0686b8 !important; }
    .x-btn-blue.x-btn-over:active, .x-btn-blue.x-btn-over:hover {
      border: 1px solid #ccc; }
  .x-btn-blue .x-btn-inner {
    color: #fff !important; }

.x-btn-red {
  background-color: #f35958 !important;
  border: 1px solid #f35958 !important; }
  .x-btn-red.x-btn-over {
    background-color: #f02a28 !important;
    border: 1px solid #f02a28 !important; }
  .x-btn-red .x-btn-inner,
  .x-btn-red .x-btn-glyph {
    color: #fff !important; }

.x-btn-link {
  border: none !important; }

.x-datepicker-header {
  position: relative !important;
  padding-top: 5px !important; }
  .x-datepicker-header .x-btn {
    background: transparent !important; }

.x-datepicker-today {
  background-color: #fff !important;
  color: #54585e !important;
  border: none !important; }

.x-datepicker-arrow {
  height: 30px !important; }

.x-datepicker-selected .x-datepicker-date,
.x-monthpicker-selected {
  background-color: #f3f5f6 !important;
  border-radius: 3px !important;
  color: #54585e !important; }

.x-datepicker-footer .x-btn,
.x-monthpicker-buttons .x-btn {
  margin: 0 3px 3px 3px !important;
  border: 1px solid #bdc3c7 !important; }

.x-monthpicker-item-inner {
  margin: 0 5px !important;
  line-height: 36px !important; }

.x-toolbar {
  padding: 0 !important;
  border: none !important; }
  .x-toolbar.gantt-primary-toolbar, .x-toolbar.x-toolbar-footer {
    background-color: #f3f5f6 !important;
    background-image: none !important;
    border-width: 0 !important;
    padding: 5px 10px !important; }
  .x-toolbar .x-toolbar-item {
    margin: 0 20px 0 0 !important; }
    .x-toolbar .x-toolbar-item:last-child {
      margin: 0 !important; }

.gantt-primary-toolbar ~ .x-grid .x-grid-header-ct,
.gantt-primary-toolbar ~ .x-panel-default .x-grid-header-ct {
  border-top-width: 0 !important; }

.gantt-primary-toolbar ~ .x-grid .x-grid-inner-locked,
.gantt-primary-toolbar ~ .x-panel-default .x-grid-inner-locked {
  border-right-width: 0 !important; }

.x-toolbar-default {
  padding: 5px 10px; }

.x-toolbar-docked-top {
  margin-bottom: 10px !important;
  background: #fff !important; }

.x-grid.x-layer .x-toolbar,
.x-tabpanel-child .x-toolbar {
  margin-bottom: 0 !important;
  padding: 5px 10px !important; }

.x-grid.x-layer .x-toolbar {
  background-color: #f3f5f6 !important; }

.x-grid .x-grid-header-ct {
  border-top-width: 2px !important;
  border-right: none !important;
  border-bottom-width: 1px !important;
  border-left: none !important; }

.x-grid .gi-remove:hover {
  color: #f35958; }

.x-grid-body {
  border-width: 0 0 2px 0;
  border-color: #bdc3c7 !important; }
  .x-grid-body .image-icon {
    max-width: 22px !important;
    margin-right: 10px !important;
    vertical-align: middle !important; }

.x-grid-cell-invalid {
  background-color: #fce3e3; }

.x-grid-cell-inner {
  padding: 6px !important;
  height: inherit; }

.x-grid-item {
  min-height: 32px;
  border-width: 0 !important;
  border-collapse: separate;
  font-size: 12px !important;
  font-family: Roboto, Arial, sans-serif !important; }
  .x-grid-item:not(:last-child) .x-grid-cell {
    box-shadow: inset 0 -1px 0 0 #f3f5f6 !important; }
    .x-grid-item:not(:last-child) .x-grid-cell.gc-item-readonly {
      box-shadow: inset 0 -2px 0 -1px #ccc !important; }
  .x-grid-item .x-grid-cell {
    height: 32px;
    padding: 0;
    vertical-align: middle; }
    .x-grid-item .x-grid-cell.gc-item-editable.x-grid-cell-invalid:hover {
      background-color: #fce3e3; }
    .x-grid-item .x-grid-cell.gc-item-editable:hover {
      background: rgba(128, 128, 128, 0.05);
      box-shadow: inset -1px 0 0 0 #bdc3c7, inset 1px 0 0 0 #bdc3c7, inset 0 -1px 0 0 #bdc3c7, inset 0 1px 0 0 #bdc3c7 !important; }

.x-grid-item-over,
.x-grid-item-selected {
  background-color: #e6f9fc !important; }

.x-grid-item-selected .sch-gantt-milestone-diamond {
  border-color: #76bcd8; }

.x-grid-editor .x-form-text {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  border: 0 !important;
  padding: 0 9px; }

.x-grid-locked-split .x-grid-inner-normal {
  border-width: 0 !important; }

.x-grid-scrollbar-clipper-locked,
.x-grid-scrollbar-locked,
.x-grid-locked .x-grid-inner-locked {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #d0d0d0; }

.x-tree-node-text {
  padding-left: 5px !important;
  vertical-align: middle; }
  .x-tree-node-text .image-icon {
    margin: -5px 0; }

/* Column Sort [START] */
.x-column-header-text-inner:after {
  font-family: 'getIcons' !important;
  font-size: 12px !important;
  color: #919191;
  vertical-align: middle; }

.x-column-header-sort-ASC,
.x-column-header-sort-DESC {
  background-image: none !important;
  text-shadow: none !important; }

.x-column-header-sort-DESC .x-column-header-text-inner:after {
  content: '\E02E' !important; }

.x-column-header-sort-ASC .x-column-header-text-inner:after {
  content: '\E034' !important; }

/* Column Sort [END] */
.x-grid-td {
  padding: 0; }
  .x-grid-td.x-grid-cell-treecolumn {
    position: relative !important; }
    .x-grid-td.x-grid-cell-treecolumn .x-tree-cell-editor {
      position: absolute !important;
      top: 0 !important;
      right: 0 !important;
      height: 100%; }
      .x-grid-td.x-grid-cell-treecolumn .x-tree-cell-editor .x-field {
        position: absolute;
        top: 0;
        right: 0; }
  .x-grid-td.gc-icon-column {
    text-align: center !important; }
    .x-grid-td.gc-icon-column .x-grid-cell-inner {
      padding: 4px !important;
      text-overflow: clip; }
    .x-grid-td.gc-icon-column .x-grid-editor .x-form-text {
      padding: 3px !important;
      text-align: center;
      -webkit-user-select: unset !important;
         -moz-user-select: unset !important;
          -ms-user-select: unset !important;
              user-select: unset !important; }
    .x-grid-td.gc-icon-column .gc-icon-field-overlay {
      -ms-flex-pack: center;
          justify-content: center;
      padding: 0 !important; }
  .x-grid-td.gc-item-readonly {
    opacity: 0.4;
    cursor: not-allowed; }
    .x-grid-td.gc-item-readonly * {
      cursor: not-allowed; }
    .x-grid-td.gc-item-readonly .x-tree-icon-parent,
    .x-grid-td.gc-item-readonly .x-tree-icon-parent-expanded,
    .x-grid-td.gc-item-readonly .x-tree-expander {
      cursor: pointer; }
  .x-grid-td .x-grid-cell-inner {
    text-overflow: ellipsis; }

.x-column-header {
  background-color: #fff;
  background-image: none;
  border: none !important;
  font-family: Roboto, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 11px;
  text-shadow: none !important; }
  .x-column-header.x-column-header-last {
    border-right: none !important; }
  .x-column-header.x-column-header-align-right .x-column-header-text {
    margin-right: auto; }
  .x-column-header .x-column-header-trigger,
  .x-column-header .x-column-header-over,
  .x-column-header .x-column-header-open {
    background: #f2f2f2 !important; }
  .x-column-header .x-column-header-over {
    box-shadow: inset -1px 0 0 #f3f5f6, inset 1px 0 0 #f3f5f6; }
  .x-column-header .x-column-header-open .x-column-header-trigger,
  .x-column-header .x-column-header-trigger:hover {
    background: #f3f5f6 !important; }
  .x-column-header .x-column-header-checkbox .x-column-header-checkbox::after,
  .x-column-header .x-column-header-checkbox .x-grid-checkcolumn::after {
    display: block; }

.x-column-header-over,
.x-column-header-open {
  background: rgba(128, 128, 128, 0.05);
  border-right: 1px solid #d0d0d0 !important; }

.x-column-header-text-inner {
  font-size: 10px;
  font-weight: 600;
  color: #54585e;
  text-transform: uppercase; }

.ext-viewport .x-column-header-inner {
  padding: 10px 9px 10px 5px !important; }

.ext-viewport .x-tree-expander {
  cursor: default !important; }

.ext-viewport .x-tree-elbow-img {
  width: 28px;
  height: 28px;
  margin: -6px 0 -4px 0;
  line-height: 28px;
  vertical-align: middle; }
  .ext-viewport .x-tree-elbow-img::before {
    content: ' ' !important;
    display: block;
    height: 28px;
    width: 28px; }
  .ext-viewport .x-tree-elbow-img.x-tree-elbow-line::before {
    width: 11px;
    background-image: url("/_img/connector.gif"); }

.ext-viewport .x-tree-elbow-end {
  background-image: url("/_img/node_bottom.gif"); }

.ext-viewport .x-tree-elbow::before {
  background-image: url("/_img/node.gif"); }

.ext-viewport .x-tree-elbow-empty::before {
  background-image: url("/_img/spacer.gif"); }

.ext-viewport .x-tree-elbow-plus::before {
  background-image: url("/_img/branch.gif"); }

.ext-viewport .x-tree-elbow-end-plus::before {
  background-image: url("/_img/branch_bottom.gif"); }

.ext-viewport .x-tree-icon-leaf,
.ext-viewport .x-tree-icon-parent,
.ext-viewport .x-tree-icon-parent-expanded {
  display: none; }

.ext-viewport .x-grid-tree-node-expanded .x-tree-elbow-plus::before {
  background-image: url("/_img/branch_open.gif"); }

.ext-viewport .x-grid-tree-node-expanded .x-tree-elbow-end-plus::before {
  background-image: url("/_img/branch_bottom_open.gif"); }

.x-mask {
  background-color: rgba(84, 88, 94, 0.75) !important; }
  .x-mask .x-mask-msg {
    background-color: transparent;
    border: none;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%); }
    .x-mask .x-mask-msg .x-mask-msg-text {
      padding: 0 !important;
      background: none;
      font-size: 0; }
      .x-mask .x-mask-msg .x-mask-msg-text::before {
        display: block;
        content: '\E0C8';
        font-size: 50px;
        font-family: 'getIcons';
        -webkit-animation: spin 2s infinite ease-in-out;
                animation: spin 2s infinite ease-in-out; }
    .x-mask .x-mask-msg.x-mask-preloader-box {
      padding: 20px;
      background-color: #eee;
      border: 1px solid #ccc;
      border-radius: 4px; }
      .x-mask .x-mask-msg.x-mask-preloader-box .x-mask-msg-text {
        width: 350px;
        margin: 0;
        text-align: center;
        font-size: 14px; }
        .x-mask .x-mask-msg.x-mask-preloader-box .x-mask-msg-text::before {
          margin: 30px 0; }

/* Popover [START] */
.x-menu {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  border-width: 0 !important;
  border-radius: 4px; }
  .x-menu.x-menu-relative .x-menu-item-link {
    position: relative;
    display: inline-block; }
  .x-menu .x-menu-header {
    background-color: #f3f5f6;
    padding: 4px 8px !important; }
  .x-menu .x-menu-item {
    font-size: 13px !important; }
    .x-menu .x-menu-item.x-menu-item-partially-checked .x-menu-item-icon-default.x-menu-item-checkbox::before {
      content: '\E085';
      font-family: getIcons;
      font-size: 21px; }
    .x-menu .x-menu-item .x-menu-item-text,
    .x-menu .x-menu-item .x-menu-item-arrow {
      color: #54585e; }
    .x-menu .x-menu-item .x-menu-item-text-default {
      font-family: Roboto, Arial, sans-serif; }
      .x-menu .x-menu-item .x-menu-item-text-default.x-menu-item-indent-right-icon {
        margin-left: 60px !important; }
        .x-menu .x-menu-item .x-menu-item-text-default.x-menu-item-indent-right-icon + .x-menu-item-icon {
          top: 2px;
          left: 30px; }
    .x-menu .x-menu-item .x-tree-expander {
      float: none;
      position: relative;
      display: inline-block;
      width: 15px;
      margin: 0 0 0 5px;
      color: #54585e; }
      .x-menu .x-menu-item .x-tree-expander::before {
        content: '\f0da'; }
      .x-menu .x-menu-item .x-tree-expander.x-menu-item-expanded::before {
        content: '\f0d7'; }
    .x-menu .x-menu-item:hover .x-menu-item-text {
      font-weight: 400; }
  .x-menu .x-menu-item-active,
  .x-menu .x-menu-item-focus,
  .x-menu .x-menu-item:hover {
    background-color: rgba(128, 128, 128, 0.05) !important;
    color: #54585e !important; }
    .x-menu .x-menu-item-active .x-menu-item-icon,
    .x-menu .x-menu-item-active .x-menu-item-arrow,
    .x-menu .x-menu-item-active .x-menu-item-text,
    .x-menu .x-menu-item-active .x-menu-item-text-default,
    .x-menu .x-menu-item-active .x-menu-item-icon-default,
    .x-menu .x-menu-item-focus .x-menu-item-icon,
    .x-menu .x-menu-item:hover .x-menu-item-icon,
    .x-menu .x-menu-item-focus .x-menu-item-arrow,
    .x-menu .x-menu-item:hover .x-menu-item-arrow,
    .x-menu .x-menu-item-focus .x-menu-item-text,
    .x-menu .x-menu-item:hover .x-menu-item-text,
    .x-menu .x-menu-item-focus .x-menu-item-text-default,
    .x-menu .x-menu-item:hover .x-menu-item-text-default,
    .x-menu .x-menu-item-focus .x-menu-item-icon-default,
    .x-menu .x-menu-item:hover .x-menu-item-icon-default {
      color: #54585e !important; }
  .x-menu .x-menu-icon-separator {
    display: none; }
  .x-menu .x-form-trigger-wrap-default {
    border-radius: 4px;
    border-color: #ccc;
    overflow: hidden; }
    .x-menu .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
      border-color: #008ac1; }

/* Popover [END] */
/* Tooltip [START] */
.x-tip-default {
  background-color: #fff !important;
  border-color: #d1dade !important;
  box-shadow: none !important; }
  .x-tip-default .x-tip-anchor-top {
    border-bottom-color: #d1dade; }
  .x-tip-default .x-tip-anchor-right {
    border-left-color: #d1dade; }
  .x-tip-default .x-tip-anchor-bottom {
    border-top-color: #d1dade; }
  .x-tip-default .x-tip-anchor-left {
    border-right-color: #d1dade; }

.x-tip-form-invalid {
  border-color: #f35958 !important;
  background-color: #fff !important; }

/* Tooltip [END] */
/* Select Popover [START] */
.x-boundlist.x-boundlist-floating {
  border-width: 4px !important;
  border-color: #fff; }

.x-boundlist .x-list-plain {
  overflow-x: hidden; }

.x-boundlist .x-boundlist-group-item {
  padding: 4px !important;
  color: #000 !important;
  font: 600 12px Roboto, Arial, sans-serif !important; }
  .x-boundlist .x-boundlist-group-item:not(:first-of-type) {
    padding-top: 15px !important; }

.x-boundlist .x-boundlist-item {
  padding: 4px 7px !important;
  color: #000 !important;
  font: 400 12px Roboto, Arial, sans-serif; }
  .x-boundlist .x-boundlist-item.x-boundlist-item-icon {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
        align-items: center !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important; }
    .x-boundlist .x-boundlist-item.x-boundlist-item-icon .x-boundlist-icon {
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 24px;
      height: 24px;
      margin-right: 8px;
      color: #bdc3c7; }
    .x-boundlist .x-boundlist-item.x-boundlist-item-icon .x-boundlist-text {
      white-space: nowrap;
      overflow: hidden;
      line-height: 24px;
      text-overflow: ellipsis; }
  .x-boundlist .x-boundlist-item.x-boundlist-item-over, .x-boundlist .x-boundlist-item.x-boundlist-selected {
    background-color: #07aaea !important;
    color: #fff !important; }
    .x-boundlist .x-boundlist-item.x-boundlist-item-over .text--gray, .x-boundlist .x-boundlist-item.x-boundlist-item-over .table .expand-container__button:link, .table .x-boundlist .x-boundlist-item.x-boundlist-item-over .expand-container__button:link, .x-boundlist .x-boundlist-item.x-boundlist-item-over .table .expand-container__button:hover, .table .x-boundlist .x-boundlist-item.x-boundlist-item-over .expand-container__button:hover, .x-boundlist .x-boundlist-item.x-boundlist-item-over .table .expand-container__button:visited, .table .x-boundlist .x-boundlist-item.x-boundlist-item-over .expand-container__button:visited, .x-boundlist .x-boundlist-item.x-boundlist-item-over .table .expand-container__button:active, .table .x-boundlist .x-boundlist-item.x-boundlist-item-over .expand-container__button:active, .x-boundlist .x-boundlist-item.x-boundlist-item-over .legend__title, .x-boundlist .x-boundlist-item.x-boundlist-item-over .legend__value, .x-boundlist .x-boundlist-item.x-boundlist-selected .text--gray, .x-boundlist .x-boundlist-item.x-boundlist-selected .table .expand-container__button:link, .table .x-boundlist .x-boundlist-item.x-boundlist-selected .expand-container__button:link, .x-boundlist .x-boundlist-item.x-boundlist-selected .table .expand-container__button:hover, .table .x-boundlist .x-boundlist-item.x-boundlist-selected .expand-container__button:hover, .x-boundlist .x-boundlist-item.x-boundlist-selected .table .expand-container__button:visited, .table .x-boundlist .x-boundlist-item.x-boundlist-selected .expand-container__button:visited, .x-boundlist .x-boundlist-item.x-boundlist-selected .table .expand-container__button:active, .table .x-boundlist .x-boundlist-item.x-boundlist-selected .expand-container__button:active, .x-boundlist .x-boundlist-item.x-boundlist-selected .legend__title, .x-boundlist .x-boundlist-item.x-boundlist-selected .legend__value {
      color: rgba(255, 255, 255, 0.5); }
  .x-boundlist .x-boundlist-item .text--gray, .x-boundlist .x-boundlist-item .table .expand-container__button:link, .table .x-boundlist .x-boundlist-item .expand-container__button:link, .x-boundlist .x-boundlist-item .table .expand-container__button:hover, .table .x-boundlist .x-boundlist-item .expand-container__button:hover, .x-boundlist .x-boundlist-item .table .expand-container__button:visited, .table .x-boundlist .x-boundlist-item .expand-container__button:visited, .x-boundlist .x-boundlist-item .table .expand-container__button:active, .table .x-boundlist .x-boundlist-item .expand-container__button:active, .x-boundlist .x-boundlist-item .legend__title, .x-boundlist .x-boundlist-item .legend__value {
    color: rgba(0, 0, 0, 0.5); }

/* Select Popover [END] */
/* Color Picker [START] */
.x-color-picker {
  width: 240px !important;
  height: auto !important;
  padding: 17px 32px 17px 32px !important; }
  .x-color-picker-item {
    width: auto !important;
    height: 100% !important;
    border-width: 0 !important;
    padding: 0 !important; }
    .x-color-picker-item-inner {
      height: 100% !important;
      line-height: inherit !important;
      border-width: 0 !important; }
      .x-color-picker-item-inner::after {
        content: ' ';
        display: block;
        padding-bottom: 100%; }
    .x-color-picker-item-small {
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
      max-width: 12.5%; }
    .x-color-picker-item-medium {
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
      max-width: 25%; }
    .x-color-picker-item-large {
      -ms-flex: 0 0 33.334%;
          flex: 0 0 33.334%;
      max-width: 33.334%; }
  .x-color-picker-selected {
    box-shadow: 0 0 0 2px #07aaea;
    position: relative !important;
    z-index: 1; }

/* Color Picker [END] */
.ext-viewport .x-panel-body-default {
  background-color: transparent; }

.x-panel-header-default {
  box-shadow: none !important; }

.x-panel-header-title-default {
  font-family: "Open Sans", Roboto, Arial, sans-serif !important; }

.x-panel-body-default {
  font-size: 12px !important;
  font-family: Roboto, Arial, sans-serif !important; }

.x-tab-bar-default {
  background: #d1dade !important; }

.x-tab-bar-body {
  padding: 0 !important; }

.x-tab {
  margin: 0 !important;
  padding: 10px 20px !important;
  border-radius: 5px 5px 0 0 !important; }
  .x-tab.x-tab-over {
    background: transparent !important; }
  .x-tab.x-tab-active, .x-tab.x-tab-pressed {
    background: #fff !important; }
  .x-tab .x-tab-inner {
    color: #54585e !important; }

.x-form-readonly .x-form-field[readonly] {
  padding: 0;
  background-color: transparent; }

.x-form-readonly .x-form-trigger-wrap {
  border: none; }

.x-form-trigger-wrap-default {
  display: -ms-flexbox !important;
  display: flex !important; }

.x-form-trigger-wrap-focus {
  border-color: #008ac1 !important; }

.x-form-trigger-wrap-invalid {
  border-color: #f35958 !important; }

.x-form-arrow-trigger {
  padding: 0 5px; }

.x-form-text-wrap {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex: 1;
      flex: 1; }

.x-form-text-default {
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  border: none !important;
  border-radius: 0 !important; }

.x-form-item-label-default {
  font-family: Roboto, Arial, sans-serif !important; }

.x-tagfield {
  padding: 1px 9px 0 9px !important; }
  .x-tagfield .x-tagfield-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: auto; }
  .x-tagfield .x-tagfield-item {
    -ms-flex: none;
        flex: none;
    margin: 0 5px 0 0 !important;
    padding: 2px 4px 2px 20px !important;
    height: 18px !important;
    max-width: 200px;
    border: none !important;
    border-radius: 4px !important;
    background: #f3f5f6;
    line-height: 1.2 !important;
    font-size: 12px;
    font-family: Roboto, Arial, sans-serif;
    color: #222 !important;
    overflow: hidden; }
  .x-tagfield .x-tagfield-item-close {
    top: 3px !important;
    left: 5px !important;
    color: #222 !important; }
    .x-tagfield .x-tagfield-item-close:hover {
      color: #222 !important; }
  .x-tagfield .x-tagfield-item-selected {
    background: #d8dcde !important;
    border: none !important;
    color: #222 !important; }
    .x-tagfield .x-tagfield-item-selected .x-tagfield-item-close {
      color: #222; }
  .x-tagfield .x-tagfield-input {
    -ms-flex: none;
        flex: none;
    margin: 0 !important; }
  .x-tagfield .x-tagfield-input-field {
    width: 20px;
    min-width: 20px;
    border: none !important; }
  .x-tagfield .x-tagfield-input-buffer {
    position: absolute;
    top: -1000px;
    left: -1000px;
    visibility: hidden;
    white-space: nowrap; }
  .x-tagfield .x-tagfield-item-text {
    overflow: hidden;
    min-width: 20px;
    text-overflow: ellipsis;
    white-space: nowrap; }

.gc-icon-field-overlay {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
      align-items: center !important;
  padding: 4px 6px !important;
  pointer-events: none; }

.gc-icon-field-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0; }

.gc-icon-field-icon {
  color: #bdc3c7; }

.gc-icon-field-text {
  line-height: 24px;
  margin-left: 8px; }

.gc-icon-field {
  margin-right: 5px;
  color: #bdc3c7 !important;
  font-size: 24px !important;
  font-family: getIcons !important;
  line-height: .8;
  vertical-align: middle; }
  .gc-icon-field:last-child {
    margin-right: 0; }

.x-window-default {
  background: #f3f5f6 !important;
  border-radius: 10px 10px 0 0 !important; }
  .x-window-default .x-window-header-top {
    background-color: #f3f5f6 !important;
    border: none !important;
    border-radius: 10px 10px 0 0 !important;
    padding: 20px !important; }
    .x-window-default .x-window-header-top .x-title-text {
      text-align: center; }
  .x-window-default .x-toolbar ~ .x-grid-header-ct {
    border-top-width: 0 !important; }
  .x-window-default .x-toolbar-footer {
    padding: 20px !important; }
    .x-window-default .x-toolbar-footer .x-box-target {
      margin: 0 -20px !important; }
    .x-window-default .x-toolbar-footer .x-btn {
      margin-right: 0 !important;
      margin-left: 20px !important; }

.x-tab-inner-default {
  font-family: Roboto, Arial, sans-serif !important; }

.x-resizable-proxy {
  border: 1px dashed #f3f5f6 !important; }