/* OBSOLETE */
@font-face {
  font-family: "getIcons";
  src: url("/icons/font/getIcons.eot?1738228461");
  src: url("/icons/font/getIcons.eot?1738228461#iefix") format("eot"), url("/icons/font/getIcons.woff?1738228461") format("woff"), url("/icons/font/getIcons.ttf?1738228461") format("truetype"), url("/icons/font/getIcons.svg?1738228461#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;
}

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

.gi-apps:before {
  content: "\e1c3";
}

.gi-schema-1:before {
  content: "\e1c4";
}

.gi-schema:before {
  content: "\e1c5";
}

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

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

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

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

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

.gi-canvas:before {
  content: "\e1ce";
}

.gi-adobe-acrobat:before {
  content: "\e1cf";
}

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

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

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

.gi-project-employees:before {
  content: "\e1d4";
}

.gi-support:before {
  content: "\e1d5";
}

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

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

.gi-protocol-catalog:before {
  content: "\e1d8";
}

.gi-ongoing:before {
  content: "\e1d9";
}

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

.gi-box:before {
  content: "\e1db";
}

.gi-schema-2:before {
  content: "\e1dc";
}

.gi-schema-3:before {
  content: "\e1dd";
}

.gi-inventory:before {
  content: "\e1de";
}

.gi-order-approve:before {
  content: "\e1df";
}

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

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

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

.gi-big-bag:before {
  content: "\e1e3";
}

.gi-mosaic:before {
  content: "\e1e4";
}

.gi-handyman:before {
  content: "\e1e5";
}

.gi-local-shipping:before {
  content: "\e1e6";
}

.gi-receipt-long:before {
  content: "\e1e7";
}

.gi-directions-boat:before {
  content: "\e1e8";
}

.gi-nav_barrel:before {
  content: "\e1ea";
}

.gi-nav_inventory:before {
  content: "\e1eb";
}

* {
  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;
}

form {
  margin: 0;
}

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

dd {
  margin: 0 0 0 40px;
}

menu {
  padding: 0 0 0 40px;
}

ol {
  padding: 0;
}
ol li {
  list-style-position: inside;
}
hr {
  height: 1px;
  border: 0;
}

a:focus {
  outline: none;
}

a.focus-visible {
  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-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q::before,
q::after {
  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;
}

.article-content ul {
  list-style-type: disc;
  margin-left: 10px;
  padding-left: 10px;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 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, .panel_toolbar .left-toolbar,
.panel_toolbar .right-toolbar, .table_toolbar .left-toolbar,
.table_toolbar .right-toolbar {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.inline-block.to-top, .panel_toolbar .to-top.left-toolbar,
.panel_toolbar .to-top.right-toolbar, .table_toolbar .to-top.left-toolbar,
.table_toolbar .to-top.right-toolbar {
  vertical-align: top;
}
.inline-block.to-bottom, .panel_toolbar .to-bottom.left-toolbar,
.panel_toolbar .to-bottom.right-toolbar, .table_toolbar .to-bottom.left-toolbar,
.table_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: inline-flex;
  align-items: center;
}

.flex-container {
  overflow: auto;
  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-y__hidden {
  overflow-y: hidden;
}
.overflow-y__scroll {
  overflow-y: scroll;
}
.overflow-y__visible {
  overflow-y: visible;
}

.overflow-x__auto {
  overflow-x: auto;
}
.overflow-x__hidden {
  overflow-x: hidden;
}
.overflow-x__scroll {
  overflow-x: scroll;
}
.overflow-x__visible {
  overflow-x: visible;
}

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

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

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

.mask-container {
  pointer-events: none;
}
.mask-container .card,
.mask-container .panel,
.mask-container .collapsible-panel--body,
.mask-container .panel_half {
  overflow: hidden;
  position: relative;
}
.mask-container .card::before,
.mask-container .panel::before,
.mask-container .collapsible-panel--body::before,
.mask-container .panel_half::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 500%;
  margin-left: -250%;
  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-capacity-employee,
.mask-container .form-input-date > label.form-input-value__label--h3,
.mask-container .form-input-date-value > label.form-input-value__label--h3,
.mask-container .form-input-date .form-input-value__label.form-input-value__label--h3,
.mask-container .form-input-date-value .form-input-value__label.form-input-value__label--h3,
.form-input-date .mask-container .form-input-value__label.form-input-value__label--h3,
.form-input-date-value .mask-container .form-input-value__label.form-input-value__label--h3,
.mask-container .form-input-readonly > label.form-input-value__label--h3,
.mask-container .form-input-readonly .form-input-value__label.form-input-value__label--h3,
.form-input-readonly .mask-container .form-input-value__label.form-input-value__label--h3,
.mask-container .form-input-value > label.form-input-value__label--h3,
.mask-container .form-input-value .form-input-value__label.form-input-value__label--h3,
.form-input-value .mask-container .form-input-value__label.form-input-value__label--h3,
.mask-container h3,
.mask-container .h3--lightweight,
.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-capacity-employee *,
.mask-container .form-input-date > label.form-input-value__label--h3 *,
.mask-container .form-input-date-value > label.form-input-value__label--h3 *,
.mask-container .form-input-date .form-input-value__label.form-input-value__label--h3 *,
.mask-container .form-input-date-value .form-input-value__label.form-input-value__label--h3 *,
.form-input-date .mask-container .form-input-value__label.form-input-value__label--h3 *,
.form-input-date-value .mask-container .form-input-value__label.form-input-value__label--h3 *,
.mask-container .form-input-readonly > label.form-input-value__label--h3 *,
.mask-container .form-input-readonly .form-input-value__label.form-input-value__label--h3 *,
.form-input-readonly .mask-container .form-input-value__label.form-input-value__label--h3 *,
.mask-container .form-input-value > label.form-input-value__label--h3 *,
.mask-container .form-input-value .form-input-value__label.form-input-value__label--h3 *,
.form-input-value .mask-container .form-input-value__label.form-input-value__label--h3 *,
.mask-container h3 *,
.mask-container .h3--lightweight *,
.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;
}

@keyframes mask {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}
h1, .h1, h2, .h2, .panel .manage-views-h2, .collapsible-panel--body .manage-views-h2, .panel_half .manage-views-h2, .form-input-date > label.form-input-value__label--h2, .form-input-date-value > label.form-input-value__label--h2,
.form-input-date .form-input-value__label.form-input-value__label--h2,
.form-input-date-value .form-input-value__label.form-input-value__label--h2,
.form-input-readonly > label.form-input-value__label--h2,
.form-input-readonly .form-input-value__label.form-input-value__label--h2,
.form-input-value > label.form-input-value__label--h2,
.form-input-value .form-input-value__label.form-input-value__label--h2, h3, .h3, .h3-capacity-employee, .form-input-date > label.form-input-value__label--h3, .form-input-date-value > label.form-input-value__label--h3,
.form-input-date .form-input-value__label.form-input-value__label--h3,
.form-input-date-value .form-input-value__label.form-input-value__label--h3,
.form-input-readonly > label.form-input-value__label--h3,
.form-input-readonly .form-input-value__label.form-input-value__label--h3,
.form-input-value > label.form-input-value__label--h3,
.form-input-value .form-input-value__label.form-input-value__label--h3, .h3--lightweight,
h4, .h4, .form-input-date > label.form-input-value__label--h4, .form-input-date-value > label.form-input-value__label--h4,
.form-input-date .form-input-value__label.form-input-value__label--h4,
.form-input-date-value .form-input-value__label.form-input-value__label--h4,
.form-input-readonly > label.form-input-value__label--h4,
.form-input-readonly .form-input-value__label.form-input-value__label--h4,
.form-input-value > label.form-input-value__label--h4,
.form-input-value .form-input-value__label.form-input-value__label--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, .h1 {
  font-size: 18px;
  font-weight: 300;
}

.h2, .panel .manage-views-h2, .collapsible-panel--body .manage-views-h2, .panel_half .manage-views-h2, .form-input-date > label.form-input-value__label--h2, .form-input-date-value > label.form-input-value__label--h2,
.form-input-date .form-input-value__label.form-input-value__label--h2,
.form-input-date-value .form-input-value__label.form-input-value__label--h2,
.form-input-readonly > label.form-input-value__label--h2,
.form-input-readonly .form-input-value__label.form-input-value__label--h2,
.form-input-value > label.form-input-value__label--h2,
.form-input-value .form-input-value__label.form-input-value__label--h2, h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #222325;
}
[data-theme=classic] .h2, [data-theme=classic] .panel .manage-views-h2, [data-theme=classic] .collapsible-panel--body .manage-views-h2, .panel [data-theme=classic] .manage-views-h2, .collapsible-panel--body [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] .form-input-date > label.form-input-value__label--h2, [data-theme=classic] .form-input-date-value > label.form-input-value__label--h2,
[data-theme=classic] .form-input-date .form-input-value__label.form-input-value__label--h2,
[data-theme=classic] .form-input-date-value .form-input-value__label.form-input-value__label--h2,
.form-input-date [data-theme=classic] .form-input-value__label.form-input-value__label--h2,
.form-input-date-value [data-theme=classic] .form-input-value__label.form-input-value__label--h2,
[data-theme=classic] .form-input-readonly > label.form-input-value__label--h2,
[data-theme=classic] .form-input-readonly .form-input-value__label.form-input-value__label--h2,
.form-input-readonly [data-theme=classic] .form-input-value__label.form-input-value__label--h2,
[data-theme=classic] .form-input-value > label.form-input-value__label--h2,
[data-theme=classic] .form-input-value .form-input-value__label.form-input-value__label--h2,
.form-input-value [data-theme=classic] .form-input-value__label.form-input-value__label--h2, [data-theme=classic] h2 {
  font-size: 16px;
  line-height: normal;
  font-weight: 300;
  color: #54585e;
}
[data-theme=classic] .h2--emphasize {
  font-weight: 600;
}
[data-theme=classic] .h2--transparent {
  color: transparent;
}
[data-theme=classic] .h2--black {
  color: #000;
}
[data-theme=classic] .h2--blue {
  color: #07aaea;
}
[data-theme=classic] .h2--blue-light {
  color: #76bcd8;
}
[data-theme=classic] .h2--blue-dark {
  color: #008ac1;
}
[data-theme=classic] .h2--blue-darker {
  color: #045a8b;
}
[data-theme=classic] .h2--burnt-sienna {
  color: #ec765f;
}
[data-theme=classic] .h2--empty {
  color: #d1dade;
}
[data-theme=classic] .h2--dark-blue {
  color: #034a72;
}
[data-theme=classic] .h2--dark-gray {
  color: #54585e;
}
[data-theme=classic] .h2--fountain-blue {
  color: #53a9a7;
}
[data-theme=classic] .h2--geyser {
  color: #d1dade;
}
[data-theme=classic] .h2--governor-bay {
  color: #333399;
}
[data-theme=classic] .h2--gray {
  color: #73777c;
}
[data-theme=classic] .h2--gray-chateau {
  color: #a5adaf;
}
[data-theme=classic] .h2--grayscale-1 {
  color: #54585e;
}
[data-theme=classic] .h2--grayscale-3 {
  color: #bdc3c7;
}
[data-theme=classic] .h2--grayscale-5 {
  color: #f3f5f6;
}
[data-theme=classic] .h2--primary-1 {
  color: #032945;
}
[data-theme=classic] .h2--primary-2 {
  color: #023456;
}
[data-theme=classic] .h2--primary-3 {
  color: #034a72;
}
[data-theme=classic] .h2--primary-4 {
  color: #008ac1;
}
[data-theme=classic] .h2--primary-5 {
  color: #07aaea;
}
[data-theme=classic] .h2--green-aqua {
  color: #0aa699;
}
[data-theme=classic] .h2--green-dark {
  color: #177b57;
}
[data-theme=classic] .h2--green {
  color: #a3d634;
}
[data-theme=classic] .h2--grey-dark {
  color: #939699;
}
[data-theme=classic] .h2--grey {
  color: #d2d6d9;
}
[data-theme=classic] .h2--grey-light {
  color: #e4eaed;
}
[data-theme=classic] .h2--scampi {
  color: #5d60ab;
}
[data-theme=classic] .h2--kobi {
  color: #eaaecf;
}
[data-theme=classic] .h2--lightgray {
  color: #bdc3c7;
}
[data-theme=classic] .h2--manatee {
  color: #9089a5;
}
[data-theme=classic] .h2--orange {
  color: #f07d00;
}
[data-theme=classic] .h2--orange-peel {
  color: #f09e00;
}
[data-theme=classic] .h2--picton-blue {
  color: #36a7e9;
}
[data-theme=classic] .h2--purple {
  color: #a27497;
}
[data-theme=classic] .h2--red {
  color: #f35958;
}
[data-theme=classic] .h2--red-dark {
  color: #f02a28;
}
[data-theme=classic] .h2--ripe-lemon {
  color: #f5c50e;
}
[data-theme=classic] .h2--tacao {
  color: #edb183;
}
[data-theme=classic] .h2--yellow {
  color: #f9ba46;
}
[data-theme=classic] .h2--yellow-green {
  color: #cccd21;
}
[data-theme=classic] .h2--yellow-red {
  color: #f48f33;
}
[data-theme=classic] .h2--white {
  color: #fff;
}
[data-theme=classic] .h2--wistful {
  color: #a7a4d1;
}
[data-theme=classic] .h2--graph-fountain-blue {
  color: #5bc0be;
}
[data-theme=classic] .h2--graph-seagull {
  color: #82c3e9;
}
[data-theme=classic] .h2--graph-wild-blue-yonder {
  color: #7a7abd;
}
[data-theme=classic] .h2--graph-cosmos {
  color: #ffd6d7;
}
[data-theme=classic] .h2--graph-caper {
  color: #d0eda5;
}
[data-theme=classic] .h2--graph-gray-chateau {
  color: #a5adaf;
}
[data-theme=classic] .h2--black-haze {
  color: #f8f9f9;
}
[data-theme=classic] .h2--neutral-200 {
  color: #f1f3f4;
}
[data-theme=classic] .h2--neutral-300 {
  color: #c9cdcf;
}
.h2--transparent {
  color: transparent;
}
.h2--black {
  color: #000;
}
.h2--blue {
  color: #07aaea;
}
.h2--blue-light {
  color: #76bcd8;
}
.h2--blue-dark {
  color: #008ac1;
}
.h2--blue-darker {
  color: #045a8b;
}
.h2--burnt-sienna {
  color: #ec765f;
}
.h2--empty {
  color: #d1dade;
}
.h2--dark-blue {
  color: #034a72;
}
.h2--dark-gray {
  color: #54585e;
}
.h2--fountain-blue {
  color: #53a9a7;
}
.h2--geyser {
  color: #d1dade;
}
.h2--governor-bay {
  color: #333399;
}
.h2--gray {
  color: #73777c;
}
.h2--gray-chateau {
  color: #a5adaf;
}
.h2--grayscale-1 {
  color: #54585e;
}
.h2--grayscale-3 {
  color: #bdc3c7;
}
.h2--grayscale-5 {
  color: #f3f5f6;
}
.h2--primary-1 {
  color: #032945;
}
.h2--primary-2 {
  color: #023456;
}
.h2--primary-3 {
  color: #034a72;
}
.h2--primary-4 {
  color: #008ac1;
}
.h2--primary-5 {
  color: #07aaea;
}
.h2--green-aqua {
  color: #0aa699;
}
.h2--green-dark {
  color: #177b57;
}
.h2--green {
  color: #a3d634;
}
.h2--grey-dark {
  color: #939699;
}
.h2--grey {
  color: #d2d6d9;
}
.h2--grey-light {
  color: #e4eaed;
}
.h2--scampi {
  color: #5d60ab;
}
.h2--kobi {
  color: #eaaecf;
}
.h2--lightgray {
  color: #bdc3c7;
}
.h2--manatee {
  color: #9089a5;
}
.h2--orange {
  color: #f07d00;
}
.h2--orange-peel {
  color: #f09e00;
}
.h2--picton-blue {
  color: #36a7e9;
}
.h2--purple {
  color: #a27497;
}
.h2--red {
  color: #f35958;
}
.h2--red-dark {
  color: #f02a28;
}
.h2--ripe-lemon {
  color: #f5c50e;
}
.h2--tacao {
  color: #edb183;
}
.h2--yellow {
  color: #f9ba46;
}
.h2--yellow-green {
  color: #cccd21;
}
.h2--yellow-red {
  color: #f48f33;
}
.h2--white {
  color: #fff;
}
.h2--wistful {
  color: #a7a4d1;
}
.h2--graph-fountain-blue {
  color: #5bc0be;
}
.h2--graph-seagull {
  color: #82c3e9;
}
.h2--graph-wild-blue-yonder {
  color: #7a7abd;
}
.h2--graph-cosmos {
  color: #ffd6d7;
}
.h2--graph-caper {
  color: #d0eda5;
}
.h2--graph-gray-chateau {
  color: #a5adaf;
}
.h2--black-haze {
  color: #f8f9f9;
}
.h2--neutral-200 {
  color: #f1f3f4;
}
.h2--neutral-300 {
  color: #c9cdcf;
}
.h2--lightweight {
  font-weight: 400;
}
.h2--emphasize {
  font-weight: 600;
}

.h3, .h3-capacity-employee, .form-input-date > label.form-input-value__label--h3, .form-input-date-value > label.form-input-value__label--h3,
.form-input-date .form-input-value__label.form-input-value__label--h3,
.form-input-date-value .form-input-value__label.form-input-value__label--h3,
.form-input-readonly > label.form-input-value__label--h3,
.form-input-readonly .form-input-value__label.form-input-value__label--h3,
.form-input-value > label.form-input-value__label--h3,
.form-input-value .form-input-value__label.form-input-value__label--h3, h3, .h3--lightweight {
  color: #222325;
  font-size: 18px;
  font-weight: 400;
}
[data-theme=classic] .h3, [data-theme=classic] .h3-capacity-employee, [data-theme=classic] .form-input-date > label.form-input-value__label--h3, [data-theme=classic] .form-input-date-value > label.form-input-value__label--h3,
[data-theme=classic] .form-input-date .form-input-value__label.form-input-value__label--h3,
[data-theme=classic] .form-input-date-value .form-input-value__label.form-input-value__label--h3,
.form-input-date [data-theme=classic] .form-input-value__label.form-input-value__label--h3,
.form-input-date-value [data-theme=classic] .form-input-value__label.form-input-value__label--h3,
[data-theme=classic] .form-input-readonly > label.form-input-value__label--h3,
[data-theme=classic] .form-input-readonly .form-input-value__label.form-input-value__label--h3,
.form-input-readonly [data-theme=classic] .form-input-value__label.form-input-value__label--h3,
[data-theme=classic] .form-input-value > label.form-input-value__label--h3,
[data-theme=classic] .form-input-value .form-input-value__label.form-input-value__label--h3,
.form-input-value [data-theme=classic] .form-input-value__label.form-input-value__label--h3, [data-theme=classic] h3, [data-theme=classic] .h3--lightweight {
  font-size: 16px;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
  font-weight: 300;
  color: #54585e;
  /* Use it when you need to temporarily stick with the classic panel design. */
}
.h3--uppercase {
  text-transform: uppercase;
}
.h3--lightweight {
  font-weight: 400;
  color: #f3f5f6;
}

.h4, .form-input-date > label.form-input-value__label--h4, .form-input-date-value > label.form-input-value__label--h4,
.form-input-date .form-input-value__label.form-input-value__label--h4,
.form-input-date-value .form-input-value__label.form-input-value__label--h4,
.form-input-readonly > label.form-input-value__label--h4,
.form-input-readonly .form-input-value__label.form-input-value__label--h4,
.form-input-value > label.form-input-value__label--h4,
.form-input-value .form-input-value__label.form-input-value__label--h4 {
  color: #222325;
  font-size: 16px;
  font-weight: 400;
}

b,
strong {
  font-weight: 600;
}

p {
  white-space: normal;
}

a:link, a:visited {
  color: #008ac1;
  text-decoration: none;
}
a:focus {
  outline: none;
}
a.focus-visible {
  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, .get-ol li::marker, .article-content ol li::marker, ol li::marker {
  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, .x-wrap-cell__button, .legend__title, .legend__value, .table .expand-container__button:link, .table .expand-container__button:hover, .table .expand-container__button:visited, .table .expand-container__button:active {
  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--black-haze {
  color: #f8f9f9;
}
.text--neutral-200 {
  color: #f1f3f4;
}
.text--neutral-300 {
  color: #c9cdcf;
}
.text--break-word {
  word-break: break-word;
}
.text--pre-wrap {
  white-space: pre-wrap;
  line-height: initial;
}
.text--nowrap {
  white-space: nowrap;
}
.text--ellipsis, .card__heading {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.link .image-icon {
  margin-right: 10px;
}
.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--black-haze {
  color: #f8f9f9;
}
.gi--neutral-200 {
  color: #f1f3f4;
}
.gi--neutral-300 {
  color: #c9cdcf;
}
.gi--x-small::before {
  font-size: 12px !important;
}
.gi--small::before {
  font-size: 16px !important;
}
.gi--medium::before {
  font-size: 20px !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--xx-large::before {
  font-size: 44px !important;
}
.gi--bordered {
  display: inline-flex;
  width: 20px;
  height: 20px;
  justify-content: 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: #9d9c9c;
}
.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: flex;
  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-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .row.row--1 .col, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .row.row--2 .col, .col-5, .col-4, .row.row--3 .col, .col-3, .row.row--4 .col, .col-2, .row.row--6 .col, .col-1, .row.row--12 .col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 576px) {
  .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .row.row--1 .col, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .row.row--2 .col, .col-5, .col-4, .row.row--3 .col, .col-3, .row.row--4 .col, .col-2, .row.row--6 .col, .col-1, .row.row--12 .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .row.row--1 .col, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .row.row--2 .col, .col-5, .col-4, .row.row--3 .col, .col-3, .row.row--4 .col, .col-2, .row.row--6 .col, .col-1, .row.row--12 .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1600px) {
  .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .row.row--1 .col, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .row.row--2 .col, .col-5, .col-4, .row.row--3 .col, .col-3, .row.row--4 .col, .col-2, .row.row--6 .col, .col-1, .row.row--12 .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 1800px) {
  .col-xl, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-12, .row.row--1 .col, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .row.row--2 .col, .col-5, .col-4, .row.row--3 .col, .col-3, .row.row--4 .col, .col-2, .row.row--6 .col, .col-1, .row.row--12 .col {
    padding-right: 10px;
    padding-left: 10px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pull-0 {
  right: auto;
}

.pull-1 {
  right: 8.3333333333%;
}

.pull-2 {
  right: 16.6666666667%;
}

.pull-3 {
  right: 25%;
}

.pull-4 {
  right: 33.3333333333%;
}

.pull-5 {
  right: 41.6666666667%;
}

.pull-6 {
  right: 50%;
}

.pull-7 {
  right: 58.3333333333%;
}

.pull-8 {
  right: 66.6666666667%;
}

.pull-9 {
  right: 75%;
}

.pull-10 {
  right: 83.3333333333%;
}

.pull-11 {
  right: 91.6666666667%;
}

.pull-12 {
  right: 100%;
}

.push-0 {
  left: auto;
}

.push-1 {
  left: 8.3333333333%;
}

.push-2 {
  left: 16.6666666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.3333333333%;
}

.push-5 {
  left: 41.6666666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.3333333333%;
}

.push-8 {
  left: 66.6666666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.3333333333%;
}

.push-11 {
  left: 91.6666666667%;
}

.push-12 {
  left: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.3333333333%;
  }
  .pull-sm-2 {
    right: 16.6666666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.3333333333%;
  }
  .pull-sm-5 {
    right: 41.6666666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.3333333333%;
  }
  .pull-sm-8 {
    right: 66.6666666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.3333333333%;
  }
  .pull-sm-11 {
    right: 91.6666666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.3333333333%;
  }
  .push-sm-2 {
    left: 16.6666666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.3333333333%;
  }
  .push-sm-5 {
    left: 41.6666666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.3333333333%;
  }
  .push-sm-8 {
    left: 66.6666666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.3333333333%;
  }
  .push-sm-11 {
    left: 91.6666666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.3333333333%;
  }
  .pull-md-2 {
    right: 16.6666666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.3333333333%;
  }
  .pull-md-5 {
    right: 41.6666666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.3333333333%;
  }
  .pull-md-8 {
    right: 66.6666666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.3333333333%;
  }
  .pull-md-11 {
    right: 91.6666666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.3333333333%;
  }
  .push-md-2 {
    left: 16.6666666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.3333333333%;
  }
  .push-md-5 {
    left: 41.6666666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.3333333333%;
  }
  .push-md-8 {
    left: 66.6666666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.3333333333%;
  }
  .push-md-11 {
    left: 91.6666666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1600px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.3333333333%;
  }
  .pull-lg-2 {
    right: 16.6666666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.3333333333%;
  }
  .pull-lg-5 {
    right: 41.6666666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.3333333333%;
  }
  .pull-lg-8 {
    right: 66.6666666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.3333333333%;
  }
  .pull-lg-11 {
    right: 91.6666666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.3333333333%;
  }
  .push-lg-2 {
    left: 16.6666666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.3333333333%;
  }
  .push-lg-5 {
    left: 41.6666666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.3333333333%;
  }
  .push-lg-8 {
    left: 66.6666666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.3333333333%;
  }
  .push-lg-11 {
    left: 91.6666666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1800px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.3333333333%;
  }
  .pull-xl-2 {
    right: 16.6666666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.3333333333%;
  }
  .pull-xl-5 {
    right: 41.6666666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.3333333333%;
  }
  .pull-xl-8 {
    right: 66.6666666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.3333333333%;
  }
  .pull-xl-11 {
    right: 91.6666666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.3333333333%;
  }
  .push-xl-2 {
    left: 16.6666666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.3333333333%;
  }
  .push-xl-5 {
    left: 41.6666666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.3333333333%;
  }
  .push-xl-8 {
    left: 66.6666666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.3333333333%;
  }
  .push-xl-11 {
    left: 91.6666666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.v-flex-start {
  display: flex;
  align-items: flex-start;
}

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

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

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

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

.h-flex-end {
  display: flex;
  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;
  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;
  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 {
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 0 -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.8181818182%;
  width: 6.6666666667%;
  padding-top: 5px;
  padding-bottom: 5px;
}
.form-col-1:last-child {
  margin-right: 0;
}

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

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

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

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

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

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

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

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

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

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

.form-col-12 {
  float: left;
  display: block;
  margin-right: 1.8181818182%;
  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.8181818182%;
  width: 32.1212121212%;
  min-width: 147px;
}
.one-third:last-child {
  margin-right: 0;
}

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

.get-button {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  line-height: normal;
  text-transform: none;
  cursor: pointer;
}
.get-button[disabled] {
  cursor: default;
}

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

.get-ol, .article-content ol {
  padding: 0;
}
.get-ol li, .article-content ol li {
  list-style-position: inside;
}
.get-ol li p, .article-content ol li p {
  display: inline-block;
}
.get-sub,
.get-sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.get-sup {
  top: -0.5em;
}

.get-sub {
  bottom: -0.25em;
}

.manage-views__header {
  display: block;
  margin-bottom: 5px;
  font-size: 13px;
}
.manage-views__columns {
  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: flex;
  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-y, .risk-matrix__axis-x {
  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: flex;
  width: 100%;
  height: 100%;
  border-radius: 0;
  -webkit-user-select: none;
     -moz-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--modal {
  width: 100%;
  background: #d1dade;
}
.tabs--modal .tabs__caption {
  padding: 0;
  margin: 0;
}
.tabs--modal .tabs__caption li {
  background: transparent;
  border: 0;
}
[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: 12px;
  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--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--vertical > .tabs__caption {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 24px 32px;
  border-bottom: 0;
  text-align: start;
  font-size: inherit;
}
.tabs--vertical > .tabs__caption ul {
  margin-left: 0;
}
.tabs--vertical > .tabs__caption li {
  display: block;
  padding: 6px 8px;
  border: 0;
  border-bottom: 1px solid #d1dade;
  background-color: #fff;
  margin-bottom: 8px;
  font-size: 12px;
}
.tabs--vertical > .tabs__caption li.active {
  border-bottom: 2px solid #07aaea;
}
.tabs--vertical > .tabs__caption li:last-child {
  margin-bottom: 10px;
  border: 0;
}
.tabs--vertical > .tabs__caption li:last-child.active {
  border-bottom: 2px solid #07aaea;
}
.tabs--vertical > .tabs__content {
  padding: 24px 32px;
  border-left: 1px solid #d1dade;
}
.tabs_inner {
  clear: both;
  padding-top: 20px;
}
.tabs_inner .tabs_panel {
  padding: 0;
  padding-top: 20px;
}
.tabs__caption {
  list-style: none;
  margin: 0 -20px 20px -20px;
  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: flex;
  flex-direction: row;
  overflow-y: hidden;
  overflow-x: auto;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  border: none;
}
.tabs__caption--links .tabs__tab {
  display: flex;
  border: none;
  padding: 0;
  margin: 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;
  font-size: 14px;
  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 {
  color: #222325;
  background-color: #fff;
  border-bottom-color: #fff;
}
.tabs__content {
  display: none;
}
.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: 12px;
}
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;
}

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

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

.tab__scroll-area {
  overflow-y: auto;
  flex: 1 1 0;
}

.log {
  padding: 20px;
  border: 1px solid #d1dade;
}
.log:not(:last-child) {
  margin-bottom: 24px;
}
.log__header {
  display: flex;
  margin-bottom: 12px;
}
.log__date, .log__user {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.log__date i, .log__user i {
  margin-right: 4px;
}
.log__item {
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-container {
  display: inline-flex;
  margin-right: 20px;
}
.btn-container:last-child {
  margin-right: 0;
}
.btn-container--vertical {
  display: flex;
  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: flex;
  margin-right: 20px;
  vertical-align: middle;
  font-size: 0;
}
.btn-group:last-child {
  margin: 0;
}
.btn-group--highlighted {
  background-color: rgba(24, 48, 84, 0.05);
}
.btn-group--inline {
  display: inline-flex;
}
.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):not(:last-child), .ui-datepicker .btn-group > .ui-datepicker-current:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group > .btn:first-child:last-child, .ui-datepicker .btn-group > .ui-datepicker-current:first-child:last-child {
  border-radius: 4px;
}
.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 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 28px;
  margin: 0 20px 0 0;
  padding: 0 9px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  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;
          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,
a.btn:hover,
a.btn:active,
a.btn:visited {
  color: #73777c;
  text-decoration: none;
  outline: none;
}
.btn:active, .ui-datepicker .ui-datepicker-current:active,
a.btn: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 {
  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 {
  margin-left: 20px;
}
.btn:focus, .ui-datepicker .ui-datepicker-current:focus,
a.btn: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, .btn--basic.btn--blue:hover, .btn--basic.btn--blue:active, .btn--basic.btn--blue: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,
a.btn--basic.btn--blue:link,
a.btn--basic.btn--blue:hover,
a.btn--basic.btn--blue:active,
a.btn--basic.btn--blue: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, .btn--basic.btn--blue:hover .gi::before, .btn--basic.btn--blue:active .gi::before, .btn--basic.btn--blue: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,
a.btn--basic.btn--blue:link .gi::before,
a.btn--basic.btn--blue:hover .gi::before,
a.btn--basic.btn--blue:active .gi::before,
a.btn--basic.btn--blue: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, .btn--basic.btn--blue:hover, .btn--basic.btn--blue:active, .btn--basic.btn--blue:visited,
a.btn--basic.btn--blue,
a.btn--basic.btn--blue:link,
a.btn--basic.btn--blue:hover,
a.btn--basic.btn--blue:active,
a.btn--basic.btn--blue: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, .btn--basic.btn--blue:hover .gi::before, .btn--basic.btn--blue:active .gi::before, .btn--basic.btn--blue:visited .gi::before,
a.btn--basic.btn--blue .gi::before,
a.btn--basic.btn--blue:link .gi::before,
a.btn--basic.btn--blue:hover .gi::before,
a.btn--basic.btn--blue:active .gi::before,
a.btn--basic.btn--blue:visited .gi::before {
  color: #07aaea;
}
.btn--x-small,
a.btn--x-small {
  height: 24px;
  padding: 0 10px;
}
.btn--x-small:not(:last-of-type),
a.btn--x-small:not(:last-of-type) {
  margin: 0 10px 0 0;
}
.btn--small, .ui-datepicker .ui-datepicker-current,
a.btn--small {
  height: 28px;
  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) {
  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 {
  margin-right: 10px;
  background-color: #fff;
  text-transform: inherit;
}
.btn--link:active, .ui-datepicker .ui-datepicker-current:active,
a.btn--link: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, .btn--toggle:not(.btn--outline).btn--blue:visited,
a.btn--toggle:not(.btn--outline).btn--blue,
a.btn--toggle:not(.btn--outline).btn--blue:link,
a.btn--toggle:not(.btn--outline).btn--blue: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,
a.btn--toggle:not(.btn--outline).btn--blue: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 {
  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, .btn--toggle:not(.btn--outline).btn--blue.btn--disabled:hover, .btn--toggle:not(.btn--outline).btn--blue.btn--disabled:active, .btn--toggle:not(.btn--outline).btn--blue.btn--disabled:visited,
a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled,
a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled:link,
a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled:hover,
a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled:active,
a.btn--toggle:not(.btn--outline).btn--blue.btn--disabled:visited {
  background-color: transparent;
  border-color: #d1dade;
  color: #d1dade;
}
.btn--outline, .ui-datepicker .ui-datepicker-current,
a.btn--outline {
  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,
a.btn--outline:active {
  border-color: #73777c;
}
.btn--outline.btn--disabled, .ui-datepicker .btn--disabled.ui-datepicker-current,
a.btn--outline.btn--disabled {
  font-weight: 400;
  cursor: default;
}
.btn--outline.btn--disabled, .ui-datepicker .btn--disabled.ui-datepicker-current, .btn--outline.btn--disabled:link, .btn--outline.btn--disabled:hover, .btn--outline.btn--disabled:active, .btn--outline.btn--disabled:visited,
a.btn--outline.btn--disabled,
a.btn--outline.btn--disabled:link,
a.btn--outline.btn--disabled:hover,
a.btn--outline.btn--disabled:active,
a.btn--outline.btn--disabled:visited {
  background-color: transparent;
  border-color: #d1dade;
  color: #d1dade;
}
.btn--outline.btn--blue, .ui-datepicker .ui-datepicker-current, .btn--outline.btn--blue:link, .btn--outline.btn--blue:hover, .btn--outline.btn--blue:active, .btn--outline.btn--blue:visited,
a.btn--outline.btn--blue,
a.btn--outline.btn--blue:link,
a.btn--outline.btn--blue:hover,
a.btn--outline.btn--blue:active,
a.btn--outline.btn--blue: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 {
  opacity: 0.7;
}
.btn--outline.btn--red, .ui-datepicker .btn--red.ui-datepicker-current, .btn--outline.btn--red:link, .btn--outline.btn--red:hover, .btn--outline.btn--red:active, .btn--outline.btn--red:visited,
a.btn--outline.btn--red,
a.btn--outline.btn--red:link,
a.btn--outline.btn--red:hover,
a.btn--outline.btn--red:active,
a.btn--outline.btn--red: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 {
  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,
a.btn--blue: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,
a.btn--blue: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, .btn--transparent.btn--blue:hover, .btn--transparent.btn--blue:active, .btn--transparent.btn--blue:visited,
a.btn--transparent.btn--blue,
a.btn--transparent.btn--blue:link,
a.btn--transparent.btn--blue:hover,
a.btn--transparent.btn--blue:active,
a.btn--transparent.btn--blue: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: flex;
  justify-content: 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;
  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 {
  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,
a.btn.view_button:hover,
a.btn.view_button:active,
a.btn.view_button: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_disable, .buttonsAlign--block .button--light,
.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 .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_disable:not(:first-child), .buttonsAlign:not(.buttonsAlign--block):not(.buttonsAlign--left-block) .button--light:not(:first-child),
.buttonsAlign:not(.buttonsAlign--block):not(.buttonsAlign--left-block) .secondary_button:not(:first-child) {
  margin-left: 20px;
}
.buttonsAlign > .inline-block ~ .inline-block, .panel_toolbar .buttonsAlign > .left-toolbar ~ .inline-block,
.panel_toolbar .buttonsAlign > .right-toolbar ~ .inline-block, .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, .table_toolbar .buttonsAlign > .left-toolbar ~ .inline-block,
.table_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 {
  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;
}

.button, .button_disable, .button--light, .secondary_icon-button, .secondary_button, a.global-button--create, .secondary {
  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;
}
.button i::before, .button_disable i::before, .button--light i::before, .secondary_icon-button i::before, .secondary_button i::before, a.global-button--create i::before, .secondary i::before {
  font-size: 18px;
  padding-right: 6px;
}
.button:hover, .button_disable:hover, .button--light:hover, .secondary_icon-button:hover, .secondary_button:hover, a.global-button--create:hover, .secondary:hover {
  text-decoration: none;
}
.button:active, .button_disable:active, .button--light:active, .secondary_icon-button:active, .secondary_button:active, a.global-button--create:active, .secondary:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
  outline: 0;
}

.secondary_icon-button, .secondary_button, a.global-button--create, .secondary {
  color: #54585e;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  vertical-align: bottom;
  height: 36px;
}
.secondary_icon-button:hover, .secondary_button:hover, a.global-button--create:hover, .secondary: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: inline-flex;
  min-width: 80px;
  height: auto;
  padding: 4px 10px;
  border-color: #54585e;
}
.secondary_icon-button--thin i {
  padding-right: 4px;
}

.button, .button_disable, .button--light, .button:link, .button: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_disable:hover, .button--light: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_disable i.gi-traffic-light + span + i::before, .button--light i.gi-traffic-light + span + i::before {
  padding-right: 0;
  padding-left: 6px;
}
.button img, .button_disable img, .button--light 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;
}
.view-form--richText ul, .view-form--richText ol {
  margin: 0 0 0 20px;
}
.view-form--richText ul ul, .view-form--richText ol ul {
  list-style-type: circle;
}
.view-form--richText ul ul ul, .view-form--richText ul ol ul, .view-form--richText ol ul ul, .view-form--richText ol ol ul {
  list-style-type: square;
}
.view-form--richText ul li, .view-form--richText ol li {
  list-style-position: outside;
}

.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-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 {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 16px;
  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 {
  width: 130px;
}
.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 {
  width: 100%;
  padding: 10px;
  display: block;
}
.form-input-date textarea, .form-input-date-value textarea,
.form-input-readonly textarea,
.form-input-value textarea {
  resize: vertical;
}
.form-input-date span.hiddentext, .form-input-date-value span.hiddentext,
.form-input-readonly span.hiddentext,
.form-input-value 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 {
  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 {
  width: 100%;
}

.form-input-value {
  margin-bottom: 20px;
}
.form-input-value--no-indent {
  margin: 0;
}
.form-input-value .valuetext {
  display: table-cell;
  height: 36px;
  vertical-align: middle;
}
.form-input-value .valuetext--view {
  height: auto;
}

.form-input-value textarea,
.form-input-table textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  overflow: auto;
  vertical-align: top;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.form-input-value textarea:not(:disabled),
.form-input-table textarea:not(:disabled) {
  background-color: #fff;
}
.form-input-value textarea:not(:disabled):hover,
.form-input-table textarea:not(:disabled):hover {
  border-color: #b3b3b3;
}
.form-input-value textarea:not(:disabled):focus,
.form-input-table textarea:not(:disabled):focus {
  border-color: #b3b3b3;
  outline: #023456;
}
.form-input-value textarea[readonly], .form-input-value textarea:disabled,
.form-input-table textarea[readonly],
.form-input-table textarea:disabled {
  background-color: #f3f5f6;
}
.form-input-value input,
.form-input-table input {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  line-height: normal;
}
.form-input-value input[disabled],
.form-input-value input:disabled,
.form-input-table input[disabled],
.form-input-table input:disabled {
  border: none;
  cursor: default;
  background-color: #f3f5f6;
}
.form-input-value input[type=button],
.form-input-value input[type=reset],
.form-input-value input[type=submit],
.form-input-table input[type=button],
.form-input-table input[type=reset],
.form-input-table input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.form-input-value input[type=checkbox],
.form-input-value input[type=radio],
.form-input-table input[type=checkbox],
.form-input-table input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.form-input-value input[type=search],
.form-input-table input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
.form-input-value input[type=search]::-webkit-search-cancel-button,
.form-input-value input[type=search]::-webkit-search-decoration,
.form-input-table input[type=search]::-webkit-search-cancel-button,
.form-input-table input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.form-input-value input::-ms-clear,
.form-input-table input::-ms-clear {
  display: none;
}
.form-input-value input[type=email], .form-input-value input[type=number], .form-input-value input[type=password], .form-input-value input[type=search], .form-input-value input[type=tel], .form-input-value input[type=text], .form-input-value input[type=url], .form-input-value input[type=datetime], .form-input-value input[type=datetime-local], .form-input-value input[type=month], .form-input-value input[type=time], .form-input-value input[type=week],
.form-input-table input[type=email],
.form-input-table input[type=number],
.form-input-table input[type=password],
.form-input-table input[type=search],
.form-input-table input[type=tel],
.form-input-table input[type=text],
.form-input-table input[type=url],
.form-input-table input[type=datetime],
.form-input-table input[type=datetime-local],
.form-input-table input[type=month],
.form-input-table input[type=time],
.form-input-table input[type=week] {
  border: 1px solid #ccc;
  border-radius: 4px;
}
.form-input-value input[type=email]:not(:disabled), .form-input-value input[type=number]:not(:disabled), .form-input-value input[type=password]:not(:disabled), .form-input-value input[type=search]:not(:disabled), .form-input-value input[type=tel]:not(:disabled), .form-input-value input[type=text]:not(:disabled), .form-input-value input[type=url]:not(:disabled), .form-input-value input[type=datetime]:not(:disabled), .form-input-value input[type=datetime-local]:not(:disabled), .form-input-value input[type=month]:not(:disabled), .form-input-value input[type=time]:not(:disabled), .form-input-value input[type=week]:not(:disabled),
.form-input-table input[type=email]:not(:disabled),
.form-input-table input[type=number]:not(:disabled),
.form-input-table input[type=password]:not(:disabled),
.form-input-table input[type=search]:not(:disabled),
.form-input-table input[type=tel]:not(:disabled),
.form-input-table input[type=text]:not(:disabled),
.form-input-table input[type=url]:not(:disabled),
.form-input-table input[type=datetime]:not(:disabled),
.form-input-table input[type=datetime-local]:not(:disabled),
.form-input-table input[type=month]:not(:disabled),
.form-input-table input[type=time]:not(:disabled),
.form-input-table input[type=week]:not(:disabled) {
  background-color: #fff;
}
.form-input-value input[type=email]:not(:disabled):hover, .form-input-value input[type=number]:not(:disabled):hover, .form-input-value input[type=password]:not(:disabled):hover, .form-input-value input[type=search]:not(:disabled):hover, .form-input-value input[type=tel]:not(:disabled):hover, .form-input-value input[type=text]:not(:disabled):hover, .form-input-value input[type=url]:not(:disabled):hover, .form-input-value input[type=datetime]:not(:disabled):hover, .form-input-value input[type=datetime-local]:not(:disabled):hover, .form-input-value input[type=month]:not(:disabled):hover, .form-input-value input[type=time]:not(:disabled):hover, .form-input-value input[type=week]:not(:disabled):hover,
.form-input-table input[type=email]:not(:disabled):hover,
.form-input-table input[type=number]:not(:disabled):hover,
.form-input-table input[type=password]:not(:disabled):hover,
.form-input-table input[type=search]:not(:disabled):hover,
.form-input-table input[type=tel]:not(:disabled):hover,
.form-input-table input[type=text]:not(:disabled):hover,
.form-input-table input[type=url]:not(:disabled):hover,
.form-input-table input[type=datetime]:not(:disabled):hover,
.form-input-table input[type=datetime-local]:not(:disabled):hover,
.form-input-table input[type=month]:not(:disabled):hover,
.form-input-table input[type=time]:not(:disabled):hover,
.form-input-table input[type=week]:not(:disabled):hover {
  border-color: #b3b3b3;
}
.form-input-value input[type=email]:not(:disabled):focus, .form-input-value input[type=number]:not(:disabled):focus, .form-input-value input[type=password]:not(:disabled):focus, .form-input-value input[type=search]:not(:disabled):focus, .form-input-value input[type=tel]:not(:disabled):focus, .form-input-value input[type=text]:not(:disabled):focus, .form-input-value input[type=url]:not(:disabled):focus, .form-input-value input[type=datetime]:not(:disabled):focus, .form-input-value input[type=datetime-local]:not(:disabled):focus, .form-input-value input[type=month]:not(:disabled):focus, .form-input-value input[type=time]:not(:disabled):focus, .form-input-value input[type=week]:not(:disabled):focus,
.form-input-table input[type=email]:not(:disabled):focus,
.form-input-table input[type=number]:not(:disabled):focus,
.form-input-table input[type=password]:not(:disabled):focus,
.form-input-table input[type=search]:not(:disabled):focus,
.form-input-table input[type=tel]:not(:disabled):focus,
.form-input-table input[type=text]:not(:disabled):focus,
.form-input-table input[type=url]:not(:disabled):focus,
.form-input-table input[type=datetime]:not(:disabled):focus,
.form-input-table input[type=datetime-local]:not(:disabled):focus,
.form-input-table input[type=month]:not(:disabled):focus,
.form-input-table input[type=time]:not(:disabled):focus,
.form-input-table input[type=week]:not(:disabled):focus {
  border-color: #b3b3b3;
  outline: #023456;
}

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

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

.hr {
  background-color: #ccc;
}

.form-hr {
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 20px;
}
.form-hr-width--3xl {
  width: calc(100% + 64px);
  margin-left: -32px;
}
.form-hr-size--m hr {
  height: 3px;
}
.form-hr_no-float {
  float: none;
  margin-bottom: 25px;
}

.password-popover {
  padding: 16px;
}
.password-popover__header {
  margin-bottom: 16px;
}

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

  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;
          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-value .gi, .select2-drop--icon .select2-result-icon .select2-result-label .gi, .select2-container.imageselect .select2-chosen .gi, .select2-container.select2-container--icon .select2-chosen .gi {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 100%;
}
.select2-value .gi::before, .select2-drop--icon .select2-result-icon .select2-result-label .gi::before, .select2-container.imageselect .select2-chosen .gi::before, .select2-container.select2-container--icon .select2-chosen .gi::before {
  font-size: 20px;
}

.select2-group {
  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: flex;
  align-items: 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;
          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;
  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.select2-container--x-small .select2-choice, .search-filter .select2-container .select2-choice {
  height: 24px;
  line-height: 22px;
  color: #000;
  font-size: 12px;
}
.select2-container.select2-container--x-small .select2-choices, .search-filter .select2-container .select2-choices {
  min-height: 24px;
  line-height: 22px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 3px;
}
.select2-container.select2-container--x-small .select2-input, .search-filter .select2-container .select2-input {
  font-size: 12px;
}
.select2-container.select2-container--small .select2-choice, .popover .select2-container .select2-choice, .panel__toolbar .panel__toolbar-item .select2-container .select2-choice, .table .select2-container .select2-choice {
  height: 28px;
  line-height: 26px;
  color: #000;
  font-size: 12px;
}
.select2-container.select2-container--small .select2-choices, .popover .select2-container .select2-choices, .panel__toolbar .panel__toolbar-item .select2-container .select2-choices, .table .select2-container .select2-choices {
  min-height: 28px;
  line-height: 26px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 3px;
}
.select2-container.select2-container--small .select2-input, .popover .select2-container .select2-input, .panel__toolbar .panel__toolbar-item .select2-container .select2-input, .table .select2-container .select2-input {
  font-size: 12px;
}
.select2-container.select2-container--label .select2-choice {
  padding-left: 4px;
}
.select2-container.imageselect .select2-choice, .select2-container.select2-container--icon .select2-choice {
  padding: 0;
}
.select2-container.imageselect .label, .select2-container.select2-container--icon .label {
  margin-left: 6px;
}
.select2-container.select2-container--inverted::after, .menu--inverted .select2-container::after {
  color: #fff;
}
.select2-container.select2-container--inverted.select2-dropdown-open .select2-choice, .menu--inverted .select2-container.select2-dropdown-open .select2-choice,
.select2-container.select2-container--inverted.select2-dropdown-open .select2-choices,
.menu--inverted .select2-container.select2-dropdown-open .select2-choices {
  border-color: #fff;
  background-color: transparent;
}
.select2-container.select2-container--inverted .select2-choice, .menu--inverted .select2-container .select2-choice,
.select2-container.select2-container--inverted .select2-choices,
.menu--inverted .select2-container .select2-choices {
  background-color: rgba(7, 170, 234, 0.1);
  border-color: rgba(7, 170, 234, 0.1);
  color: #fff;
}
.select2-container.select2-container--inverted .select2-default, .menu--inverted .select2-container .select2-default {
  color: #fff;
}
.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;
          user-select: none;
  position: relative;
  display: flex;
  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;
  font-weight: 400;
  text-decoration: none;
  -webkit-touch-callout: none;
}
.select2-container .select2-choice > .select2-chosen {
  overflow: hidden;
  float: none;
  display: flex;
  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 .select2-chosen-text--padded {
  padding-left: 10px;
}
.select2-container .select2-default {
  color: #ccc;
}
.select2-container + select {
  display: none;
}

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

.select2-drop {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
  width: 100%;
  position: absolute;
  z-index: 10001;
  top: 100%;
  background: #fff;
  color: #000;
  border-radius: 4px;
  margin-top: 4px;
}
.select2-drop--icon .select2-result-icon .select2-result-label {
  display: flex;
  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 {
  flex-wrap: wrap;
  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: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  height: 45px;
}
.select2-drop--fixed {
  position: fixed;
}
.select2-drop--hidden .select2-results {
  display: none;
}
.select2-drop.select2-drop-above {
  margin-top: -4px;
  border-bottom: 0;
}
.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-auto-width {
  width: auto;
  margin-top: 4px;
}
.select2-drop-auto-width.select2-search {
  padding-top: 4px;
}
.select2-drop-footer {
  padding: 0 10px;
}

.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: 4px;
}
.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-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #b3b3b3;
  border-color: #b3b3b3;
}

.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: flex;
  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: flex;
  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;
          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-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 (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), 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: flex;
  align-items: center;
  height: 36px;
}
.select2-value .image {
  max-height: 32px;
  margin-right: 8px;
}
.search-form--sticky {
  position: sticky;
  z-index: 5;
  background-color: #fff;
}
.search-form--sticky.search-form--stuck {
  padding-top: 8px;
}

.search-filter--loading {
  pointer-events: none;
}
.search-filter__content {
  display: flex;
  justify-content: space-between;
}
.search-filter__term {
  margin-right: 4px;
}
.search-filter__term:last-child {
  margin-right: 0;
}
.search-filter__filters {
  flex: 1;
}
.search-filter__toolbar {
  display: flex;
  align-items: flex-end;
  margin: -2px 0;
}
.search-filter__toolbar--wrap {
  flex-wrap: wrap;
}
.search-filter__toolbar-item {
  margin: 2px 4px 2px 0;
}
.search-filter__toolbar-item:last-child {
  margin-right: 0;
}
.search-filter__toolbar-item--indented {
  margin-right: 24px;
}
.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 {
  justify-content: flex-start;
  margin-bottom: 4px;
}

.filter-row {
  display: flex;
  flex-shrink: 1;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  font-size: 0;
}
.filter-row--inline {
  display: inline-block;
}
.filter-row--start {
  justify-content: flex-start;
}
.filter-row--end {
  justify-content: flex-end;
}
.filter-row__container {
  display: flex;
  flex-shrink: 1;
  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: flex;
  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;
}

.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: 4px;
  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: 4px;
  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_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;
  border-spacing: 0;
}
.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: 5px;
  background-color: #fff;
  background-clip: padding-box;
  color: #54585e;
  font-size: 12px;
  white-space: normal;
}
.table td ul ul, .table td ol ul,
.table .table__cell ul ul,
.table .table__cell ol ul {
  list-style-type: circle;
}
.table td ul ul ul, .table td ul ol ul, .table td ol ul ul, .table td ol ol ul,
.table .table__cell ul ul ul,
.table .table__cell ul ol ul,
.table .table__cell ol ul ul,
.table .table__cell ol ol ul {
  list-style-type: square;
}
.table td ul li, .table td ol li,
.table .table__cell ul li,
.table .table__cell ol li {
  list-style-position: outside;
}
.table td ul, .table td ol,
.table .table__cell ul,
.table .table__cell ol {
  margin: 0 0 0 20px;
}
.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--green,
.table .table__cell--green,
.table tr--green td,
.table tr--green .table__cell,
.table .table__row--green td,
.table__row--green .table td,
.table .table__row--green .table__cell,
.table__row--green .table .table__cell {
  background: #e3f9bb;
}
.table td--green .expand-container--collapsed::after,
.table .table__cell--green .expand-container--collapsed::after,
.table tr--green td .expand-container--collapsed::after,
.table tr--green .table__cell .expand-container--collapsed::after,
.table .table__row--green td .expand-container--collapsed::after,
.table__row--green .table td .expand-container--collapsed::after,
.table .table__row--green .table__cell .expand-container--collapsed::after,
.table__row--green .table .table__cell .expand-container--collapsed::after {
  background-color: rgba(227, 249, 187, 0.8);
}
.table td--yellow,
.table .table__cell--yellow,
.table tr--yellow td,
.table tr--yellow .table__cell,
.table .table__row--yellow td,
.table__row--yellow .table td,
.table .table__row--yellow .table__cell,
.table__row--yellow .table .table__cell {
  background: #fff7d6;
}
.table td--yellow .expand-container--collapsed::after,
.table .table__cell--yellow .expand-container--collapsed::after,
.table tr--yellow td .expand-container--collapsed::after,
.table tr--yellow .table__cell .expand-container--collapsed::after,
.table .table__row--yellow td .expand-container--collapsed::after,
.table__row--yellow .table td .expand-container--collapsed::after,
.table .table__row--yellow .table__cell .expand-container--collapsed::after,
.table__row--yellow .table .table__cell .expand-container--collapsed::after {
  background-color: rgba(255, 247, 214, 0.8);
}
.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--lightgray,
.table .table__cell--lightgray,
.table tr--lightgray td,
.table tr--lightgray .table__cell,
.table .table__row--lightgray td,
.table__row--lightgray .table td,
.table .table__row--lightgray .table__cell,
.table__row--lightgray .table .table__cell {
  background: #f0f1f2;
}
.table td--lightgray .expand-container--collapsed::after,
.table .table__cell--lightgray .expand-container--collapsed::after,
.table tr--lightgray td .expand-container--collapsed::after,
.table tr--lightgray .table__cell .expand-container--collapsed::after,
.table .table__row--lightgray td .expand-container--collapsed::after,
.table__row--lightgray .table td .expand-container--collapsed::after,
.table .table__row--lightgray .table__cell .expand-container--collapsed::after,
.table__row--lightgray .table .table__cell .expand-container--collapsed::after {
  background-color: rgba(240, 241, 242, 0.8);
}
.table td.total-cell, .table td.total-cell--center, .table td.total-cell--left, .table td.total-cell--right,
.table .table__cell.total-cell,
.table .table__cell.total-cell--center,
.table .table__cell.total-cell--left,
.table .table__cell.total-cell--right {
  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--basic,
.table .table__cell--basic {
  padding: 0;
}
.table td--nowrap,
.table .table__cell--nowrap {
  white-space: nowrap;
}
.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;
  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;
  margin: auto;
}
.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: 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__date-line {
  width: 2px;
  position: absolute;
  height: 100%;
  border-left: 2px dashed #bdc3c7;
  top: 0;
  transform: translateX(-1px);
}
.table__date-line--head::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 10px;
  height: 10px;
  border-radius: 0 50% 50% 50%;
  border: 2px solid #f35958;
  background-color: #fff;
  transform: rotate(225deg);
  top: -14px;
  margin-left: -6px;
}
.table .expand-container {
  line-height: 1.2;
  position: relative;
}
.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: " ";
  bottom: -100%;
  display: block;
  height: 100%;
  width: 100%;
  background-color: transparent;
}
.table .expand-container__button {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.6);
}
.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: #e6f7fd;
}
.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: 0.5;
}
.table tr--green .expand-container--collapsed::after, .table tr--green .expand-container__content::after, .table tr--green .expand-container__button, .table__row--green .expand-container--collapsed::after, .table__row--green .expand-container__content::after, .table__row--green .expand-container__button {
  background-color: rgba(227, 249, 187, 0.8);
}
.table tr--yellow .expand-container--collapsed::after, .table tr--yellow .expand-container__content::after, .table tr--yellow .expand-container__button, .table__row--yellow .expand-container--collapsed::after, .table__row--yellow .expand-container__content::after, .table__row--yellow .expand-container__button {
  background-color: rgba(255, 247, 214, 0.8);
}
.table tr--red .expand-container--collapsed::after, .table tr--red .expand-container__content::after, .table tr--red .expand-container__button, .table__row--red .expand-container--collapsed::after, .table__row--red .expand-container__content::after, .table__row--red .expand-container__button {
  background-color: rgba(252, 227, 227, 0.8);
}
.table tr--lightgray .expand-container--collapsed::after, .table tr--lightgray .expand-container__content::after, .table tr--lightgray .expand-container__button, .table__row--lightgray .expand-container--collapsed::after, .table__row--lightgray .expand-container__content::after, .table__row--lightgray .expand-container__button {
  background-color: rgba(240, 241, 242, 0.8);
}
.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: #e6f7fd;
}
.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, 247, 253, 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, .right-panel .table tr, .card .table tr,
.table--small .table__row,
.right-panel .table .table__row,
.card .table .table__row {
  height: 32px;
  min-height: 32px;
}
.table--borderless, .right-panel .table, .card .table {
  width: 100%;
  border: none;
  color: #54585e;
}
.table--borderless table, .right-panel .table table, .card .table table {
  border: none;
}
.table--borderless tr.theader th, .right-panel .table tr.theader th, .card .table tr.theader th,
.table--borderless tr.theader td,
.right-panel .table tr.theader td,
.card .table tr.theader td,
.table--borderless tr.theader .table__cell,
.right-panel .table tr.theader .table__cell,
.card .table tr.theader .table__cell,
.table--borderless .table__row.theader th,
.right-panel .table .table__row.theader th,
.card .table .table__row.theader th,
.table--borderless .table__row.theader td,
.right-panel .table .table__row.theader td,
.card .table .table__row.theader td,
.table--borderless .table__row.theader .table__cell,
.right-panel .table .table__row.theader .table__cell,
.card .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: 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] {
  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-container {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.table .progress {
  margin: 0;
  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 {
  align-items: center;
}
.table .progress--vertical .progress__body {
  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: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
}
.table .progress-block--horizontal {
  flex-direction: row;
}
.table .progress-block--vertical {
  flex-direction: column;
}
.table .progress-block .progress-block__bar {
  display: flex;
  margin: 5px;
  width: 15px;
  background: #005FA0;
}
.table .progress-block .progress-block__bar--capped-top {
  border-top: 2px solid #ff0000;
}
.table .progress-block .progress-block__bar--capped-bottom {
  border-bottom: 2px solid #ff0000;
}
.table .progress-block .progress-block__value {
  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;
  width: 100%;
}
.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.8181818182%;
  width: 32.1212121212%;
  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.8181818182%;
  width: 18.5454545455%;
}
.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: inline-flex;
  min-width: 61px;
  margin-left: 16px;
  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: 4px;
  font-size: 0;
}
.milestone_done, .milestone_rest {
  display: inline-block;
  vertical-align: middle;
  height: 8px;
}
.milestone_done {
  background: #07aaea;
  border-radius: 4px;
}
.milestone_rest {
  background: #f3f5f6;
  border-radius: 4px;
}
.milestone-title {
  padding-right: 10px;
  vertical-align: middle;
  margin-left: 5px;
}

/* END Workflow Phases and Milestones chart*/
.notification {
  position: relative;
  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: flex;
  align-items: center;
  margin: 0 8px 0 0;
  font-size: 12px;
}
.notification__text {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}
.notification__close {
  display: flex;
  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: 4px;
}

.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: 14px;
}
.todo__item {
  margin-bottom: 5px;
}
.todo__item:last-child {
  margin-bottom: 0;
}
.todo__icon {
  display: inline-block;
  margin-right: 2px;
}
.todo__icon .gi::before {
  font-size: 20px;
}
.todo__text {
  vertical-align: middle;
  font-size: 14px;
}
.todo .checkbox-wrapper {
  margin: 0;
}
.todo .checkbox-wrapper .checkbox + label.checkbox-label {
  font-size: 14px;
}

.msg-error,
.msg-change_request, .status-warning {
  position: relative;
  display: flex;
  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: flex;
  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: flex;
  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: flex;
  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: flex;
  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 input[type=radio] + label.silver-sand::before, .checkbox-group input[type=radio] + label.silver-sand::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #c2c6cb;
}
.checkbox input[type=radio]:checked + label.silver-sand::before, .checkbox-group input[type=radio]:checked + label.silver-sand::before {
  background: #c2c6cb;
  box-shadow: 0 0 0 1px #c2c6cb;
}
.checkbox input[type=radio] + label.carnation::before, .checkbox-group input[type=radio] + label.carnation::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #f35958;
}
.checkbox input[type=radio]:checked + label.carnation::before, .checkbox-group input[type=radio]:checked + label.carnation::before {
  background: #f35958;
  box-shadow: 0 0 0 1px #f35958;
}
.checkbox input[type=radio] + label.burnt-sienna::before, .checkbox-group input[type=radio] + label.burnt-sienna::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #ed7d53;
}
.checkbox input[type=radio]:checked + label.burnt-sienna::before, .checkbox-group input[type=radio]:checked + label.burnt-sienna::before {
  background: #ed7d53;
  box-shadow: 0 0 0 1px #ed7d53;
}
.checkbox input[type=radio] + label.sandy-brown::before, .checkbox-group input[type=radio] + label.sandy-brown::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #f0a350;
}
.checkbox input[type=radio]:checked + label.sandy-brown::before, .checkbox-group input[type=radio]:checked + label.sandy-brown::before {
  background: #f0a350;
  box-shadow: 0 0 0 1px #f0a350;
}
.checkbox input[type=radio] + label.casablanca::before, .checkbox-group input[type=radio] + label.casablanca::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #f9ba46;
}
.checkbox input[type=radio]:checked + label.casablanca::before, .checkbox-group input[type=radio]:checked + label.casablanca::before {
  background: #f9ba46;
  box-shadow: 0 0 0 1px #f9ba46;
}
.checkbox input[type=radio] + label.ripe-lemon::before, .checkbox-group input[type=radio] + label.ripe-lemon::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #f5c50e;
}
.checkbox input[type=radio]:checked + label.ripe-lemon::before, .checkbox-group input[type=radio]:checked + label.ripe-lemon::before {
  background: #f5c50e;
  box-shadow: 0 0 0 1px #f5c50e;
}
.checkbox input[type=radio] + label.bird-flower::before, .checkbox-group input[type=radio] + label.bird-flower::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #dacb1b;
}
.checkbox input[type=radio]:checked + label.bird-flower::before, .checkbox-group input[type=radio]:checked + label.bird-flower::before {
  background: #dacb1b;
  box-shadow: 0 0 0 1px #dacb1b;
}
.checkbox input[type=radio] + label.key-lime-pie::before, .checkbox-group input[type=radio] + label.key-lime-pie::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #bed027;
}
.checkbox input[type=radio]:checked + label.key-lime-pie::before, .checkbox-group input[type=radio]:checked + label.key-lime-pie::before {
  background: #bed027;
  box-shadow: 0 0 0 1px #bed027;
}
.checkbox input[type=radio] + label.atlantis::before, .checkbox-group input[type=radio] + label.atlantis::before {
  width: 13px;
  height: 13px;
  border-width: 2px;
  box-shadow: 0 0 0 1px #a3d634;
}
.checkbox input[type=radio]:checked + label.atlantis::before, .checkbox-group input[type=radio]:checked + label.atlantis::before {
  background: #a3d634;
  box-shadow: 0 0 0 1px #a3d634;
}
.checkbox input[type=radio] + label, .checkbox-group input[type=radio] + label {
  color: #000;
}
.checkbox input[type=radio] + label::before, .checkbox-group 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 input[type=radio]:checked + label::before, .checkbox-group input[type=radio]:checked + label::before {
  background-color: #8e9095;
  box-shadow: 0 0 0 1px #8e9095;
}
.checkbox input[type=radio]:disabled + label, .checkbox-group input[type=radio]:disabled + label {
  color: rgba(38, 51, 69, 0.3);
}
.checkbox input[type=radio]:disabled + label::before, .checkbox-group input[type=radio]:disabled + label::before {
  box-shadow: 0 0 0 1px #DADADA;
}
.checkbox input[type=radio]:checked:disabled + label::before, .checkbox-group input[type=radio]:checked:disabled + label::before {
  background-color: #DADADA;
}

.checkbox-wrapper {
  display: flex;
  flex-direction: row;
  margin: 10px 0;
}
.checkbox-wrapper--basic {
  margin: 0;
}
.checkbox-wrapper--inline {
  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.3333333333%;
}
.checkbox-group--columns-4 input + label {
  width: 25%;
}
.checkbox-group--columns-5 input + label {
  width: 20%;
}
.checkbox-group--columns-6 input + label {
  width: 16.6666666667%;
}
.checkbox-group--columns-7 input + label {
  width: 14.2857142857%;
}
.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: flex;
  margin: 0;
  vertical-align: top;
  line-height: 0;
}
.checkbox input[type=checkbox] + label::before {
  border-color: #c2c6cb;
}
.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-width: 1px;
  border-style: solid;
  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: 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: inline-flex;
  margin-right: 10px;
  height: 16px;
}
.checkbox-slider__input {
  display: none;
}
.checkbox-slider__input:checked ~ .checkbox-slider__rail {
  border-color: #008ac1;
  background: #e6f7fd;
}
.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: 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: inline-flex;
  vertical-align: middle;
  height: 6px;
  width: 35px;
  cursor: pointer;
  border: 1px solid #bdc3c7;
  border-radius: 10px;
  background: #fff;
  color: #008ac1;
  transition: all 0.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 0.15s;
}
.checkbox-slider .gi::before {
  padding: 2px;
  font-size: 10px;
}
.checkbox-slider .gi:nth-child(1) {
  display: flex;
}
.checkbox-slider .gi:nth-child(1)::before {
  color: #bdc3c7;
}
.checkbox-slider .gi:nth-child(2) {
  display: none;
}

.checkbox-icon__input {
  display: none;
}
.checkbox-icon__input:disabled ~ .btn, .ui-datepicker .checkbox-icon__input:disabled ~ .ui-datepicker-current {
  cursor: default;
  pointer-events: none;
}
.checkbox-icon__input:checked ~ .btn .gi:nth-child(1), .ui-datepicker .checkbox-icon__input:checked ~ .ui-datepicker-current .gi:nth-child(1) {
  display: none;
}
.checkbox-icon__input:checked ~ .btn .gi:nth-child(2), .ui-datepicker .checkbox-icon__input:checked ~ .ui-datepicker-current .gi:nth-child(2) {
  display: block;
}
.checkbox-icon .gi:nth-child(1) {
  display: block;
}
.checkbox-icon .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;
          user-select: none;
}
.icon-toggle-container.frame-color {
  border-color: #008ac1;
  background: #e6f7fd;
}
.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: 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;
          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: flex;
  align-items: center;
  max-width: 320px;
  height: 24px;
  color: #54585e;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.chip__disable-event {
  pointer-events: 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 .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 .popover .datepicker-input, .popover .form-input-date .datepicker-input, .form-input-date-value .datepicker-input--small, .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: flex;
  align-items: 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: 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 {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
  width: 16em;
  padding: 0.2em 0.2em 0;
  display: none;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  margin-top: 4px;
  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 0.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: 0.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: flex;
  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%;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  text-transform: none;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.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: 0.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 .checkbox-wrapper {
  margin: 0;
}

.dropzone {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f3f5f6 50% 50% no-repeat;
  background-size: cover;
}
.dropzone--over {
  border-color: #07aaea;
}
.dropzone--error:not(.dropzone--over), .form-input-value--error .dropzone:not(.dropzone--over) {
  border-color: #f35958;
}
.dropzone--mandatory:not(.dropzone--over):not(.dropzone--error), .form-input-value--blue:not(.form-input-value--error) .dropzone:not(.dropzone--over):not(.dropzone--error) {
  border-color: #008ac1;
}
.dropzone--disabled {
  pointer-events: none;
  opacity: 0.6;
  border-color: #d1dade;
}
.dropzone--drop {
  border-color: #a3d634;
}
.dropzone--removed .dropzone__button {
  background-color: #fff;
  opacity: 0.3;
  pointer-events: none;
}
.dropzone--circular {
  width: 160px;
  height: 160px;
  border-radius: 50%;
}
.dropzone--circular .dropzone__image {
  background: url(/_img/dropzone-user-profile.png) 50% 50% no-repeat;
}
.dropzone--circular .dropzone__preview,
.dropzone--circular .dropzone__button {
  overflow: hidden;
  border-radius: 50%;
}
.dropzone__button {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.dropzone__image {
  background: url(/_img/dropzone-image.png) 50% 50% no-repeat;
  width: 48px;
  height: 32px;
}
.dropzone__preview {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}
.dropzone__message {
  max-width: 100%;
  margin-top: 4px;
  color: #73777c;
  font-size: 14px;
  text-align: center;
}
.dropzone__message--faint {
  color: #bdc3c7;
  font-size: 12px;
  font-weight: 100;
}
.dropzone__remove, .dropzone__restore {
  position: absolute;
  top: 0;
  right: 0;
}
.dropzone__remove:link, .dropzone__remove:active, .dropzone__remove:visited, .dropzone__restore:link, .dropzone__restore:active, .dropzone__restore:visited {
  color: #bdc3c7;
}
.dropzone__remove:hover {
  color: #f35958;
}
.dropzone__restore:hover {
  color: #a3d634;
}
.dropzone__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: flex;
}
.input-group--padded {
  padding: 7px 10px;
}
.input-group .input {
  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;
}
.input--readonly {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: none !important;
}

.code-input-field .input {
  text-align: center;
}

.label {
  display: inline-flex;
  justify-content: 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--black-haze {
  background-color: #f8f9f9;
  color: #000;
}
.label--neutral-200 {
  background-color: #f1f3f4;
  color: #000;
}
.label--neutral-300 {
  background-color: #c9cdcf;
  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;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.listbox:not(:disabled) {
  background-color: #fff;
  transition: border-color;
}
.listbox:not(:disabled):hover {
  border-color: #b3b3b3;
}
.listbox:not(:disabled):focus {
  border-color: #b3b3b3;
  outline: #023456;
}

.progress {
  display: flex;
  width: 100%;
  position: relative;
  color: #54585e;
  font-size: 12px;
  text-align: left;
  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%;
  flex-direction: column;
}
.progress--vertical .progress__body {
  height: 5px;
  width: 100%;
  flex-direction: row;
}
.progress--vertical .progress__body .progress__bar {
  border-radius: 0;
}
.progress--vertical .progress__body .progress__bar:last-of-type {
  border-radius: 0 4px 4px 0;
}
.progress--vertical .progress__body .progress__bar:first-of-type {
  border-radius: 4px 0 0 4px;
}
.progress--vertical .progress__body .progress__bar:only-of-type {
  border-radius: 4px;
}
.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: flex;
  justify-content: space-between;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
}
.progress__header .label {
  color: #54585e;
  font-size: 10px;
}
.progress__footer {
  display: flex;
  margin-top: 5px;
}
.progress__body {
  display: flex;
  background-color: #f3f5f6;
  border-radius: 4px;
  width: 100%;
  height: 6px;
  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: 4px;
}
.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--black-haze {
  background-color: #f8f9f9;
  color: #000;
}
.progress .progress__bar--neutral-200 {
  background-color: #f1f3f4;
  color: #000;
}
.progress .progress__bar--neutral-300 {
  background-color: #c9cdcf;
  color: #000;
}
.progress .progress__bar--grey {
  background-color: #d1dade;
}
.progress .progress__bar:not(:only-of-type):first-of-type {
  border-radius: 4px 0 0 4px;
}
.progress .progress__bar:not(:only-of-type):last-of-type {
  border-radius: 0 4px 4px 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: 4px;
}
.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: flex;
}
.status-block-group--inline {
  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 {
  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: flex;
  width: 100%;
  padding: 10px 20px;
  overflow: hidden;
}
.status-block--narrow {
  flex: 0 0 75px;
  max-width: 75px;
}
.status-block--wide {
  flex: 1 1 auto;
}
.status-block--small {
  padding: 5px 10px;
}
.status-block--large {
  padding: 20px;
}
.status-block--inline {
  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 {
  flex-direction: column;
  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: flex;
  align-items: center;
  width: 100%;
  font-size: 12px;
  color: #54585e;
}
.status-block__section--centered {
  align-items: center;
  justify-content: center;
  text-align: center;
}
.status-block__section--justified {
  justify-content: space-between;
}
.status-block__control {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 36px;
}
.status-block__label {
  display: flex;
  flex-direction: column;
  max-width: 100px;
}
.status-block__label--centered {
  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--finished, .status-element .status-badge--running, .status-element .status-badge--planned, .status-element .status-badge--purple, .status-element .status-badge--empty, .status-element .status-badge--blue, .status-element .status-badge--green, .status-element .status-badge--yellow, .status-element .status-badge--red {
  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: 4px;
  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: 4px;
  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: 4px;
  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: 4px;
  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: 4px;
  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: 4px;
  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: 4px;
  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: 4px;
  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: 4px;
  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--empty, .status-icon--green, .status-icon--yellow, .status-icon--red {
  background-color: #f0f1f2;
  color: #54585e;
  padding: 5px 10px;
  margin: 0 auto;
  text-align: center;
  border-radius: 4px;
  display: block;
  width: 80px;
}
.status-icon::before, .status-icon--empty::before, .status-icon--green::before, .status-icon--yellow::before, .status-icon--red::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;
}

.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: flex;
  align-items: 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;
          user-select: none;
}

.atom-group {
  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: grid;
  grid-template-columns: auto 20px 1fr;
  width: 100%;
}
.audio__play {
  grid-column: 1;
}
.audio__progress {
  grid-column: 3;
  display: flex;
}
.audio__progress .progress {
  align-items: center;
}

.employee {
  display: flex;
  align-items: center;
}
.employee__userpic {
  margin-right: 10px;
}
.employee__userpic:last-child {
  margin-right: 0;
}
.employee__name {
  display: flex;
  align-items: center;
}

.comment__author {
  display: flex;
  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;
}

.tox .tox-dialog-wrap__backdrop {
  background-color: rgba(84, 88, 94, 0.75) !important;
}
.tox .tox-dialog {
  max-width: 1100px !important;
  border: none !important;
  border-radius: 10px !important;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2) !important;
}
.tox .tox-dialog__header {
  padding: 16px 16px 8px 40px !important;
  color: #54585e !important;
  background-color: #f3f5f6 !important;
}
.tox .tox-dialog__title {
  display: flex !important;
  flex: 1 !important;
  justify-content: center !important;
  font-size: 16px !important;
}
.tox .tox-dialog .tox-form__group {
  margin-bottom: 16px !important;
}
.tox .tox-dialog .tox-form__group .tox-label {
  margin-bottom: 6px !important;
}
.tox .tox-dialog__footer {
  padding: 20px !important;
  border-top: none !important;
  background-color: #f3f5f6 !important;
}
.tox .tox-dialog__footer .tox-button {
  background-color: #07aaea !important;
  border: 1px solid #07aaea !important;
  border-radius: 3px;
  text-transform: uppercase !important;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.tox .tox-dialog__footer .tox-button:hover {
  background-color: #0686b8 !important;
  border: 1px solid #0686b8 !important;
}
.tox .tox-dialog__footer .tox-button--secondary {
  background-color: transparent !important;
  border: 1px solid #bdc3c7 !important;
  color: #73777c !important;
}
.tox .tox-dialog__footer .tox-button--secondary:hover {
  background-color: transparent !important;
  border: 1px solid #73777c !important;
}
.tox--disabled .tox-toolbar,
.tox--disabled .tox-edit-area__iframe {
  background-color: #f0f1f2 !important;
}

.form-input-value {
  position: relative;
}
.form-input-value__field {
  position: relative;
}
.form-input-value--flex .form-input-value__field {
  display: flex;
}
.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(.form-input-value--error) input[type=text]:not(.select2-input):not(.datepicker-input):not([disabled]),
.form-input-value--blue:not(.form-input-value--error) .password,
.form-input-value--blue:not(.form-input-value--error) textarea:not([disabled]),
.form-input-value--blue:not(.form-input-value--error) .tox.tox-tinymce,
.form-input-value--blue:not(.form-input-value--error) .select2-container:not(.select2-container-disabled) .select2-choice,
.form-input-value--blue:not(.form-input-value--error) .select2-container:not(.select2-container-disabled) .select2-choices {
  border: 1px solid #008ac1;
}
.form-input-value--blue:not(.form-input-value--error) input[type=text]:not(.select2-input):not(.datepicker-input):not([disabled]):hover, .form-input-value--blue:not(.form-input-value--error) input[type=text]:not(.select2-input):not(.datepicker-input):not([disabled]):focus,
.form-input-value--blue:not(.form-input-value--error) .password:hover,
.form-input-value--blue:not(.form-input-value--error) .password:focus,
.form-input-value--blue:not(.form-input-value--error) textarea:not([disabled]):hover,
.form-input-value--blue:not(.form-input-value--error) textarea:not([disabled]):focus,
.form-input-value--blue:not(.form-input-value--error) .tox.tox-tinymce:hover,
.form-input-value--blue:not(.form-input-value--error) .tox.tox-tinymce:focus,
.form-input-value--blue:not(.form-input-value--error) .select2-container:not(.select2-container-disabled) .select2-choice:hover,
.form-input-value--blue:not(.form-input-value--error) .select2-container:not(.select2-container-disabled) .select2-choice:focus,
.form-input-value--blue:not(.form-input-value--error) .select2-container:not(.select2-container-disabled) .select2-choices:hover,
.form-input-value--blue:not(.form-input-value--error) .select2-container:not(.select2-container-disabled) .select2-choices:focus {
  border: 1px solid #008ac1;
}
.form-input-value--blue:not(.form-input-value--error) .form-input-date:not(.form-input-value--error) input[type=text].datepicker-input, .form-input-value--blue:not(.form-input-value--error) .form-input-date-value:not(.form-input-value--error) input[type=text].datepicker-input {
  border: 1px solid #008ac1;
  border-right: 0;
}
.form-input-value--blue:not(.form-input-value--error) .form-input-value--optional .checkbox input[type=checkbox] + label::before {
  border-color: #c2c6cb;
}
.form-input-value--blue:not(.form-input-value--error) .checkbox input[type=checkbox] + label::before {
  border-color: #008ac1;
}
.form-input-value--blue:not(.form-input-value--error) .form-input-date .input-button-datepicker, .form-input-value--blue:not(.form-input-value--error) .form-input-date-value .input-button-datepicker {
  border: 1px solid #008ac1;
  border-left-color: #ccc;
}
.form-input-value--blue:not(.form-input-value--error) .checkbox-group input[type=radio] + label::before {
  box-shadow: 0 0 0 1px #008ac1;
}
.form-input-value--optional .checkbox input[type=checkbox] + label::before {
  border-color: #c2c6cb;
}
.form-input-value--error input[type=email], .form-input-value--error input[type=number], .form-input-value--error input[type=password], .form-input-value--error input[type=search], .form-input-value--error input[type=tel], .form-input-value--error input[type=text], .form-input-value--error input[type=url], .form-input-value--error input[type=datetime], .form-input-value--error input[type=datetime-local], .form-input-value--error input[type=month], .form-input-value--error input[type=time], .form-input-value--error input[type=week],
.form-input-value--error textarea,
.form-input-value--error checkbox,
.form-input-value--error .select2-choice,
.form-input-value--error .select2-choices,
.form-input-value--error .tox.tox-tinymce {
  border: 1px solid #f35958;
}
.form-input-value--error input[type=email]:not(:disabled):hover, .form-input-value--error input[type=email]:not(:disabled):focus, .form-input-value--error input[type=number]:not(:disabled):hover, .form-input-value--error input[type=number]:not(:disabled):focus, .form-input-value--error input[type=password]:not(:disabled):hover, .form-input-value--error input[type=password]:not(:disabled):focus, .form-input-value--error input[type=search]:not(:disabled):hover, .form-input-value--error input[type=search]:not(:disabled):focus, .form-input-value--error input[type=tel]:not(:disabled):hover, .form-input-value--error input[type=tel]:not(:disabled):focus, .form-input-value--error input[type=text]:not(:disabled):hover, .form-input-value--error input[type=text]:not(:disabled):focus, .form-input-value--error input[type=url]:not(:disabled):hover, .form-input-value--error input[type=url]:not(:disabled):focus, .form-input-value--error input[type=datetime]:not(:disabled):hover, .form-input-value--error input[type=datetime]:not(:disabled):focus, .form-input-value--error input[type=datetime-local]:not(:disabled):hover, .form-input-value--error input[type=datetime-local]:not(:disabled):focus, .form-input-value--error input[type=month]:not(:disabled):hover, .form-input-value--error input[type=month]:not(:disabled):focus, .form-input-value--error input[type=time]:not(:disabled):hover, .form-input-value--error input[type=time]:not(:disabled):focus, .form-input-value--error input[type=week]:not(:disabled):hover, .form-input-value--error input[type=week]:not(:disabled):focus,
.form-input-value--error textarea:not(:disabled):hover,
.form-input-value--error textarea:not(:disabled):focus,
.form-input-value--error checkbox:not(:disabled):hover,
.form-input-value--error checkbox:not(:disabled):focus,
.form-input-value--error .select2-choice:not(:disabled):hover,
.form-input-value--error .select2-choice:not(:disabled):focus,
.form-input-value--error .select2-choices:not(:disabled):hover,
.form-input-value--error .select2-choices:not(:disabled):focus,
.form-input-value--error .tox.tox-tinymce:not(:disabled):hover,
.form-input-value--error .tox.tox-tinymce:not(:disabled):focus {
  border-color: #f35958;
}
.form-input-value--error input[type=text].datepicker-input {
  border-right: 0;
  color: #f35958;
}
.form-input-value--error .input-button-datepicker {
  color: #f35958;
  border: 1px solid #f35958;
}
.form-input-value--error .checkbox-group input[type=radio] + label::before {
  box-shadow: 0 0 0 1px #f35958;
}
.form-input-value--error input[type=checkbox] + label::before {
  border-color: #f35958;
}
.form-input-value--error .readonly-field-text {
  color: #f35958;
}
.form-input-value__tooltip {
  display: inline-flex;
  margin-left: 4px;
}
.form-input-value__tooltip .gi {
  display: inline-flex;
}
.form-input-value__buttons {
  margin-left: 10px;
}
.form-input-value__description--after {
  margin-top: 20px;
}

.field {
  display: flex;
}
.field--with-switcher {
  padding: 8px 16px;
}
.field--unavailable {
  background-color: #f3f5f6;
  border-radius: 4px;
}
.field__toggle {
  display: flex;
  align-items: center;
  margin-right: 16px;
}
.field__container {
  flex: 1;
}
.field__availability-label {
  display: flex;
  min-height: 34px;
  align-items: center;
  font-size: 14px;
}

.switch {
  height: 24px;
  width: 48px;
  display: flex;
  align-items: center;
  padding: 0 2px;
  border-radius: 25px;
}
.switch--enabled {
  background-color: #07aaea;
  justify-content: flex-end;
}
.switch--disabled {
  background-color: #bdc3c7;
  justify-content: flex-start;
}
.switch:hover {
  cursor: pointer;
}
.switch__button {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #fff;
}

.timepicker {
  position: relative;
  width: 130px;
  display: inline-flex;
  vertical-align: top;
  margin-right: 20px;
}
.timepicker__input {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px 0 0 4px !important;
  font-size: 1em;
}
.timepicker__button {
  display: flex !important;
  align-items: 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;
}
.timepicker__button .gi::before {
  font-size: 20px;
}
.timepicker__popover {
  z-index: 2000;
  position: absolute;
  top: 40px;
  left: 0px;
  width: 210px;
  height: auto;
  display: block;
  padding: 10px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
}
.timepicker__popover-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.timepicker__popover-footer {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  margin: 0;
}
.timepicker__popover-btn {
  width: 48%;
}
.timepicker__popover-btn .btn.focus-visible, .timepicker__popover-btn .ui-datepicker .focus-visible.ui-datepicker-current, .ui-datepicker .timepicker__popover-btn .focus-visible.ui-datepicker-current {
  box-shadow: 0 0 8px rgba(7, 170, 234, 0.5);
  outline: none;
}
.timepicker__popover-btn .btn.focus-visible:active, .timepicker__popover-btn .ui-datepicker .focus-visible.ui-datepicker-current:active, .ui-datepicker .timepicker__popover-btn .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);
}
.timepicker__hours, .timepicker__minutes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  padding: 0 4px;
}
.timepicker__increment, .timepicker__decrement {
  height: 30px;
  font-size: 20px;
  color: #07aaea;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.timepicker__increment:link, .timepicker__increment:hover, .timepicker__decrement:link, .timepicker__decrement:hover {
  text-decoration: none;
}
.timepicker__increment:hover, .timepicker__decrement:hover {
  opacity: 0.7;
}
.timepicker__field {
  font-size: 14px;
  width: 100%;
  text-align: center;
  border: none !important;
}

input[type=password]::-ms-reveal {
  display: none;
}

.password {
  display: flex;
  align-items: stretch;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.password:hover {
  border-color: #b3b3b3;
}
.password input[type=text],
.password input[type=password] {
  border: 0 !important;
  outline: none;
  border-radius: 4px;
}
.password__toggle {
  outline: none;
  background-color: inherit;
  border: 0;
  padding: 0 8px;
  cursor: pointer;
}
.password__toggle span {
  color: #4E5355;
}

.guide {
  padding: 12px;
  border-radius: 4px;
  background: #FEFBF3;
  box-shadow: 0 0 2px 0 rgba(51, 56, 58, 0.4);
}

.chart-column {
  float: left;
  display: block;
  margin-right: 1.8181818182%;
  width: 49.0909090909%;
  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: flex;
  width: 100%;
}
.diagram * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.diagram::after {
  position: absolute;
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  pointer-events: none;
}
.diagram__label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  border-radius: 32px;
  border: 1px solid #bdc3c7;
  background-color: #fff;
  color: #54585e;
}
.diagram__label:hover {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
}
.diagram > .orgdiagram {
  width: 100% !important;
  height: 100% !important;
}
.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;
}

.file-list {
  display: flex;
  flex-direction: column;
}
.file-list__header {
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
}
.file-list__toolbar {
  margin-left: auto;
}
.file {
  display: flex;
}
.file:hover .file__manage-keywords,
.file:hover .file__remove,
.file:hover .file__restore {
  visibility: visible;
}
[data-theme=classic] .file__metadata {
  font-size: 11px;
}
.file--highlightable:hover {
  background: #e6f7fd;
}
.file--selected {
  background: #e6f7fd;
}
.file--removed .file__title,
.file--removed .file__metadata {
  opacity: 0.5;
  pointer-events: none;
}
.file--hidden {
  display: none;
}
.file__thumbnail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  padding: 0 0 100% 0;
  border-radius: 4px;
  background-position: 50% 50%;
  background-color: #f3f5f6;
  background-size: contain;
  background-repeat: no-repeat;
}
.file__thumbnail--circular {
  overflow: hidden;
  border-radius: 100%;
  background-size: cover;
}
.file__thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.file__reference-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-top: 2px;
}
.file__info {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: calc(100% - 32px);
  width: 100%;
  padding: 10px;
}
.file__header {
  display: flex;
}
.file__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.file__toolbar {
  height: 16px;
  margin-left: auto;
  white-space: nowrap;
}
.file__restore {
  visibility: hidden;
}
.file__restore .btn:hover .gi, .file__restore .ui-datepicker .ui-datepicker-current:hover .gi, .ui-datepicker .file__restore .ui-datepicker-current:hover .gi {
  color: #a3d634;
}
.file__manage-keywords {
  visibility: hidden;
}
.file__remove {
  visibility: hidden;
}
.file__remove .btn:hover .gi, .file__remove .ui-datepicker .ui-datepicker-current:hover .gi, .ui-datepicker .file__remove .ui-datepicker-current:hover .gi {
  color: #f35958;
}
.file__remove-version .btn:hover .gi, .file__remove-version .ui-datepicker .ui-datepicker-current:hover .gi, .ui-datepicker .file__remove-version .ui-datepicker-current:hover .gi {
  color: #f35958;
}
.file__metadata {
  margin-top: 5px;
  font-size: 12px;
}
.file__progress {
  margin-top: 5px;
}

.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;
}
.legend__help-text {
  margin-left: 5px;
}
.legend__heading {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}
.legend--column-view {
  display: flex;
}
.legend--column-view .legend__item-wrapper {
  display: flex;
  flex-flow: column;
}
.legend--column-view .legend__item {
  line-height: 24px;
  margin-right: 32px;
}
.legend--column-view .legend__icon {
  width: 24px;
  text-align: center;
}
.legend--column-view .legend__label {
  text-align: left;
  padding: 10px 0;
}

/**
 * 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: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list__item {
  margin-bottom: 10px;
}
.list__item:last-child {
  margin-bottom: 0;
}
.list__item .gi + .text {
  vertical-align: middle;
}
.list__item .gi:first-child:not(:last-child) {
  margin-right: 5px;
}
.list__item--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list.list--inline > .list__item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
}
.list.list--inline > .list__item:last-child {
  margin-right: 0;
}
.list.list--inline.list--basic > .list__item {
  margin-right: 0;
}
.list.list--inline.list--condensed > .list__item {
  margin-right: 5px;
}
.list.list--inline.list--condensed > .list__item:last-of-type {
  margin-bottom: 0;
}
.list.list--inline.list--relaxed > .list__item {
  margin-right: 20px;
}
.list.list--inline.list--relaxed > .list__item:last-of-type {
  margin-bottom: 0;
}
.list--basic > .list__item {
  margin-bottom: 0;
}
.list--basic.list--divided > .list__item:not(:last-of-type)::after, .list--basic.list--celled > .list__item:not(:last-of-type)::after {
  margin: 0;
}
.list--condensed > .list__item {
  margin-bottom: 5px;
}
.list--condensed.list--divided > .list__item:not(:last-of-type)::after, .list--condensed.list--celled > .list__item:not(:last-of-type)::after {
  margin: 10px 0;
}
.list--relaxed > .list__item {
  margin-bottom: 20px;
}
.list--relaxed.list--divided > .list__item:not(:last-of-type)::after, .list--relaxed.list--celled > .list__item:not(:last-of-type)::after {
  margin: 20px 0;
}
.list--divided > .list__item, .list--celled > .list__item {
  margin-bottom: 0;
}
.list--divided > .list__item:not(:last-of-type)::after, .list--celled > .list__item:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 10px 0;
  background-color: #d1dade;
}
.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--right {
  text-align: right;
}

.matrix-wrapper {
  position: relative;
  display: block;
}

.matrix-axis {
  display: flex;
  justify-content: space-around;
}
.matrix-axis--horizontal {
  width: calc(100% - 15px);
  flex-direction: row;
  position: absolute;
  bottom: 0;
  left: 15px;
}
.matrix-axis--vertical {
  position: absolute;
  flex-direction: column;
  top: 0;
  left: 0;
  bottom: 20px;
  width: 15px;
}
.matrix-axis--vertical .matrix-axis__label {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: rotate(270deg);
}
.matrix-axis__label {
  text-align: center;
  width: 100%;
}

.matrix {
  display: flex;
  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: flex;
  align-items: center;
}
.matrix--large {
  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 {
  flex-direction: column;
}
.matrix--with-axis {
  margin: 0 0 20px 20px;
}
.matrix__row {
  display: flex;
}
.matrix__row--title {
  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: flex;
  align-items: center;
  justify-content: flex-end;
}
.matrix__cell {
  width: 72px;
  height: 40px;
  display: flex;
  align-items: 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--black-haze {
  background-color: #f8f9f9;
  color: #000;
}
.matrix__cell--neutral-200 {
  background-color: #f1f3f4;
  color: #000;
}
.matrix__cell--neutral-300 {
  background-color: #c9cdcf;
  color: #000;
}
.matrix__cell--secondary {
  height: 28px;
  border: none;
  padding: 0 8px;
}
.matrix__cell--right {
  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: 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 {
  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__item-text {
  padding: 4px 8px;
}
[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__link--classic {
  min-height: 40px;
  font-size: 14px;
}
[data-theme=classic] .menu .menu__item-icon,
[data-theme=classic] .menu .menu__item-button,
[data-theme=classic] .menu .menu__item-label {
  flex-basis: 32px;
  height: 32px;
}
[data-theme=classic] .menu .menu__item-button--extra {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  flex-basis: 32px;
  width: 32px;
}
[data-theme=classic] .menu .menu__item-delimeter {
  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 {
  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 {
  height: 48px;
}
.menu--relaxed .menu__item-icon,
.menu--relaxed .menu__item-button {
  flex-basis: 48px;
}
.menu--relaxed .menu .menu__item-text {
  padding-left: 28px !important;
}
.menu--relaxed .menu__item-text--long {
  min-width: 0;
}
.menu--justified .menu__link {
  justify-content: space-between;
}
.menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu__list--padded {
  padding: 2px;
}
.menu__item {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.menu__item--expanded {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.menu__item--expanded:not(:first-of-type) {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.menu__item--expanded + .menu__item--expanded {
  border-top: none;
}
.menu__item--expanded .menu {
  display: block !important;
}
.menu__item--expanded .menu__item-collapser--collapsed {
  display: none;
}
.menu__item--expanded .menu__item-collapser--expanded {
  display: inherit;
}
.menu__item--basic .menu__item-text {
  padding-top: 0;
  padding-bottom: 0;
}
.menu__item-description {
  margin-top: 2px;
  font-size: 12px;
}
.menu__link {
  position: relative;
  display: flex;
  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: 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: 0.5;
}
.menu__link--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.menu__item-text {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  align-items: center;
  padding: 10px 16px;
}
.menu__item-text--long {
  min-width: 200px;
}
.menu__item-text--short {
  white-space: nowrap;
}
.menu__item-label, .menu__item-button, .menu__item-icon {
  display: flex;
  align-items: center;
  align-self: flex-start;
  height: 40px;
}
.menu__item-button, .menu__item-icon {
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  padding: 0;
  border: none;
  background: transparent;
}
.menu__item-button .gi, .menu__item-icon .gi {
  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: flex;
}
.menu__item-button--extra:focus + .menu__item-icon {
  display: none;
}
.menu__item-label {
  justify-content: flex-end;
  flex: 1 0 40px;
  padding-right: 8px;
}
.menu__item-collapser--collapsed {
  display: inherit;
}
.menu__item-collapser--expanded {
  display: none;
}
.menu__item-icon + .menu__item-text {
  padding-left: 0;
}
.menu__item-delimeter {
  display: inline-block;
  width: 100%;
  margin-top: 16px;
  margin-bottom: 15px;
  background-color: #54585e;
  opacity: 0.2;
}
.menu .menu {
  display: none;
  padding: 0;
}
.menu .menu--relaxed .menu__item:last-child::after {
  margin-top: 24px;
  margin-bottom: 23px;
}
.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_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_current,
.nav_current .navigator_button, .navigator_current:link, .navigator_current:visited,
.nav_current .navigator_current, .navigator_button:link, .navigator_button:visited {
  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_button,
.nav_current .navigator_current {
  color: #000;
  background: #f3f5f6;
  cursor: default;
}
.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;
  left: -18.5px;
  display: block;
  fill: #a3d634;
  stroke: none;
}
.stage__header {
  min-height: 14px;
  margin: 0 0 5px 0;
  padding: 0 10px 0 0;
}
.stage__body {
  position: relative;
  display: flex;
  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: flex;
  align-items: flex-end;
  height: 67px;
}
.bubble__shape {
  display: flex;
  align-items: 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;
}

.wizard__list {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wizard__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  background-color: #fff;
  border: 2px solid #bdc3c7;
  border-radius: 40px;
  color: #bdc3c7;
  font-size: 18px;
}
.wizard__text {
  color: #54585e;
}
.wizard__step {
  display: flex;
  align-items: center;
  height: 40px;
  margin-right: 8px;
  font-size: 14px;
}
.wizard__step--active {
  color: #07aaea;
}
.wizard__step--active .wizard__icon {
  border: none;
  background-color: #07aaea;
  color: #fff;
}
.wizard__step--finished .wizard__icon {
  background-color: #fff;
  border-color: #a3d634;
  color: #a3d634;
}
.wizard__step--link:hover {
  opacity: 0.7;
  text-decoration: none;
}
.wizard__step--link:focus {
  outline: none;
}

.flexible-menu {
  width: 100%;
}
.flexible-menu__content {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
  align-items: center;
  justify-content: right;
}
.flexible-menu__content > .btn, .ui-datepicker .flexible-menu__content > .ui-datepicker-current,
.flexible-menu__content > .btn-group,
.flexible-menu__content > .btn-container {
  margin-top: 5px;
  margin-bottom: 5px;
}
.flexible-menu__content:not(:last-of-type) {
  margin-right: 20px;
}
.flexible-menu__popover {
  display: none;
}
.flexible-menu__width-measurer {
  width: 100%;
  display: block;
  border: 0;
  height: 0;
  margin: 0;
}

.popover .flexible-menu__content {
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.popover .flexible-menu__content > * {
  width: 100%;
  margin: 4px 0;
}
.popover .flexible-menu__content > .btn, .popover .ui-datepicker .flexible-menu__content > .ui-datepicker-current, .ui-datepicker .popover .flexible-menu__content > .ui-datepicker-current,
.popover .flexible-menu__content > .btn-group,
.popover .flexible-menu__content > .btn-container {
  margin: 4px 0;
}

.login-wrapper {
  display: flex;
  justify-content: center;
  height: 100%;
  background-color: #fff;
}

.login {
  z-index: 0;
  display: flex;
  flex-wrap: wrap;
  min-width: 714px;
  width: 714px;
  height: 714px;
  color: #fff;
}
.login__section {
  position: relative;
  display: flex;
  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: flex;
  align-items: 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: 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: flex;
  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: flex;
  flex-direction: column;
  height: 100%;
}
.login-template__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.login-template__main {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.login-template__container {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.login-template__footer {
  display: flex;
  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: flex;
  flex-direction: column;
  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 {
  order: 1;
  display: none;
  margin-bottom: 10px;
  font-weight: 600;
  color: #ea5215;
}
.login-template__system-environment--bottom {
  order: 5;
  width: 240px;
  text-align: left;
  margin-bottom: 0;
  padding-right: 0;
  font-weight: 400;
}
.login-template__system-logo {
  order: 3;
}
.login-template__system-logo img {
  zoom: 50%;
  display: block;
}
.login-template__msg-container {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  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 {
  order: 10;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #d1dade;
}
.login-template__feedback {
  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 {
  display: flex;
  align-items: center;
  order: 30;
  margin-bottom: 25px;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
}
.login-template__requirements-tooltip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  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 {
  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 {
  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: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.login-template__client-logo {
  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: flex;
  flex-direction: column;
  justify-content: space-between;
  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-form {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.popup {
  position: fixed;
  z-index: 101;
  top: 20px;
  right: calc(50% - 280px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 560px;
  max-height: calc(100vh - 2 * 20px);
  overflow: hidden;
  border: none;
}
.popup--small {
  width: 400px;
  right: calc(50% - 200px);
}
.popup--raised {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  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;
  cursor: pointer;
}
.popup__close:hover {
  color: #07aaea;
}
.popup__header, .popup__footer {
  color: #54585e;
  text-decoration: none;
  display: flex;
  justify-content: flex-end;
}
.popup__header {
  display: flex;
  align-items: center;
  padding: 16px 32px;
  min-height: 56px;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #c9cdcf;
  max-height: 120px;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
}
.popup__header .msg-popup-container {
  margin: 0;
}
.popup__heading {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.popup__heading-title {
  font-size: 15px;
}
.popup__heading-title--small {
  font-size: 12px;
}
.popup__title {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.popup__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  border-radius: 500rem;
}
.popup__body {
  overflow: auto;
  height: 100%;
  padding: 24px 32px;
  max-height: calc(100vh - 217px);
  min-height: auto;
}
.popup__body .login-template__header {
  margin: 0;
  padding: 0;
}
.popup__body .login-template__form {
  margin: 0;
  padding: 0;
  border: none;
}
.popup__toaster {
  flex: 1 1 auto;
  margin: 0;
  background: #f3f5f6;
}
.popup__footer {
  padding: 16px 32px;
  text-align: right;
  font-size: 0;
  border-top: 1px solid #c9cdcf;
}
.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);
  min-height: auto;
}
.popup .popup-body.overflow {
  overflow-y: scroll;
}

.popup-header,
.popup-footer {
  flex-shrink: 0;
  padding: 16px 32px;
  color: #54585e;
  -webkit-text-decoration: NONE;
          text-decoration: NONE;
  background-color: #fff;
}

.popup-footer {
  text-align: right;
  font-size: 0;
  border-top: 1px solid #c9cdcf;
}
.popup-footer__content {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.popup-footer__content .popup-footer__right {
  margin-left: auto;
}
.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;
  display: flex;
  flex-direction: column;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
  min-height: 56px;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #c9cdcf;
}
.popup-header--light {
  font-size: unset;
  font-weight: unset;
}
.popup-header a:link,
.popup-header a:visited,
.popup-header a:active,
.popup-header a:hover {
  text-decoration: none;
}
.popup-header__heading {
  display: flex;
  justify-content: space-between;
}
.popup-header__close {
  color: #54585e;
  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-header .msg-popup-container {
  margin: 0;
}
.popup-header .notification:not(:empty) {
  margin-top: 8px;
}

.popup-body-wrapper {
  display: flex;
  flex-direction: column;
  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 {
  flex: 1 1 auto;
  overflow: auto;
  width: 100%;
  color: #54585e;
  background-color: #fff;
}
.popup-body::after {
  display: block;
  content: "";
  clear: both;
}
.popup-body .popup-wrapper {
  padding: 24px 32px;
}
.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 .tabs-list a {
  padding-left: 20px;
  padding-right: 20px;
}
.popup-body .tabs-list a.tabselect {
  border-radius: 4px 4px 0 0;
}
.popup-body .form-input-value:not(.guide) {
  vertical-align: top;
  padding: 0;
}
.popup-body .form-input-value:not(.guide) label i + span {
  padding-left: 10px;
}
.popup-body .form-input-value:not(.guide) label span {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.popup-body .form-input-value:not(.guide) label span.desc-label {
  display: block;
}
.popup-body .form-input-value:not(.guide) label .redtext {
  color: #f35958;
}
.popup-body .form-input-value:not(.guide) input,
.popup-body .form-input-value:not(.guide) textarea {
  font-size: 12px;
}
.popup-body .form-input-value:not(.guide) textarea {
  max-width: 100%;
}
.popup-body .form-input-value:not(.guide) 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: #e6f7fd;
}
.popup_table .todd_left td,
.popup_table .teven_left td {
  text-align: center;
  padding: 10px;
  background: #fff;
}

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

.empty-title-message-container {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.empty-title-message, .x-grid-empty {
  text-align: center;
  margin: 0;
  font-size: 16px;
  color: #bdc3c7;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
}
.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;
  font-weight: 400;
  color: #bdc3c7;
}
[data-theme=classic] .empty-title-message h2, [data-theme=classic] .x-grid-empty h2 {
  font-weight: 300;
}

.margin_from_float_button h2 {
  margin: 36px 0;
}

.tree-widget {
  position: relative;
  line-height: 16px;
}
.tree-widget__branch > .tree-widget__branch {
  margin-left: 11px;
}
.tree-widget__connector {
  vertical-align: middle;
}
.tree-widget__linked {
  font-weight: bold !important;
  color: #222325 !important;
  font-size: 14px;
}

.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: 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, .sidebar[data-initial-layer-count="1"] .sidebar__layer--overlay:not(.sidebar__layer--active) .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, .sidebar[data-initial-layer-count="2"] .sidebar__layer--overlay:not(.sidebar__layer--active) .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, .sidebar[data-initial-layer-count="3"] .sidebar__layer--overlay:not(.sidebar__layer--active) .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: flex;
  flex-shrink: 0;
  height: 48px;
}
.sidebar__body {
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  opacity: 0.2;
  transition: opacity 200ms;
}
.sidebar__collapser {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  padding: 0;
  background-color: transparent;
  border: none;
  color: #fff;
  outline: none;
}
.sidebar__logo {
  display: flex;
}
.sidebar__menu {
  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: flex;
  flex-direction: column;
  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="0"] .menu__item--expanded {
  background-color: #032945;
}
.sidebar__layer[data-layer-index="1"] {
  background-color: #034a72;
}
.sidebar__layer[data-layer-index="1"] .menu__item--expanded {
  background-color: #023456;
}
.sidebar__layer[data-layer-index="2"] {
  background-color: #056094;
}
.sidebar__layer[data-layer-index="1"] .menu__item-icon--left, .sidebar__layer[data-layer-index="2"] .menu__item-icon--left {
  display: none;
}
.sidebar__layer[data-layer-index="1"] .menu__item-icon--left + .menu__item-text, .sidebar__layer[data-layer-index="2"] .menu__item-icon--left + .menu__item-text {
  padding-left: 16px;
}
.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: flex;
  align-items: center;
  height: 100%;
}

.preloader {
  padding: 20px;
  background-color: #eee;
  align-items: center;
  flex-direction: column;
  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 {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 99;
}
.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;
  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: 0.75;
  filter: alpha(opacity=75);
}

@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: flex;
  height: 100vh;
  width: 100%;
}
.app__sidebar {
  flex-shrink: 0;
}
.app__main {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
.app__scroller {
  overflow: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}
.app__fab {
  position: absolute;
  right: 32px;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  visibility: hidden;
}
.app__fab--revealed {
  visibility: visible;
}
.app__fab--revealed .btn, .app__fab--revealed .ui-datepicker .ui-datepicker-current, .ui-datepicker .app__fab--revealed .ui-datepicker-current {
  opacity: 0.5;
  bottom: 20px;
  pointer-events: auto;
}
.app__header {
  flex-shrink: 0;
  padding: 0 32px;
}
.app__content {
  flex: 1 0 auto;
  padding: 0 32px 24px 32px;
}
.app__footer {
  flex-shrink: 0;
  padding: 0 32px;
  background-color: #fff;
}
.app__blocklayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  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;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: var(--envLineColor);
  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: var(--envTextColor, #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;
}
.app[data-environment]:not([data-environment=""]) .grid--full-screen {
  width: calc(100% - 24px);
}
.app--pattern-none[data-environment]:not([data-environment=""])::before {
  background-image: unset;
}
.app--env-name-center[data-environment]:not([data-environment=""])::after {
  left: 0;
  bottom: 50%;
  transform-origin: left top;
  transform: rotate(-90deg) translate(-50%, 0);
}
.app--env-name-top[data-environment]:not([data-environment=""])::after {
  left: 0;
  bottom: unset;
  top: 0;
  transform-origin: left bottom;
  transform: rotate(-90deg) translate(-100%, 100%);
}

.hidden-stats {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.card-panel {
  display: flex;
  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 {
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -5px;
  max-height: calc(100% - 0px);
}
.card-panel--inline .card {
  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: flex;
  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--black-haze {
  background-color: #f8f9f9;
  color: #000;
}
.card-panel__header--neutral-200 {
  background-color: #f1f3f4;
  color: #000;
}
.card-panel__header--neutral-300 {
  background-color: #c9cdcf;
  color: #000;
}
.card-panel__header--space-between {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.card-panel__header > *:last-child {
  margin-bottom: 0;
}
.card-panel__heading {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.card-panel__icon {
  display: inline-flex;
  justify-content: 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: flex;
  flex-direction: column;
  height: 100%;
}
.card-panel .tabs__content {
  padding: 0;
}

.card {
  width: 100%;
  position: relative;
  background: #fff;
  color: #54585e;
  font-size: 12px;
}
[data-theme=classic] .card {
  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--basic .card__content {
  padding: 0;
}
.card--horizontal {
  display: flex;
  flex-direction: row;
}
.card--horizontal .card__header {
  width: auto;
  padding: 10px;
}
.card--rounded {
  border-radius: 5px;
}
.card--rounded.card--horizontal .card__header {
  border-radius: 5px 0 0 5px;
}
.card--rounded .card__header {
  border-radius: 5px 5px 0 0;
}
.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--draggable .card__header {
  cursor: move;
}
.card--draggable .card__header * {
  cursor: move;
}
.card--dragging {
  transform: rotate(-4deg);
}
.card__header {
  position: relative;
  display: flex;
  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__header--black-haze {
  background-color: #f8f9f9;
  color: #000;
}
.card__header--neutral-200 {
  background-color: #f1f3f4;
  color: #000;
}
.card__header--neutral-300 {
  background-color: #c9cdcf;
  color: #000;
}
.card__content {
  position: relative;
  padding: 20px;
}
.card__icon {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  margin: auto 0;
}
.card__icon--rounded {
  border-radius: 32px;
}
.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 .row.row-grid {
  height: auto;
}
.footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  color: #bdc3c7;
}
.footer__logo {
  display: flex;
  flex-shrink: 0;
  height: 100%;
  max-width: 400px;
}
.footer__info {
  display: block;
}
.footer__buttons {
  margin-left: 16px;
}
@media (max-width: 576px) {
  .footer {
    flex-direction: column;
    align-items: initial;
    height: auto;
  }
  .footer__logo {
    height: 56px;
    margin-bottom: 20px;
  }
  .footer__info {
    display: flex;
    flex-wrap: wrap;
    align-items: unset;
  }
}

.header {
  display: flex;
  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: 600;
  color: #54585e;
}
[data-theme=classic] .header--fixed__toaster {
  padding: 0;
}
[data-theme=classic] .header__wrapper {
  padding: 20px;
  background-color: #fff;
  align-items: center;
}
[data-theme=classic] .header__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #54585e;
}
[data-theme=classic] .header__subtitle {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  color: #54585e;
}
[data-theme=classic] .header__metadata {
  color: #73777c;
  font-size: 9px;
  font-weight: 600;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
}
[data-theme=classic] .header__toolbar {
  margin-bottom: 0;
}
[data-theme=classic] .header__back a {
  color: #54585e;
}
[data-theme=classic] .header__back a .gi::before {
  font-size: 28px;
}
[data-theme=classic] .header__toolbar, [data-theme=classic] .header__back {
  height: auto;
}
[data-theme=classic] .header__link:link, [data-theme=classic] .header__link:visited {
  color: #54585e;
}
.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 {
  align-items: center;
  flex: 1 1 auto;
  min-height: 48px;
  padding: 0 32px;
}
.header--fixed .header__heading {
  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: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 24px 0 8px 0;
}
.header__heading {
  display: flex;
  flex-shrink: 0;
  margin-right: 16px;
  max-width: 50%;
}
.header__heading-subtitle {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-family: "Open Sans", Roboto, Arial, sans-serif;
  color: #73777c;
}
.header__info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.header__title {
  position: relative;
  flex-shrink: 0;
  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: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
  align-items: center;
  justify-content: initial;
  margin: 0 0 16px auto;
  font-family: Roboto, Arial, sans-serif;
}
.header__toolbar > .btn, .ui-datepicker .header__toolbar > .ui-datepicker-current,
.header__toolbar > .btn-group,
.header__toolbar > .btn-container {
  margin: 0;
}
.header__toolbar > .btn:not(:first-child), .ui-datepicker .header__toolbar > .ui-datepicker-current:not(:first-child),
.header__toolbar > .btn-group:not(:first-child),
.header__toolbar > .btn-container:not(:first-child) {
  margin: 5px 0 5px 20px;
}
.header__toolbar {
  display: inline-flex;
  align-items: start;
  justify-content: flex-end;
}
.header__back {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  height: 40px;
}
.header__toaster .notification:last-of-type {
  margin-bottom: 16px;
}

.navbar {
  display: flex;
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-size: 0;
}
.navbar__logo {
  display: flex;
  flex-grow: 0;
  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: auto;
  display: flex;
  justify-content: space-between;
  flex: 1;
  margin: 0;
  padding: 0 16px;
  vertical-align: middle;
  font-size: 12px;
}
.navbar__menu {
  overflow: visible;
  display: flex;
  align-items: center;
  height: 100%;
}
.navbar__menu--primary {
  overflow: hidden;
  flex-shrink: 1;
}
.navbar__menu--secondary {
  flex-shrink: 0;
}
.navbar__search {
  width: 200px;
}

.top-menu {
  overflow: visible;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-left: 0;
}
.top-menu__action {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 60px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  padding: 4px;
  border: none;
  border-radius: 50%;
  background: none;
  transition: opacity 0.3s ease;
  outline: none;
}
.top-menu__action:hover {
  opacity: 1;
  color: #008ac1;
}
.top-menu__item {
  display: flex;
  flex-shrink: 0;
  max-width: 208px;
  height: 100%;
  padding-left: 0;
}
.top-menu__item--hidden {
  display: none;
}
.top-menu__item:hover .top-menu__action {
  animation: fade-in 0.3s linear;
  opacity: 1;
}
.top-menu__item a {
  display: flex;
  justify-content: 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 0.5s !important;
  text-decoration: none;
}
.top-menu__item a.active, .top-menu__item a:hover {
  border-top: 3px solid #023456;
  background: #f3f5f6;
}

.secondary-nav {
  display: flex;
  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;
}

.panel, .collapsible-panel--body, .panel_half {
  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, .collapsible-panel--body::after, .panel_half::after {
  display: block;
  content: "";
  clear: both;
}
.panel:not(:last-of-type), .collapsible-panel--body:not(:last-of-type), .panel_half:not(:last-of-type) {
  margin-bottom: 20px;
}
.panel--transparent {
  background-color: transparent;
  color: #000;
}
.panel--black {
  background-color: #000;
  color: #fff;
}
.panel--blue {
  background-color: #07aaea;
  color: #fff;
}
.panel--blue-light {
  background-color: #76bcd8;
  color: #000;
}
.panel--blue-dark {
  background-color: #008ac1;
  color: #fff;
}
.panel--blue-darker {
  background-color: #045a8b;
  color: #fff;
}
.panel--burnt-sienna {
  background-color: #ec765f;
  color: #fff;
}
.panel--empty {
  background-color: #d1dade;
  color: #000;
}
.panel--dark-blue {
  background-color: #034a72;
  color: #fff;
}
.panel--dark-gray {
  background-color: #54585e;
  color: #fff;
}
.panel--fountain-blue {
  background-color: #53a9a7;
  color: #fff;
}
.panel--geyser {
  background-color: #d1dade;
  color: #000;
}
.panel--governor-bay {
  background-color: #333399;
  color: #fff;
}
.panel--gray {
  background-color: #73777c;
  color: #fff;
}
.panel--gray-chateau {
  background-color: #a5adaf;
  color: #000;
}
.panel--grayscale-1 {
  background-color: #54585e;
  color: #fff;
}
.panel--grayscale-3 {
  background-color: #bdc3c7;
  color: #000;
}
.panel--grayscale-5 {
  background-color: #f3f5f6;
  color: #000;
}
.panel--primary-1 {
  background-color: #032945;
  color: #fff;
}
.panel--primary-2 {
  background-color: #023456;
  color: #fff;
}
.panel--primary-3 {
  background-color: #034a72;
  color: #fff;
}
.panel--primary-4 {
  background-color: #008ac1;
  color: #fff;
}
.panel--primary-5 {
  background-color: #07aaea;
  color: #fff;
}
.panel--green-aqua {
  background-color: #0aa699;
  color: #fff;
}
.panel--green-dark {
  background-color: #177b57;
  color: #fff;
}
.panel--green {
  background-color: #a3d634;
  color: #000;
}
.panel--grey-dark {
  background-color: #939699;
  color: #fff;
}
.panel--grey {
  background-color: #d2d6d9;
  color: #000;
}
.panel--grey-light {
  background-color: #e4eaed;
  color: #000;
}
.panel--scampi {
  background-color: #5d60ab;
  color: #fff;
}
.panel--kobi {
  background-color: #eaaecf;
  color: #000;
}
.panel--lightgray {
  background-color: #bdc3c7;
  color: #000;
}
.panel--manatee {
  background-color: #9089a5;
  color: #fff;
}
.panel--orange {
  background-color: #f07d00;
  color: #fff;
}
.panel--orange-peel {
  background-color: #f09e00;
  color: #000;
}
.panel--picton-blue {
  background-color: #36a7e9;
  color: #fff;
}
.panel--purple {
  background-color: #a27497;
  color: #fff;
}
.panel--red {
  background-color: #f35958;
  color: #fff;
}
.panel--red-dark {
  background-color: #f02a28;
  color: #fff;
}
.panel--ripe-lemon {
  background-color: #f5c50e;
  color: #000;
}
.panel--tacao {
  background-color: #edb183;
  color: #000;
}
.panel--yellow {
  background-color: #f9ba46;
  color: #000;
}
.panel--yellow-green {
  background-color: #cccd21;
  color: #000;
}
.panel--yellow-red {
  background-color: #f48f33;
  color: #000;
}
.panel--white {
  background-color: #fff;
  color: #000;
}
.panel--wistful {
  background-color: #a7a4d1;
  color: #000;
}
.panel--graph-fountain-blue {
  background-color: #5bc0be;
  color: #000;
}
.panel--graph-seagull {
  background-color: #82c3e9;
  color: #000;
}
.panel--graph-wild-blue-yonder {
  background-color: #7a7abd;
  color: #fff;
}
.panel--graph-cosmos {
  background-color: #ffd6d7;
  color: #000;
}
.panel--graph-caper {
  background-color: #d0eda5;
  color: #000;
}
.panel--graph-gray-chateau {
  background-color: #a5adaf;
  color: #000;
}
.panel--black-haze {
  background-color: #f8f9f9;
  color: #000;
}
.panel--neutral-200 {
  background-color: #f1f3f4;
  color: #000;
}
.panel--neutral-300 {
  background-color: #c9cdcf;
  color: #000;
}
.panel--basic {
  padding: 0;
}
.panel--basic .panel__header {
  padding: 20px;
  margin-bottom: 0;
}
.panel--basic .tab__scroll-area {
  padding: 0 20px 20px 20px;
}
.panel--plain {
  padding: 0;
}
.panel--plain .panel__header {
  padding: 20px 0;
}
.panel--classic .panel__title, [data-theme=classic] .panel .panel__title, [data-theme=classic] .collapsible-panel--body .panel__title, [data-theme=classic] .panel_half .panel__title, .panel--classic [data-theme=classic] .h3--panel-subtitle, [data-theme=classic] .panel--classic .h3--panel-subtitle, [data-theme=classic] .panel .h3--panel-subtitle, [data-theme=classic] .collapsible-panel--body .h3--panel-subtitle, [data-theme=classic] .panel_half .h3--panel-subtitle {
  font-size: 16px;
  line-height: normal;
  font-weight: 600;
  color: #54585e;
}
.panel--classic h2, [data-theme=classic] .panel h2, [data-theme=classic] .collapsible-panel--body h2, [data-theme=classic] .panel_half h2 {
  display: inline-block;
}
.panel--classic h3, [data-theme=classic] .panel h3, [data-theme=classic] .collapsible-panel--body h3, [data-theme=classic] .panel_half h3 {
  font-size: 16px;
  color: #54585e;
}
.panel--fitted .panel__content {
  margin: -20px;
}
.panel--tight:not(:last-of-type) {
  margin-bottom: 10px;
}
.panel--small {
  padding: 10px;
}
.panel--popup-search {
  padding: 24px 32px 0;
}
.panel--with-margin {
  margin-bottom: 20px;
}
.panel--auto-height {
  height: auto;
}
.panel--full-height {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  height: 100%;
  overflow: hidden;
}
.panel--full-height .panel__content {
  height: 100%;
  flex: 1 1 auto;
  display: flex;
  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;
          user-select: none;
}
.panel--loading .panel__collapser:before {
  content: "\e112";
}
.panel--bordered {
  border: 1px solid #d1dade;
}
.panel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}
.panel__heading {
  overflow: hidden;
}
.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, .collapsible-panel--body .tree_locations i, .panel_half .tree_locations i {
  color: #54585e;
}
.panel #location_tree, .collapsible-panel--body #location_tree, .panel_half #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, .collapsible-panel--body .table-controls .secondary, .panel_half .table-controls .secondary,
.panel .buttonsAlign .secondary,
.collapsible-panel--body .buttonsAlign .secondary,
.panel_half .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, .collapsible-panel--body .form-input-value h2, .panel_half .form-input-value h2 {
  margin: 0;
}
.panel .form-input-value .js-help, .collapsible-panel--body .form-input-value .js-help, .panel_half .form-input-value .js-help {
  margin-top: 11px;
}
.panel .form-input-value .js-help .helptext, .collapsible-panel--body .form-input-value .js-help .helptext, .panel_half .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, .collapsible-panel--body .textarea-extra-comment, .panel_half .textarea-extra-comment {
  margin-top: 10px;
}
.panel .button span, .collapsible-panel--body .button span, .panel_half .button span, .panel .button--light span, .collapsible-panel--body .button--light span, .panel_half .button--light span, .panel .button_disable span, .collapsible-panel--body .button_disable span, .panel_half .button_disable span {
  color: #fff;
}
.panel .tabs, .collapsible-panel--body .tabs, .panel_half .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, .collapsible-panel--body .info-list, .panel_half .info-list {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  padding-right: 40px;
}
.panel .info-list span, .collapsible-panel--body .info-list span, .panel_half .info-list span {
  display: block;
}
.panel .info-list span.info-list-label, .collapsible-panel--body .info-list span.info-list-label, .panel_half .info-list span.info-list-label {
  color: #54585e;
}
.panel .info-list span.info-list-value, .collapsible-panel--body .info-list span.info-list-value, .panel_half .info-list span.info-list-value {
  color: #000;
}
.panel h2, .collapsible-panel--body h2, .panel_half h2 {
  display: inline-block;
}
.panel h2 strong, .collapsible-panel--body h2 strong, .panel_half h2 strong {
  font-weight: 600;
}
.panel__title, [data-theme=classic] .h3--panel-subtitle {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: #222325;
  max-width: 100%;
}
.panel__title--no-indent {
  margin: 0 20px 0 0;
}
.panel__title--top-indent {
  margin-top: 20px;
}
.panel__toolbar {
  display: flex;
  flex-shrink: 0;
  min-height: 32px;
  margin-left: auto;
  align-items: center;
  align-self: flex-start;
  line-height: 32px;
}
.panel__toolbar .panel__toolbar-item {
  display: inline-flex;
}
.panel__toolbar .panel__toolbar-item:not(:last-child) {
  margin-right: 16px;
}
.panel .manage-views-h2, .collapsible-panel--body .manage-views-h2, .panel_half .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: 120px;
  max-height: 400px;
}
.popover--filter .popover-content {
  max-height: 312px;
}
.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: flex;
  margin-top: 20px;
}
.popover__footer--right {
  justify-content: flex-end;
}
.popover .project_dropdown_data {
  display: flex;
  flex-flow: row wrap;
  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: #e6f7fd;
  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;
}

.right-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 600px;
  background: #fff;
  border-left: 1px solid #ddd;
  font-family: Roboto, Arial, sans-serif;
}
.right-panel__header {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #d1dade;
  z-index: 2;
}
.right-panel__header.disabled {
  background: #eee;
}
.right-panel__header .right-panel__close {
  color: #54585e;
}
.right-panel__header .right-panel__close:hover {
  color: #07aaea;
}
.right-panel__heading {
  margin-right: 20px;
}
.right-panel__heading span {
  vertical-align: middle;
}
.right-panel__toolbar {
  text-align: right;
}
.right-panel__body {
  flex-grow: 1;
  background: #f3f5f6;
  display: flex;
  overflow: hidden;
}
.right-panel__footer {
  padding: 20px;
  border-top: 1px solid #d1dade;
}
.right-panel .toaster {
  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: flex;
  align-items: 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-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;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip p:first-child {
  margin-top: 0;
}
.tooltip p:last-child {
  margin-bottom: 0;
}

/* 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: flex;
  flex-direction: column;
  width: 100%;
  height: 64px;
  margin: 10px 0;
  background: #f3f5f6;
  color: #73777c;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-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 {
  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: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  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.x-btn-inner-default-toolbar-small {
  font-size: 12px !important;
  font-family: Roboto, Arial, sans-serif !important;
  line-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-column-header-checkbox .x-column-header-checkbox:after,
.x-grid-checkcolumn:after {
  content: "\e057";
  font-size: 22px;
  font-family: "getIcons";
  vertical-align: middle;
}

.x-grid-hd-checker-on .x-column-header-checkbox:after,
.x-grid-checkcolumn-checked:after {
  content: "\e05a";
  font-size: 22px;
  font-family: "getIcons";
  vertical-align: middle;
}

.gc-checkbox-header-partially-checked .x-column-header-checkbox:after {
  content: "\e085";
}

.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-tree-view-invalid, .form-input-value--error .x-tree-view,
.form-input-value--error .x-grid-empty {
  background-color: #fce3e3;
  border-color: #f35958;
  color: #f35958;
}

.x-grid-cell-invalid {
  background-color: #fce3e3 !important;
}

.x-grid-cell-inner {
  padding: 6px !important;
  height: inherit;
}

.x-wrap-row--expanded .x-wrap-cell {
  height: unset !important;
}
.x-wrap-row--expanded .x-wrap-cell .x-grid-cell-inner {
  position: unset !important;
  padding-bottom: 24px !important;
}

.x-wrap-cell {
  position: relative;
}
.x-wrap-cell .x-grid-cell-inner {
  white-space: pre-wrap !important;
  position: absolute;
  top: 0 !important;
  height: 100% !important;
  width: 100% !important;
}
.x-wrap-cell__button {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  margin: 2px;
}
.x-wrap-cell__button.js-cell-expand-button:hover {
  cursor: pointer;
}
.x-wrap-cell__button:hover {
  cursor: pointer;
  outline: none;
  background-color: #e6f7fd;
}
.x-wrap-cell .x-editor {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
.x-wrap-cell .x-editor textarea {
  resize: none;
}

.x-grid-cell-inner_edit {
  display: none !important;
}

.x-grid-checkcolumn-cell-inner {
  line-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 #C9CDCF !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-mandatory {
  background: white;
  box-shadow: inset -1px 0 0 0 #008ac1, inset 1px 0 0 0 #008ac1, inset 0 -1px 0 0 #008ac1, inset 0 1px 0 0 #008ac1 !important;
}
.x-grid-item .x-grid-cell.gc-item-editable.x-grid-cell-invalid {
  box-shadow: inset -1px 0 0 0 #f35958, inset 1px 0 0 0 #f35958, inset 0 -1px 0 0 #f35958, inset 0 1px 0 0 #f35958 !important;
  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: #e6f7fd !important;
}

.x-grid-item-selected .sch-gantt-milestone-diamond {
  border-color: #76bcd8;
}

.x-grid-editor .x-form-text {
  overflow: hidden;
  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;
          user-select: unset !important;
}
.x-grid-td.gc-icon-column .gc-icon-field-overlay {
  justify-content: center;
  padding: 0 !important;
}
.x-grid-td.gc-icon-column .gc-icon-field-overlay--align-left {
  justify-content: flex-start;
}
.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.gc-table-item-readonly {
  opacity: 0.7;
  background-color: #F7F8F8;
  color: #262B2D;
  cursor: not-allowed;
}
.x-grid-td.gc-table-item-readonly :not(.js-cell-expand-button, .js-cell-expand-button *, a) {
  cursor: not-allowed;
}
.x-grid-td.gc-table-date-item-outdated {
  color: #f35958;
  font-weight: 500;
}
.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: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #54585e;
}

.ext-viewport .x-panel-body-default {
  overflow: hidden auto;
}
.ext-viewport .x-column-header-inner {
  padding: 10px 6px 10px 6px !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");
}

.ext-table-container .x-grid-item-over,
.ext-table-container .x-grid-item-selected {
  background-color: #fff !important;
}
.ext-table-container .x-grid-item:not(:last-child) .x-grid-cell {
  box-shadow: none !important;
  border-bottom: 1px solid #C9CDCF;
}
.ext-table-container .x-grid-item:not(:last-child) .x-grid-cell.gc-item-readonly {
  box-shadow: none !important;
}
.ext-table-container .x-grid-item .x-grid-cell:not(:first-child) {
  border-left: 1px solid #C9CDCF;
}
.ext-table-container .x-grid-item .x-grid-cell:not(:first-child) .x-form-trigger-wrap-focus {
  border-left: 0;
}
.ext-table-container .x-grid-item .x-grid-cell:first-child .x-form-trigger-wrap-focus {
  border-right: 0;
}
.ext-table-container .x-grid-item .x-grid-cell.gc-item-editable.x-grid-cell-mandatory {
  background: #e6f7fd !important;
  box-shadow: none !important;
}
.ext-table-container .x-grid-item .x-grid-cell.gc-item-editable.x-grid-cell-invalid {
  box-shadow: none !important;
  background-color: #fce3e3 !important;
}
.ext-table-container .x-grid-item .x-grid-cell.gc-item-editable:hover {
  box-shadow: none !important;
}
.ext-table-container .x-grid-item .x-grid-row {
  width: 100%;
  height: 100%;
}
.ext-table-container .x-grid-item .x-grid-row:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #008ac1;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ext-table-container .x-grid-item .x-grid-row:hover:before {
  opacity: 0.1;
}
.ext-table-container .x-form-trigger-wrap-focus {
  border-color: #bdc3c7 !important;
}
.ext-table-container .x-form-trigger-wrap-invalid {
  border-color: #bdc3c7 !important;
}
.ext-table-container .x-sticky-scroller {
  position: absolute;
  width: 100%;
  overflow-x: scroll;
  bottom: 0;
  z-index: 80;
}
.ext-table-container .x-sticky-scroller-content {
  border-top: 1px solid transparent;
}

.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";
  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-link {
  max-width: 800px;
}
.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;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.x-menu .x-menu-item .x-menu-item-text-default.x-menu-item-indent-no-separator:not(.x-menu-item-indent-right-icon) {
  padding: 0 8px 0 36px;
  margin-left: 0;
}
.x-menu .x-menu-item .x-menu-item-text-default.x-menu-item-indent-right-icon:not(.x-menu-item-text-no-indent) {
  margin-left: 60px !important;
}
.x-menu .x-menu-item .x-menu-item-text-default.x-menu-item-indent-right-icon:not(.x-menu-item-text-no-indent) + .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: none;
  border-radius: 4px;
  margin-top: 4px;
}
.x-boundlist .x-boundlist-list-ct {
  padding: 4px 0;
}
.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-item-disabled {
  color: #bdc3c7 !important;
  cursor: default;
  background-color: #fff !important;
}
.x-boundlist .x-boundlist-item.x-boundlist-item-icon {
  display: flex !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: inline-flex;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  color: #bdc3c7;
}
.x-boundlist .x-boundlist-item.x-boundlist-item-icon .x-boundlist-text {
  line-height: 24px;
}
.x-boundlist .x-boundlist-item.x-boundlist-item-icon .x-boundlist-text--nowrap {
  white-space: nowrap;
  overflow: hidden;
  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-item-over .x-wrap-cell__button, .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, .x-boundlist .x-boundlist-item.x-boundlist-selected .x-wrap-cell__button {
  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, .x-boundlist .x-boundlist-item .x-wrap-cell__button {
  color: rgba(0, 0, 0, 0.5);
}

.combobox-with-docked-button-list .x-boundlist-list-ct {
  max-height: 300px;
}

/* 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 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}
.x-color-picker-item-medium {
  flex: 0 0 25%;
  max-width: 25%;
}
.x-color-picker-item-large {
  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 input.x-form-field[readonly] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.x-form-readonly .x-form-trigger-wrap {
  border: none;
}
.x-form-readonly .x-tagfield {
  padding: 1px 0 !important;
}
.x-form-readonly .x-tagfield-item {
  padding: 2px 4px !important;
}
.x-form-readonly .x-tagfield-item-close {
  display: none;
}
.x-form-readonly .gc-icon-field-overlay {
  padding: 4px 0 !important;
}

.x-field:not(.x-form-readonly) .x-tagfield {
  padding: 1px 9px 0 9px !important;
}
.x-field:not(.x-form-readonly) .x-tagfield-item {
  padding: 2px 4px 2px 20px !important;
}
.x-field:not(.x-form-readonly) .gc-icon-field-overlay {
  padding: 4px 6px !important;
}

.x-form-trigger-wrap-default {
  display: flex !important;
}
.x-form-trigger-wrap-default input {
  border: 0;
}

.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: flex !important;
  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 .x-tagfield-list {
  display: flex;
  align-items: center;
  height: auto;
}
.x-tagfield .x-tagfield-item {
  flex: none;
  margin: 0 5px 0 0 !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 {
  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;
}
.x-tagfield--single .x-tagfield-item {
  padding: 2px 4px 2px 2px !important;
  background: none;
}
.x-tagfield--single .x-tagfield-item:hover {
  background-color: transparent;
}
.x-tagfield--single .x-tagfield-item-close {
  display: none;
}
.x-tagfield--single .x-tagfield-item-selected {
  background: none !important;
}

.gc-icon-field-overlay {
  display: flex !important;
  align-items: center !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;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gc-icon-field {
  margin-right: 5px;
  color: #bdc3c7 !important;
  font-size: 24px !important;
  font-family: getIcons !important;
  line-height: 0.8;
  vertical-align: middle;
}
.gc-icon-field:last-child {
  margin-right: 0;
}

.gnt-taskeditor-window .x-tagfield-list {
  flex-wrap: wrap;
  row-gap: 5px;
}

.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-window-default .x-toolbar-footer .x-btn .x-btn-inner {
  padding: 0 !important;
}
.x-window-default .x-toolbar-footer .x-btn .x-btn-icon-el {
  width: 18px;
  font-size: 18px;
  margin-right: 5px;
}
.x-window-default .x-toolbar-footer .x-btn.x-btn-outline .x-btn-icon-el {
  color: #73777c !important;
}
.x-window-default .x-toolbar-footer .x-btn.x-btn-blue .x-btn-icon-el {
  color: #fff !important;
}
[data-theme=modern] .x-window-default {
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.2);
  border-radius: 4px !important;
  background: #fff !important;
  /*   .x-toolbar {
      ~ .x-grid-header-ct {
        border-top-width: 50 !important;
      }
    } */
}
[data-theme=modern] .x-window-default .x-window-header-top {
  background-color: #fff !important;
  border-radius: 4px 4px 0 0 !important;
  border: none !important;
  display: flex !important;
  min-height: 56px !important;
  padding: 16px 32px !important;
  border-bottom: 1px solid #c9cdcf !important;
  max-height: 120px !important;
  align-items: center !important;
  font-family: "Open Sans", Roboto, Arial, sans-serif !important;
}
[data-theme=modern] .x-window-default .x-window-header-top .x-title-text {
  display: inline-block;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}
[data-theme=modern] .x-window-default .x-window-body-default .x-window-text {
  text-align: left;
  padding-left: 22px;
}
[data-theme=modern] .x-window-default .x-toolbar-footer {
  -webkit-box-sizing: border-box !important;
  padding: 16px 32px !important;
  text-align: right !important;
  font-size: 0 !important;
  background-color: #fff !important;
  border-top: 1px solid #c9cdcf !important;
  height: 69px;
  /* .x-box-target {
    margin: 0 -20px ;
  } */
}
[data-theme=modern] .x-window-default .x-window-body-default,
[data-theme=modern] .x-window-default .x-window-header-title-default {
  overflow: auto;
  color: #404040;
  font-size: 12px !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  font-family: Roboto, Arial, sans-serif !important;
}

.x-tab-inner-default {
  font-family: Roboto, Arial, sans-serif !important;
}

.x-resizable-proxy {
  border: 1px dashed #f3f5f6 !important;
}
[data-theme=modern] .x-resizable-proxy {
  border: 1px dashed #fff !important;
}

.system-block-container {
  position: relative;
  background: #d1dade;
  background-size: contain;
  font-family: "Roboto";
  margin: 0;
  width: 100%;
  height: 100%;
}

.system-block {
  position: absolute;
  bottom: 32px;
  right: 32px;
  width: 480px;
  overflow: hidden;
}
.system-block * {
  margin: 0;
  padding: 0;
}
.system-block__wrapper {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid transparent;
  font-weight: normal;
  padding: 48px 64px;
  border-radius: 8px;
}
.system-block__wrapper * {
  top: 0;
  left: 0;
}
.system-block__title {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 32px;
  color: #222325;
}
.system-block__text {
  font-size: initial;
  color: initial;
}
.system-block__form--hidden {
  visibility: hidden;
}
.system-block__footer {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 32px;
}
.system-block .system-block__button {
  display: inline-flex;
  padding: 6px 16px;
  border: 1px solid transparent;
  background: #07aaea;
  font-size: 14px;
  line-height: 32px;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.system-block .system-block__button:hover {
  opacity: 0.7;
}

.flex {
  display: flex;
}

.align-self--start {
  align-self: flex-start;
}
.align-self--center {
  align-self: center;
}
.align-self--end {
  align-self: flex-end;
}

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

.order--1 {
  order: 1;
}
.order--2 {
  order: 2;
}
.order--3 {
  order: 3;
}
.order--4 {
  order: 4;
}

.bg--transparent {
  background-color: transparent;
  color: #000;
}
.bg--black {
  background-color: #000;
  color: #fff;
}
.bg--blue {
  background-color: #07aaea;
  color: #fff;
}
.bg--blue-light {
  background-color: #76bcd8;
  color: #000;
}
.bg--blue-dark {
  background-color: #008ac1;
  color: #fff;
}
.bg--blue-darker {
  background-color: #045a8b;
  color: #fff;
}
.bg--burnt-sienna {
  background-color: #ec765f;
  color: #fff;
}
.bg--empty {
  background-color: #d1dade;
  color: #000;
}
.bg--dark-blue {
  background-color: #034a72;
  color: #fff;
}
.bg--dark-gray {
  background-color: #54585e;
  color: #fff;
}
.bg--fountain-blue {
  background-color: #53a9a7;
  color: #fff;
}
.bg--geyser {
  background-color: #d1dade;
  color: #000;
}
.bg--governor-bay {
  background-color: #333399;
  color: #fff;
}
.bg--gray {
  background-color: #73777c;
  color: #fff;
}
.bg--gray-chateau {
  background-color: #a5adaf;
  color: #000;
}
.bg--grayscale-1 {
  background-color: #54585e;
  color: #fff;
}
.bg--grayscale-3 {
  background-color: #bdc3c7;
  color: #000;
}
.bg--grayscale-5 {
  background-color: #f3f5f6;
  color: #000;
}
.bg--primary-1 {
  background-color: #032945;
  color: #fff;
}
.bg--primary-2 {
  background-color: #023456;
  color: #fff;
}
.bg--primary-3 {
  background-color: #034a72;
  color: #fff;
}
.bg--primary-4 {
  background-color: #008ac1;
  color: #fff;
}
.bg--primary-5 {
  background-color: #07aaea;
  color: #fff;
}
.bg--green-aqua {
  background-color: #0aa699;
  color: #fff;
}
.bg--green-dark {
  background-color: #177b57;
  color: #fff;
}
.bg--green {
  background-color: #a3d634;
  color: #000;
}
.bg--grey-dark {
  background-color: #939699;
  color: #fff;
}
.bg--grey {
  background-color: #d2d6d9;
  color: #000;
}
.bg--grey-light {
  background-color: #e4eaed;
  color: #000;
}
.bg--scampi {
  background-color: #5d60ab;
  color: #fff;
}
.bg--kobi {
  background-color: #eaaecf;
  color: #000;
}
.bg--lightgray {
  background-color: #bdc3c7;
  color: #000;
}
.bg--manatee {
  background-color: #9089a5;
  color: #fff;
}
.bg--orange {
  background-color: #f07d00;
  color: #fff;
}
.bg--orange-peel {
  background-color: #f09e00;
  color: #000;
}
.bg--picton-blue {
  background-color: #36a7e9;
  color: #fff;
}
.bg--purple {
  background-color: #a27497;
  color: #fff;
}
.bg--red {
  background-color: #f35958;
  color: #fff;
}
.bg--red-dark {
  background-color: #f02a28;
  color: #fff;
}
.bg--ripe-lemon {
  background-color: #f5c50e;
  color: #000;
}
.bg--tacao {
  background-color: #edb183;
  color: #000;
}
.bg--yellow {
  background-color: #f9ba46;
  color: #000;
}
.bg--yellow-green {
  background-color: #cccd21;
  color: #000;
}
.bg--yellow-red {
  background-color: #f48f33;
  color: #000;
}
.bg--white {
  background-color: #fff;
  color: #000;
}
.bg--wistful {
  background-color: #a7a4d1;
  color: #000;
}
.bg--graph-fountain-blue {
  background-color: #5bc0be;
  color: #000;
}
.bg--graph-seagull {
  background-color: #82c3e9;
  color: #000;
}
.bg--graph-wild-blue-yonder {
  background-color: #7a7abd;
  color: #fff;
}
.bg--graph-cosmos {
  background-color: #ffd6d7;
  color: #000;
}
.bg--graph-caper {
  background-color: #d0eda5;
  color: #000;
}
.bg--graph-gray-chateau {
  background-color: #a5adaf;
  color: #000;
}
.bg--black-haze {
  background-color: #f8f9f9;
  color: #000;
}
.bg--neutral-200 {
  background-color: #f1f3f4;
  color: #000;
}
.bg--neutral-300 {
  background-color: #c9cdcf;
  color: #000;
}
/*# sourceMappingURL=../maps/styles.css.map */